ピクセルちびを描いてループでアニメーション化する方法!

801 view

こんにちは、この小さなチュートリアルで、Chibi をピクセルで描画し、クリップ スタジオ ペイントを使用してループでアニメーション化する方法を紹介します。

ちびキャラを描く

まずは以下の設定で新規ページを開きます。

使用するブラシはソフトウェア ポイント ペンで、ピクセル単位で描画するように構成されています。

次に、キャラクターを配置する 130 ピクセル x 130 ピクセルのフレームを区切ります。テストを行ったり、カラー パレットを配置したりするために、意図的に少し余裕を持たせて、エクスポート時にフレームの最終的なサイズを縮小します。

次に、別のレイヤーで、白にならないように背景に色を付けます。

一般的にちびキャラを描くには頭の2倍以上の体型が必要ですが、これは厳密なルールではなく、可愛いキャラクターであれば誰でも好きなように描くことができます。

私の場合、キャラクターは2頭身3分の2くらいになります。

さまざまなレイヤーに、頭、体、スウェットシャツ、ズボン、髪、靴のラインを描きます。変更があった場合に簡単にできるように、図面のすべての部分を適切に分離しています。

次に、新しい個別のレイヤーで、各パーツに最初の色を追加します。

次に、目を新しいレイヤーに追加し、口を頭のレイヤーに追加してから、バーを新しいレイヤーに追加します。

カラー化にもう少し詳細とニュアンスを追加してから、新しいレイヤー上のキャラクターの足の高さに影を追加します。

ちびキャラ完成!!

イラストをループする

キャラクターが完成したので、キャンバスサイズを200px/200pxから130px/130pxに変更して作った余白を削除します。 「編集」→「キャンバスのサイズ変更」に進みます。

キャラクターをアニメーション化するには、頭、髪、バレッタの線と色のレイヤーを結合することから始めます。次に、セーター、ズボン、靴、体の線と色の層を結合します。 .
通常、4 つのメイン レイヤーがあるはずです。
-頭
-目
- 地面の日陰
- 体

次に、新しいアニメーション タイムラインを作成します。このアイコンをクリックするだけです。

このようにタイムラインを設定しました。
注意: これらのパラメータは、必要に応じて簡単に変更できます。時間をかけすぎても意味がありません。

まず、キャラクターの目をアニメーション化します。新しいアニメーション フォルダーを作成します。

次に、このようにして、まばたきの段階を 5 つの異なるレイヤーに分解します。

目 0 は開いていることを表し、目 4 は目が完全に閉じています。 5 つのレイヤーすべてがアニメーション フォルダーにある必要があります。

次に、このアイコンを使用して、タイムライン上のさまざまなアニメーション セルをリンクする必要があります。

注意: ピクセル アート アニメーションを実行してアニメーションを再生すると、ぼやけます。解像度が低すぎて鮮明な画像が得られないため、パニックにならないでください。プレビューを表示するには、画像の解像度を変更する (そしてせいぜいアニメーションをエクスポートする) 必要があります。

目のアニメーションの準備ができたら、キャラクターの頭を回します。これ以上簡単なことはありません。新しいアニメーション フォルダーを作成し、頭を一度コピー/貼り付けます...

... タイムラインに追加するには、ここのフレーム 24 です。

次に、スクロール テキスト ツールで head # 2 を選択します。

次に、水平にひっくり返します。

右に少し寄りすぎますが、問題ありません。正しく配置し直してください。

目はもうその場所にありません!普通ですよ!それらを正しく配置するには、最初に目のアニメーション フォルダーを複製する必要があります。

したがって、タイムラインには同じアニメーションが 2 回あります。

コピーを右にシフトします。フレームを掴んでスライドさせるだけです。

次に、アニメーション フレームのサイズを縮小して、2 つのアニメーションがオーバーラップしないようにする必要があります。

目アニメーションのコピーフォルダで、画像のようにすべてのレイヤーを選択します。

次に目を選択し、頭と同じように水平に反転します。

それらはわずかに右に移動しますが、このツールで位置を変更するだけです。

最後に、ヘア バレッタの輝きエフェクトをアニメートします。 3番目のアニメーションファイルを作成しています。

次のように、バーを少しずつ白で着色して、合計 11 レイヤーを追加します。

ピクセル アニメーションを GIF にエクスポートする

最後にアニメーションをチェックして、タイミングを修正して、最終的に 5 秒のループを作成することを選択します。

次に、「編集」で「画像の解像度を変更する」をクリックします。

開始解像度:

高さと幅を 2000 px にします。

次に、[ファイル] => [アニメーションのエクスポート] => [アニメーション GIF] に移動します。

幅と高さを 1000 px に変更し、アニメーションが無制限のループになっていることを確認して、[OK] をクリックします。

アニメちびが完成しました!

コメント

関連する記事

新着

公式 新着