CLIPTUDIOPAINTでピクセルアートアニメーションを作成する方法

35,959

KevinFarias

KevinFarias

こんにちは!この記事では、CLIPSTUDIOPAINTでピクセルアートアニメーションを作成する方法を説明します。LO-FIスタイルのシーンのアニメーションサイクルを作成します。

 

私の他のClipStudioPaint Tipsを忘れずに見てください。きっと、たくさんのことを学ぶことができます。

私たちが行うピクセルアートアニメーション

この機会に、LO-FIミュージカルアニメーションに最適なピクセルアートスタイルのアニメーションを作成します。他の要素と相互作用することで、日没時に草の上に横たわっているキャラクターを簡単にアニメートできます。

スーパーチュートリアルに行きましょう。あなたの言語で字幕をアクティブにできることを忘れないでください。見つからない場合は、コメントを残してください。喜んであなたの言語で新しい字幕を追加します。

チュートリアル:CLIPSTUDIOPAINTでのピクセルアートアニメーション

チュートリアルについてどう思いましたか?

ピクセルアートスタイルのアニメーションを簡単かつシンプルな方法で作成する方法を段階的に見てきました。

ピクセルアートアニメーションを作成する方法のステップバイステップ

ここで、ビデオチュートリアルで学んだことをサポートするガイドを段階的に説明しながら、学んだことを確認することをお勧めします。

1.ピクセルアートアニメーションのコンセプト

これは、私がピクセルアートスタイルで作成するアニメーションのアイデアです。

2.ピクセルアートアニメーションのプロジェクトの作成

ファイル-新規で、次の特性を持つイラストレーションプロジェクトを作成します。

そして、私たちはプロジェクトを作成しました:

次に、メニューに移動します:表示-グリッド

最初は次のようになります。

もう一度[表示]-[ルーラー/グリッド設定]に移動しましょう。

そして、設定ウィンドウに次の値を残し、受け入れます。

これで、プロジェクトの描画とアニメーション化を開始する準備が整いました。ファイル-プロジェクトの保存と保存に移動することを忘れないでください。

そして、これに基づいてアニメーション化するためのガイド図を組み込みます。

このレイヤーをスケッチとして使用するので、レイヤーカラーをアクティブにして、不透明度を50%に下げます。

3.ピクセルアートスタイルのアニメーション

ピクセルアートスタイルを描くための素晴らしいブラシをいくつか残しておきます。

 

私の場合、ペンツールとペンGサブツールを使用します。スムージングでは、最小限に抑えます。

作成したアニメーションフォルダの外側のラスターレイヤーに、動きのないすべてのキャラクターのボディを描画し始めます。

次に、風の中でキャラクターの髪の毛のアニメーションを作成し、アニメーションフォルダから4つの図面のみを使用して、使用しないフレームを削除します。

これは、たった4つの描画で達成した髪のアニメーションです。アニメーションはサイクルになることを忘れないでください。

目のアニメーションを別のアニメーションフォルダに追加して、開いた目、閉じた目、半分開いた目の3つの異なる描画を作成します。

また、背景要素についても同じことを行い、新しいアニメーションフォルダーを作成して、4つの図面をアニメーション化します。

次の結果を達成します。

4.アニメーションの色

まず、キャラクターを動かさずにボディをペイントします。このために、塗りつぶしツールをアクティブにし、サブツールで[他のレイヤーを参照]をアクティブにし、[ツールのプロパティ]でエリアスケーリングを非アクティブにします。

そして、キャラクターのボディラインレイヤーの下に新しいラスターレイヤーを作成し、ベースカラーという名前を付けます。

今のところ、次の結果が得られます。

5.髪、目、アニメーションの背景のアニメーションカラー

同じペンツールを使用して、ヘアアニメーションの色をペイントできます。フレームと同じ名前のフォルダを作成し、ヘアラインのあるレイヤーをこの新しいフォルダ内に追加することを忘れないでください。タイムラインは、この作成されたフォルダを次のように読み取ります。必要な数のレイヤーを追加できるフレーム。

そして今のところ、次の結果が得られていますが、うまく機能していますか? :)

6.背景色

背景、草、または芝生と呼ばれる新しいレイヤーを作成し、[編集]-[塗りつぶし]に移動して、背景色をペイントします。

7.アニメーションのハイライトとシャドウ

ベースカラーレイヤーの上に新しいレイヤーを作成し、それらをシャドウカラーまたはハイライトと呼び、オプションをアクティブにします。色が消えても心配しないように、[下のレイヤーに調整]を選択します。

これまでのところ、次の結果が得られています。

8.花びらのアニメーション

次に、作業をさらに強化するために新しいアニメーションを作成し、新しいアニメーションフォルダーを作成し、シーンに表示される花びらの動きを表す4つの描画を作成します。

9.ボーダーカラー

アニメーションをさらに美しくするために、シーンのすべての要素の色の境界線をペイントします。このために、すべての要素の境界線があるすべてのレイヤーを選択し、オプションをアクティブにします。透明をブロックするピクセル。

次に、[エディション]-[塗りつぶし]に移動して、たとえば葉のエッジに色を付けます。

分かりますか?それはさらに良いです:)

そして、これは私たちがこのシンプルでかわいいアニメーションで達成したことです。

10.アニメーション.gifをエクスポートします

次に、ピクセルアートアニメーションをgifとしてエクスポートします。このために、[ファイル]-[アニメーションのエクスポート]-[アニメーションGIF]に移動します。

設定では、最初にプロジェクトを作成したときのサイズのままにして、以下を受け入れます。

そして、これは私たちがプロジェクトを行っている元のサイズのgifアニメーションです。

11.フルHD.gifアニメーションをエクスポートします

最初にやらなければならないことは、品質を損なうことなくプロジェクトをスケーリングすることです。このようにプロジェクトを実行することで、問題が発生しないことがわかります。

 

編集しましょう-画像の解像度を変更します:

これは、プロジェクトの元のサイズです。

プロジェクトのサイズを拡張できる幅と高さの両方に数値0を追加するだけで、スケールは自動的に10に変更され、解像度は72のままになり、次のように受け入れます。

そして、品質を損なうことなく1920x1080ピクセルのプロジェクトがあります。

[ファイル]-[アニメーションのエクスポート]-[アニメーションGIF]に移動しましょう:

最終的なアニメーションスタイルのピクセルアート

Music Chill Lofi Beats to Study / Read / Work / Draw / Animation / Relax

そして、このアニメーションは、新しいミュージカルアニメーションチャンネルに使用しました:)

この記事がお役に立てば幸いです:)

私にとって、それを行い、段階的に説明することは非常に面白かったです。

 

あいさつを残します。あなたはとても元気で、次のTIPでお会いしましょう。

Instagram私

コメント

新着

公式 新着