Photoshopでドット絵のアニメーションを作るために僕が実践していること。

以前、「Photoshopでドット絵を描くときに見ておきたい３つのエントリー」というエントリーの中で、アニメーションについての便利なフリーソフトが登場していました。

「アニメチェッカー」や「Dot Anime Player」というものなんですが、Windows専用ソフトなので、残念ながらMacでは利用できません。ただ、Photoshopでもアニメーションの確認をすることは可能です。今回はこの方法を紹介したいです。

Photoshop　アニメーションパネルの使い方

まずはアニメーションのパネルを出します。 上の「ウィンドウ」から「アニメーション」を選択します。

そうするとパネルが出てきます。

はじめアニメーションフレームが一つしかないのでフレームを作成します。

こんな感じで、自分の作りたいアニメーションフレームを準備します。

フレームの削除は隣のゴミ箱を押します。

では実際にアニメーションを作成してみましょう。

まずはアニメーションに使いたい画像を用意します。

アニメーションフレームに表示したいレイアーを選択します。

目のマークをつけてあげればフレームが表示されます。

再生の回数が設定できます。私は「無限」にしています。

アニメーションフレームの移動時間を設定します。

これで準備完了。 再生ボタンを押してあげると画像が動きます。

こんな感じです。

このようにして、Photoshopでアニメーションがうまく出来ているかを確認することができます。

これを使ってドットをうって画像を完成させていきます。

１，先ほどのアニメのフレームのレイアーを一つ一つ個別に画像として保存します。

２，その画像を、Zwoptexというソフトを使って一枚の画像とプロパティリストを作成します。

３，それをXcodeでアニメーションとなるようにプログラムを組みます。

特に１の作業に関しては、アニメーション数が多くなると非常にめんどくさくなります。

アニメーションに関してはとても時間がかかるので気がめいります。

ただ、今現在はこれは一番いい方法なのではないかと思いますが、もし,いい方法があれば、教えてください。

Photoshopの機能はまだまだたくさんあるので、しっかり機能を調べてもっと効率よくドット絵がかけるようにしたいです。