このチュートリアルでは、ベジェ曲線ツールを使用して髪のアニメーションのキーフレームを簡単に作成する方法を紹介します。CLIP STUDIO PAINTの新しい機能（2020年4月以降）により、フレームごとのアニメーション作成プロセスがこれまで以上に簡単になりました。

注意：ベジェ曲線ツールを使用するには、CLIP STUDIO PAINTのバージョンを1.9.9（2020年4月9日更新）以降にアップデートしてください。

 

（すでにCLIP STUDIO PAINTでのベクター操作に慣れている方は、このアップデートで一部ツールのインターフェースやベクターノードも変更され、より扱いやすくなっています。）

 

 

動画チュートリアル

髪の基本的なアニメーション

ここでは、髪の動きを簡単に作成するための初心者向けヒントをいくつか紹介します。

ラフアニメーションが完成したら、より滑らかな動きのために中割りのキーフレームを追加します。

この基本を使って、キャラクターに基本的な髪のアニメーションを追加できます。

まず、髪のパーツを分けます。

ラフなキーフレームを描き、動きのデザインを簡単にするためにチェーンを適用し、キーフレームのラフな詳細を描きます。

パーツを分けることで、動きを描きやすくなります。

色の分離レイヤーについては、

この設定で新しいタイムラインを作成します

（24フレームのループは2秒かかりますが、[CLIP STUDIO PAINT PRO]の24フレームという制限ではまだスムーズです）

キーフレーム用のアニメーションフォルダを作成します

キーフレーム用のフォルダを作成し、色付け用のレイヤーを作成します

次に、レイヤーカラーエフェクトを適用します

このテクニックを使うと、別のパーツを描くたびに新しい色を選ぶ必要がなくなり、混乱も少なくなります。^_^

新しいフレームを作成すると、新しいフレームフォルダにもレイヤーカラーが表示されます。

オニオンスキン機能を使用すると、前後のフレームで何が起こったかを確認できます。アイコンをクリックして有効/無効を切り替えることができます。

色が見にくい場合は、メニューでオニオンスキン機能をカスタマイズできます。

アニメーション > アニメーションセルを表示 > オニオンスキンの設定

 

ラフなキーフレームを完成させます。

ベジェ曲線ツールでのペン入れ。

ベジェ曲線ツールは、図形サブツールで見つけることができます。

様々な用途に対応する3つの曲線モード

このプロジェクトでは、曲線と角を1本の線でまとめて作成できるため、編集に柔軟性がある立方体ベジェを使用します。

丸いノードは曲線用

四角いノードは角用です

制御点サブツール > 制御点でノードの種類を変換することもできます。

ツールプロパティで[角を切り替え]をチェックします。

立方体ベジェ曲線を描くための基本的な操作

クリック = 角ノード（四角いノード）を作成

クリック、ホールド、ドラッグ = 曲線（丸いノード）を作成

 

両方のノードにはアームコントロールがあり、ノードに接続された線の曲線を調整するために引っ張ることができます。

 

キーフレーム1用のフォルダを、線画用のベクターレイヤーで作成します

*[重要!!]後で線画を編集できるように、線画にはベクターレイヤーを使用する必要があります。

立方体ベジェ曲線ツールでキーフレームを描画します

（参考のためにスケッチレイヤーを低い不透明度で表示します）

オニオンスキンは線の位置調整に役立ちます

ループアニメーションを作成するために、最後のフレームを描画する際に、次のフレームを最初のフレームに設定します。

オニオンスキン機能を使用すると、描きやすくなります。

中割りのキーフレームについては、すべてのキーフレームを描画するのではなく、ベジェ曲線を使用して既存のレイヤーを編集します。

 

新規フレームを挿入：これにより、フレーム5ですでに使用されているキーフレーム名「2」を作成できないため、フォルダ名が自動生成される場合があります（後で名前を変更できます）。

 

私のオニオンスキンの設定はこちらです：

緑 - 次のシーン

ピンク - 前のシーン

前のシーンから線画レイヤーを選択し、Ctrl+Cを押してコピーします

そしてターゲットシーンフォルダを選択し、Ctrl+Vを押して貼り付けます

線画がピンク色の線（前のフレーム）と重なっているのがわかります

制御点ツール（サブツール[線修正]）を使用してノードを移動します。

「制御点を追加」モードに留まることをお勧めします。

このモードでノードを移動、追加、削除することもできます。

 

 

線をクリックして新しいノードを追加します（+記号が表示されたとき）

Altを押しながらノードをクリックしてノードを削除します（-記号が表示されたとき）

 

線画を前のキーフレームと次のキーフレームの間の位置に調整します

このテクニックを使えば、中割りのキーフレームを作成する時間を大幅に節約でき、線画はすべてのキーフレームで同じサイズを維持します。

（ハゲガールに挨拶、へへ）

後ろ髪にも同じ手順を繰り返し、塗りやすいように線に隙間がないようにすべて描きます。

着色とシェーディング

私は常に、領域を塗りつぶすためのCLIP STUDIO ASSETのお気に入りのツール設定を使用しています。

また、「囲って塗る」ツールも使用できます。

 

複数参照オプションを参照レイヤーに設定します

線画アニメーションフォルダの下に新しいアニメーションフォルダを作成し、線画フォルダを参照レイヤーに設定します

1回のストロークで綺麗な色塗りを行うことができます。

新しいフレームを作成し、すべてのフレームに色を塗りつぶし、

後ろ髪にも同じ手順を繰り返します

（もうハゲじゃないぞ ~(‘ w ‘ ~)）

線画の色を調整するには、線画フォルダを選択してレイヤーカラーエフェクトを適用します。

レイヤーキーフレームを適用したレイヤーを、色塗りのための参照レイヤーとして使用することもできます。

動くボックスを参照レイヤーに設定し、フレームごとに塗りつぶしてから、ベースカラーアニメーションフォルダにクリッピングします。

ペンツールを使ってさらに詳細を描き加えます。

後ろ髪にも適用して完成です！！

編集テクニック：ドロップシャドウと線画調整

顔にドロップシャドウ効果を作成するには、カラーベースのアニメーションフォルダをコピーして、ベースフォルダの真上に移動するだけです

アニメーションフォルダを選択し、少し下に移動します。

 

注意：

フォルダ全体を移動するには、フォルダバーをクリックしていることを確認してください。

（ハイライトがサムネイルのみにある場合、フォルダ全体ではなく、1つのキーフレームのみが移動します）

次に、レイヤーカラーエフェクトを適用します

モードを乗算に設定し、不透明度を下げます

1分未満でドロップシャドウ効果ができました！！！

より太い線画のために、線画と同じ色の境界線効果を適用しました

これはすべてのフレームに表示されます。

また、サブツール[線修正]で線画を手動で編集することも可能です。

編集方法については以前の動画をご覧ください。

 

しかし、すべてのフレームで編集するには時間がかかります。

光の調整と最終仕上げ

光を追加していないため、描画が背景から浮き上がっているように見えることに気づくでしょう。

簡単な雲には、アセットのブラシを使っています。お気に入りです ^-^

画像に光を適用するには、レイヤーモード「加算(発光)」を使用します。

画像にクリッピングして不透明度を調整します。

 

そして反射光には、レイヤーモード「ハードライト」を使用します

そしてフレアには、薄い黄色でグラデーションマップを使用します

作業完了

アニメーションを楽しんでください！！！