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

4,640 view

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

あなたが確かに多くを学ぶであろう私の他のClipStudioPaintTipsを見るのを忘れないでください。

実行するピクセルアートアニメーション

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

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

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

https://youtu.be/lYz2wwcJ-Bk

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

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

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

1.ピクセルアートアニメーションの概念

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

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

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

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

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

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

ビューに戻りましょう-ルーラー/グリッド設定:

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

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

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

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

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

https://assets.clip-studio.com/es-es/detail?id=1719532

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

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

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

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

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

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

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

次の結果を達成します。

4.アニメーションの色

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

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

今のところ、次の結果を達成しています。

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

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

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

6.背景色

Background、Grass、またはLawnという新しいレイヤーを作成し、[編集]-[塗りつぶし]に移動して、背景を色でペイントします。

7.アニメーションの明るさと影

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

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

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

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

9.ボーダーカラー

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

次に、[編集]-[塗りつぶし]に移動して、たとえば葉のエッジを色でペイントします。

分かりますか?それはさらに良く見えます:)

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

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

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

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

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

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

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

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

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

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

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

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

最終的なアニメーションスタイルPIXELART

この記事がお役に立てば幸いです:)
私にとって、それを行い、段階的に説明することは非常に面白かったです。

私はあなたに挨拶を残します、あなたはとても元気で、次のヒントであなたに会います。

コメント

新着

公式 新着