2015-03-24【講座/ドット絵05_キャラクターアニメーション1/2】のつづき4次に、まだアンチエイリアスは入れずに「ハイライトやカゲ色」を入れていきます(←これを「仮絵2」と呼ぶことにします)合わせてラインの色も、明るい面のラインは明るめにといった感じで、それぞれのカラーに合わせて塗り分けていきます。※今回の絵は最終的にラインを意識的に残しますが、そうでない場合はこの段階でラインをカラーと馴染ませます。前回と同じ要領でまずは1パターン(2番コマ)のみ、それを元に残りを仕上げます。[1]同様2番コマのみ。▲8つのコマの仮絵2。クリックでラフ画および仮絵との比較アニメーションGIFのファイルに移動します。5最後にアンチエイリアスを入れていきます(アンチを入れる=アンチエイジング=ジャギ消し)※この「ジャギ消し」という用語、私はゲーム業界に入ったばかりの時「アンチを入れる」より先に知りましたが、どの程度一般的なんでしょうか。[4]でつくったハイライトやカゲ色と、その元となった面やラインの色の間に中間調のドットを置きガタガタ感をならしていきます。ジャギ消しのコツに関しては、別の機会が設けられればそちらでもうちょっと詳しく書きます。例によってまずは2番コマのみ先行。この段階で地面に落ちる影も入れました。今回は各コマごとにそのポーズに合わせた影を入れてますが、楕円形等の汎用性のある影パーツを別につくりそれと重ねあわせ、容量と工数を節約することもまま有りますね。クリックで今までの行程の比較アニメーションGIFのファイルに移動します。〆こういったアニメーションがある絵は、ドット絵に限ったことではありませんが、1コマ分のみ完成させてしまうのではなく、ラフ画や仮絵等それぞれでアニメを組んで(=いわゆるラッシュ)再生しつつ調整するのが、クオリティ的にも工数短縮的にも良い結果になると思います。そちらの業界経験はありませんが、アニメの制作現場もこんな感じではないでしょうか。むむむ、段々当たり前のことを連々と書いている気がしてきました。▲前述の[5]と同じものですが、クリックで今までの行程の比較アニメーションGIFのファイルに移動します。2015-03-21【ドット絵05_キャラクターアニメーション】の手順。こちらはPhotoshopにて、特に原画を用意せずダイレクトに鉛筆ツールを使い1ドット1ドット、マウスで打っています。アニメーションもPhotoshopのタイムラインで調子を見ながら仕上げ、最終的にアニメーションGIFで保存しています。今回のアニメは普通の歩行でなので私自身の慣れもあり直接ドット打ちしていますが、複雑な造形や動きの場合は簡単なラフ画を描きそのアニメを組んでみて、それを下地に進めることもあります。▲ラフ画を描いた場合を再現してみました。クリックでアニメーションGIFのファイルに移動します。1このアニメは8コマのループにすることにし、まずは1コマ分だけ基本ポーズとして「アンチエイリアスは入れずにラインとベタ塗りのカラー」(←これを「仮絵」と呼ぶことにします)の完成させます。完成と言ってもこれからの仕上げの課程で修正しながら進めます。この基本ポーズは、横から見た時に両足が揃っている直立に近いポーズを選びました。▲基本ポーズのライン取りとベタ塗りのカラーのみ。2次に他のコマですが、今度は1コマずつとばして4コマ分を仮絵で仕上げます。※注:[1]で作成した基本ポーズは、作業の都合上2番コマとなっています。両足が前後に最もひらく。