スプライトシートを簡単に作成するために使用できるツールを探しています。

現在Illustratorを使用していますが、キャラクターの中心を正確な位置に配置できないため、ループしている間、キャラクターが動き回っているように見えます(常に1か所にあります)。スプライトシートを通して。使用できるより良いツールはありますか?

また、スプライトシートを操作するためにどのようなヒントを提供しますか?キャラクターの各部分を個々のレイヤー(左腕、右腕、体など)に作成する必要がありますか、それともすべてを一度に作成する必要がありますか?他のヒントも役に立ちます!ありがとう

コメント

  • Illustratorからスプライトシートをエクスポートするためにスクリプトを使用している場所はどこですか? 自分のPhotoshopスクリプトを使用していますが、Illustrator用のものも欲しいです。

回答

発生している問題から、次のことを行うことをお勧めします。

まず、レイヤーとフォルダーを操作します。個々のスプライトをフォルダにグループ化して、スプライト全体を移動できるようにします。複製される部分は、別々のレイヤーに存在する必要があります。

(つまり、剣などがある場合は、レイヤー上にある、目はレイヤー上にある必要がありますなど)。これらのタイプのアプリケーションの真の力は、そのようなタスクにあります。何かを台無しにした場合、そのレイヤーだけを台無しにするわけではありません。

次に、ルーラーを有効にしてグリッドを有効にします(また、設定メニューで正しく設定するために時間をかけてください)。ルーラーをクリックしてそこからドラッグすると、ガイドラインを作成できます。ガイドラインを使用して独自の制限を設定すると、スプライト(フォルダー内にあるはずです)をグリッド線にスナップして、より適切に配置できるようになります。 。

最後に、アニメーションの再生中にまだ少し位相がずれているように見える場合は、ズームインすると(設定メニューでこれが有効になっていることを確認する必要がある場合があります)、次のことができます。個々のピクセルごとのグリッドを参照してください。これにより、必要な場所に物を正確に配置できるようになります。

コメント

  • ちなみに、この投稿では、この場合のPhotoshopの使用方法について説明しています。
  • @Sergioは、必然的にではありませんが、レイヤー、ガイド、ルール、およびピクセル単位のグリッドを備えた画像編集ソフトウェアはPhotoShopだけではありません。
  • @Sergioは、'この場合、イラストレーターよりもPSをお勧めすると述べたと思いました。しかし、ええ、IIRCは、Photoshopと同じスイートにあるこれらの機能をすべて備えている必要があります。 'しばらくの間、PhotoshopとAfterEffects以外は開いていません。
  • @ AttackingHobo-グリッドをクリックしてスナップのガイドラインについて言及しました。そのアクションは主にPhotoshopで使用され、検索して見つけたチュートリアルの99%はPhotoshopの結果を返します。
  • @Sergioは、定規からクリックしてドラッグすることになっていることを思い出させてくれてありがとう。しかし、はい、Illustratorにはガイドを作成する機能があります。したがって、'この情報が間違っているとは思いません。

回答

3Dモデルがある場合は、EnvyGamesによって作成されたプログラムがあります。 SpriteWorks 、モデルから2Dスプライトシートを作成します。アニメーションを再生したり、さまざまなものをカスタマイズしたりできます。

「49.99ドルと少し高価だと思います。

SpriteWorksの使用方法に関するチュートリアルはこちらです

3Dモデルからのスプライトの作成-EnvyGames

回答

スプライトシート?Mac?Zwoptexを使用: http://zwoptexapp.com/

回答

あなたの質問はよく似ていますここで答えました:アニメーションスプライトを作成するための優れたツールは何ですか?

基本的に、好きなプログラムでアニメーションを作成できます。いつIllustratorを使用して、アニメーションのステップを作成するか、アニメーション用にアートワークをFlashにインポートすることをお勧めします(Flash CS4以降、Flashでボーンを作成することもできます。チュートリアルについてはこちらをご覧ください)。

アニメーションが完成したら、フレームを画像にエクスポートしてから、上記の回答で説明した方法を使用してスプライトシートを作成します。

回答

画像がたくさんある場合は、ここに「スプライトシートの作成に使用できるツール:

http://www.retroaffect.com/blog/159/Image_Atlas_Packer/#b

完全に無料で、多数の画像をN枚のスプライトシートにパックします。

回答

このツールが気に入ってしまうかもしれません:

http://www.bottomap.com/Software/A4B/A4B.html

回答

http://www.darkfunction.com/editor/

おっと:卑劣な自己宣伝についてお詫びします。しかし、これはまさにあなたが探しているものかもしれません。

編集:私がこのツールを無料でオープンソースにしたアップデートです。 https://github.com/darkFunction/darkFunction-Editor

コメント

  • これは独自の製品であるため、よくある質問
  • 'にあると言ってください。

  • これは素晴らしいツールです。レイヤーを使用して独自のワークフローを使用しています。これは少し遅いですが、もう少し詳しく調べる必要があるかもしれません

回答

スプライトアニメーションソフトウェアは、スプライトアニメーションのすべてのフレームの順序付けられたシーケンスを含むスプライトシートを自動的に作成します。このソフトウェアは、すでに作成されているスプライトシートでは機能しません。指定された方向(垂直、水平、またはテーブル)と指定されたサイズのスプライトシートを作成します。

スプライトアニメーションは、ヒンジ付き2Dを使用して同じツールで作成されます-ボーンモデルとテクスチャ。YouTubeでビデオを見る

コメント

  • よくある質問"外部サイトへのリンク以上のものではない回答に対して推奨します。"多分'があり、なぜ'がこの質問者に役立つのですか?:)

回答

テクスチャパッカーを使用してPNG画像のフォルダからスプライトを作成しました。もともとFlashで開発されたゲームを移植しているので、MovieClipの各フレームをpngにエクスポートしてから、それらの画像をTexturePackerにインポートするだけです。

別の同様のツールは Zwoptex

(後者はMacソフトウェアですが、TPにはWindows用のバージョンもあります。)

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です