Spritesheetアニメーションを作成するためのヒントとツール


23

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

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

また、スプライトシートを操作するためのヒントを教えてください。キャラクターの各部分を個別のレイヤー(左腕、右腕、体など)に作成するか、すべてを一度に作成する必要がありますか?他のヒントも役立ちます!ありがとうございました


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

回答:


13

あなたが抱えている問題から、私はあなたが以下をすることを勧めます:

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

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

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

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


ところで、この投稿では、この場合にPhotoshopを使用する方法について説明しています。

4
@Sergioは、必ずしもそうではありませんが、PhotoShopは、レイヤー、ガイド、ルール、ピクセルごとのグリッドを持つ唯一の画像編集ソフトウェアではありません。
AttackingHobo

@Sergioは、この場合、イラストレーターよりもPSをお勧めすると言ったと思いました。ただし、IIRCには、これらの機能がすべてPhotoshopと同じスイートに含まれている必要があります。しばらくの間、PhotoshopとAfter Effects以外は何も開いていません。
ジェシードーシー

@AttackingHobo-彼はグリッドをクリックすることでスナップのガイドラインに言及しました。そのアクションは主にPhotoshopで使用され、それを検索することで誰でも見つけられるチュートリアルの99%はPhotoshopの結果を返します。

@Sergio、私に思い出させてくれてありがとう、あなたは定規をクリックしてドラッグすることになっていた。ただし、Illustratorにはガイドを作成する機能があります。したがって、これらの情報のいずれかが間違っているとは思わない。
ジェシードーシー

4

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

私はそれが何であるか、49.99ドルのために少し高価だと思います。

SpriteWorksの使用方法に関するチュートリアルを次に示します。

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



3

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

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

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




2

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

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

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


これは、独自の製品ですので、そう言ってください、それがでますよくある質問
ジョン・マクドナルド

それは少し遅い、もう少しこのに見ているかもしれませんが、うまく機能層、と今私自身のワークフローを使用して、素敵なツールです
スパイ

1

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

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


よくある質問では、「外部サイトへのリンク以上のものではない」という回答に対して推奨しています。そこに何があり、なぜこの質問者に役立つのかを説明する詳細を追加しますか?:)
キャメロンフレッドマン

0

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

他の同様のツールはZwoptexです

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

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.