ピクセルアートは抑制に報います。数ピクセルで、顔、歩み、気分、または小さな生き物全体を示唆することができます。アニメーションは別のレイヤーを追加します。今度は、ピクセルを読み取り可能にした形状を失わずに、ピクセルを移動する必要があります。
このガイドでは、実用的な中間点に焦点を当てます。巨大なスプライト パイプラインでも、ワンクリックのトリックでもありません。小さなアニメーション文字を読みやすくするための習慣です。
シルエットから始める
詳細の前に概要をご確認ください。キャラクターが一色で明確な形状として読み取られる場合、アニメーションが実行される可能性ははるかに高くなります。
最初に良いシルエットはシンプルです。丸い塊、四角いロボット、背の高いキノコ、幽霊の形、耳のある猫の頭などです。小さな腕、小さなアクセサリー、小さな顔のディテールは後からでも良いのです。
パレットを制限する
ほとんどの小さな文字には 2 ～ 4 色で十分です。限られたパレットによりアニメーションが穏やかに保たれ、すべてのピクセルが適切な位置を確保するのに役立ちます。
描画が平坦に感じられる場合は、色を追加する前にコントラストを変更してみてください。より暗い輪郭またはより明るいハイライトは、多くの場合、5 番目の色合い以上になります。
メインモーションを計画する
短い文でキャラクターが何をしているかを尋ねます。
- スライムが呼吸しています。
- ロボットが手を振っています。
- キノコが跳ねています。
- 幽霊が漂っています。
その文はあなたのガードレールです。詳細がサポートしていない場合は、その詳細を省略します。
思ったよりも少ないフレームを使用する
小さなピクセル アートの場合、ループは驚くほど少ない情報で機能します。呼吸アイドルには 2 つまたは 3 つの状態が存在します。バウンスには、押しつぶしたポーズ、伸ばしたポーズ、静止したポーズがあります。
WigglyPaint はストロークに生き生きとした動きを加えるので、多くの場合、手描きのフレーム シーケンスよりも構造をシンプルに保つことができます。
アンカーポイントに注意してください
キャラクターが動くとき、いくつかの部分は安定していなければなりません。足が床に触れます。影が本体の下に残ります。冗談でない限り、顔の中心がランダムに移動するべきではありません。
アンカー ポイントは、アニメーションがキャラクターが溶けているように感じられるのを防ぎます。
2 番目の詳細を 1 つ追加します
メインのモーションが機能したら、サポートの詳細を 1 つ追加します。
- 小さな髪の跳ね返り
- スカーフが遅れている
- 瞬き
- 輝き
- 伸びる影
細部がアニメーションに配慮されていると感じさせます。 5 つの詳細があると読みにくくなる場合があります。
よくある間違い
- 理由もなく輪郭の太さが変化する
- 非常に小さなスプライトに色が多すぎる
- シルエットと戦うディテール
- 動きが速すぎて理解できない
- 最初に戻るループ
これらはどれも災害ではありません。それらは単純化するための単なる記号です。
良い最初の文字
2 つの目でブロブを描きます。接地しているように感じるように、底をわずかに平らにします。緩やかに高さを変えることで呼吸をさせます。ボディより少し動きの少ないハイライトを1つ追加します。
それで十分です。生きていると感じたら、それを学んだことになります。