CLIP STUDIO PAINTのレイヤーキーフレーム機能は、常に私のお気に入りで、アートを制作するためのアイデアは無限にあります。このチュートリアルでは、シンプルな線画に命を吹き込む、アニメーションするゴスロリ風ペーパードールの作成方法を紹介します。ソーシャルネットワーク/コミュニティに投稿する伝統的なスタイルのカードや、ストーリーテリングビデオに利用するのに良いアイデアです。

このチュートリアルは、CLIP STUDIO PAINT PROおよびEXバージョンに対応しています。CLIP STUDIO PAINTのアニメーション機能に慣れていない方も、ぜひ試してみてください。

 

このプロセスはLive2Dでのアニメーションにも応用可能です。

動画チュートリアル

動画で実際のプロセスをご確認ください

デザイン要素

ゴスロリのドレスを着た魔女が魔法のほうきに乗っているスケッチポーズをシンプルにデザインしました。

ゴスロリは、19世紀の西洋のクリノリンドレスにインスパイアされたファッションです。

 

ゴスロリスタイルの象徴的な特徴には、暗い色調の布地、神秘的または宗教的なシンボル、スカル、レース、フリルなどがあります。

好きなデザインになるまで色々なものを組み合わせてみてください。インターネットで参考資料を探す必要があるかもしれません。

 

背景にはゴシック建築を少し追加します。参考資料から描くことも、CLIP STUDIO ASSETSで「Gothic」というキーワードでダウンロードすることもできます。

伝統的なスタイルのデジタル線画

線画を伝統的な見た目にするため、ペンサブツールのテクスチャペンを使用します。

ブラシサイズダイナミクスのポップアップで筆圧を設定できます。

デジタルペイントの線画調整は、主にスタイラスペンのペン先にかかる筆圧に依存します。

グラフ線をクリックするだけで調整できます

筆圧グラフの設定例

筆圧を適切に設定することで、多くのストロークと筆圧制御が必要な全面的な線画作業で、筆圧で手をコントロールする疲れを軽減し、スタイラスペンのペン先の寿命を延ばすことにもつながります。

ただし、筆圧設定は人によって異なります。筆圧が強い人もいれば、弱い人もいます。自分に合った設定を見つけるには、基本的な図形を線画にしてみてください。

 

これは私の設定です。私はスタイラスペンを持つときに筆圧が強いので、細い線を簡単に描けるように、出力を通常より少し低く設定しています。

チェックボックスをクリックして設定を有効にすることで、事前に別の設定を行うこともできます。

また、手ブレ補正はストロークにわずかな遅延を加え、線画を滑らかにします。

もし試しているうちにめちゃくちゃになってしまっても、設定リセットアイコンをクリックすれば最初からやり直せます >_<

これで伝統的なペンのように使えるお気に入りのペンが手に入りました。線画作業を開始しましょう！

ステップ1：アウトラインの線画

アウトラインは、後で編集しやすくするため（アニメーションでのパーツ分離にも適しています）ベクターレイヤーで作業します。

 

下書き線をレイヤーカラーで着色し、不透明度を下げます。

 

次にベクターレイヤーを作成します

アウトラインを描き始めます。伝統的な線画スタイルでは、各線をきれいにコントロールして線画を描く必要があり、時間がかかりますが、ベクターレイヤーを使えば、大まかにアウトラインを描いて後で編集できます。

線画のクリーンアップ作業のために、ベクター用消しゴムを有効にしてください

[線修正]サブツールの[線幅修正]で線幅を調整します

アウトラインの境界線に太さを加えます

影になるべき場所にも太い部分を描き込みました。

そして、服のしわのような細部にはより細い線を入れます。

ナビゲーターとキャンバスの下端では、伝統的な線画作業で紙を回転させるように、キャンバス回転を使用して手の角度に合わせることができます。

私はいつもまず全体のアウトラインを完成させ、その後で細部を描き込みます。これにより、解剖学的な形状や衣服の形状が明確になり、細部を追加する前に間違いを見つけやすくなります。

 

この段階で形状を修正する方が、細部を追加した後よりも簡単です。

細部については、新しいレイヤーを作成し、フリルなどの細部を下書きします。

次に新しいベクターレイヤーを作成し、線画を描きます。

 

ヒント：混乱を避けるために、アウトラインレイヤーのレイヤーカラーを設定してください

アウトラインレイヤーから重なっている部分を消去します。

完了したら、詳細レイヤーをアウトラインレイヤーの上に移動し、両方のレイヤーを選択して結合します（Shiftキーを押しながら両方のレイヤーをクリックし、右クリックして > 選択レイヤーを結合）

レイヤーが連続した順序になっていない場合、メニューはクリックできないことに注意してください。

完成したアウトライン。

フリルや布の細部の描き方についてさらに詳しく知りたい場合は、Mortinfamia氏によるこのチュートリアルをお勧めします。手順はとても分かりやすいです^ ^

ステップ2：インクシェーディング

カラーアートワークでは、光と影を適用することで簡単に絵に奥行きを加えることができます。

しかし、単色の線画では、アウトラインの線の太さと細部が奥行きを表現するのに役立ちます。

シェーディングの最も基本的なスタイルは、領域に平行線で描く線画です。これは単純に線画に奥行きを与えます。

線画をきれいに保つためには、線画の方向と線の間の隙間に注意を払う必要があります。形状に合わせて方向を調整するか、すべての線を同じ方向に保ってください。

注：領域が大きすぎて平行線を快適に引けない場合は、線を分割することができます。その際、線の密度と方向がうまく制御されていることを確認してください。

 

線の太さと密度は、光と影の量を表現するためにも使用されます。

（明るい部分と暗い部分のコントラストが高いと、光沢のある見た目にもなります ^_^）

他のオブジェクト、例えば衣服や鎧なども、異なる線画の方向やスタイルを持つ場合があります。

より高度なオプションとして：交差ハッチング線。すべての領域で同じ方向になるようにしてください。

それでは、平行線での線画スタイルで人形にシェーディングを施しましょう。

 

線画レイヤーの下に新しいラスターレイヤーを作成し、影の参考として影になる部分をシェーディングします。

その上に新しいレイヤーを作成して線画を描き始めます。ラスターレイヤーでもベクターレイヤーでも構いませんが、最終的にはどちらもラスター化します。

 

領域が分離しているように見せるために、一部を縁取り（他の領域とブレンドしない）します。

 

 

色を塗りつぶす必要がある閉じられた領域を描き、[隙間閉じ＆塗りつぶし]ツールで隙間を埋めます

布の折り目の方向と形状に注意してください

髪については、重なっている部分に影が落ちるはずの場所に高密度の線画を追加します。残りの部分は髪の流れに沿って追加します。

レザーブーツは、折り目の境界部分に高いコントラストのシェーディングを施し、光沢があるように見せています。

顔にはシェーディングの細部を入れず、顔が際立ってきれいに見えるようにしています

グレーのシェーディングレイヤーを削除/非表示にすれば完成です！

ステップ3：アニメーションの準備

まず人形の全体の動きをデザインする必要があります。

小さな魔女はほうきに乗って1つのループで上下に浮遊し、それを永遠に繰り返します。

 

これは魔女の位置以外の動きがないため、動きが単調に見えます。

下降時の追加のキーフレームは、例えば、ほうきが下降する動きのときに髪が上になびくようにするなど、より自然に見せるのに役立ちます。

より生き生きと～ ( ‘ w ’ )/

このアニメーションを作成するために、人形を個別のパーツに分離します

パーツ分離のためにレイヤーを準備します。アウトラインのベクターレイヤー1つと、シェーディングのラスターレイヤー1つです。もしそれ以上ある場合は、2つだけになるように結合してください。

用紙の色を白以外の色に設定します。これは、パーツの白い領域を検出するためです。

線画のレイヤーカラーを切り替えます

（後で表情を編集するために、私はいつも顔のレイヤーを線画から分離しています）

 

投げなわツールを使用して、分離するパーツを選択します

 

新しいレイヤーにコピー＆ペーストします

[Ctrl+C] > [Ctrl+V]

新しいレイヤーにもレイヤー効果が適用されるので、アイコンをクリックしてオフにします

線画レイヤーを非表示にすると、消しゴムツールで不要な線を削除できます。

元の線画レイヤーからもパーツを消去します。（ベクター用消しゴムは魔法のように簡単にします！）

切り取ったパーツをフォルダに入れ、フォルダに名前を付け、その下に新しいラスターレイヤーを作成します

[隙間閉じ＆塗りつぶし]ツールを使用して、パーツに白色を適用します

[Ctrl]キーを押しながらレイヤーサムネイルをクリックし、塗りつぶされた領域から選択範囲を作成します。

（注：レイヤーを右クリックして > レイヤーから選択範囲 > 選択範囲を作成することもできます）

 

次にシェーディングレイヤーを選択し、選択範囲のシェーディングを切り取り/コピーします

そしてパーツフォルダにペーストすれば、最初のパーツが完成です！

クリーンアッププロセス後、一部に大きな開いた隙間ができてしまう部分があるでしょう、

追加の線を描いて形状を完成させます。その後、トーンの塗りつぶしと切り抜きのプロセスを繰り返します。

欠けている部分にもシェーディングを追加する必要があります

背面のいくつかのパーツについては、隙間なく動かすことができるように、より多くの領域を追加します

（つまみツールを使用して簡単に線を調整できます）

 

スカートのような複雑なパーツでは、黒い領域で分離することで、動きをデザインしやすく、シームレスな見た目を保つことができます。

 

完了すると、パーツフォルダのスタックができます。

フォルダを右クリックし、[ファイルオブジェクト] > [レイヤーをファイルオブジェクトに変換] を選択します

 

領域を「描画領域のみ」に設定します

次に、それを1つのフォルダに保存すると、このようにパーツのフォルダができます

オブジェクトレイヤーを右クリックすることで、ファイルオブジェクトを開いて編集できます

ファイルには、変換したフォルダ全体が含まれており、パーツを編集したり、詳細を描き込んだりすることができます。

パーツはアニメーションの準備ができました！

ステップ4：ループアニメーション

人形のアニメーションは、上方向、次に下方向の2つのステップで動きます。このように

したがって、最終的なキーフレームは上下2つのステップで動きます。

調整のためにキャンバスに参照を配置しました

新しいタイムラインを作成するには、[アニメーション] > [タイムライン] > [新規タイムライン] に進みます

タイムラインをフレームレート8、再生時間24に設定します。

 

この設定はCLIP STUDIO PAINT PROバージョンにも適しています。

1秒あたり8フレームにすることで、24フレームの制限を3秒に延長してもスムーズなループが可能です。

タイムラインパネルがない場合は、[ウィンドウ] > [タイムライン] に進んでください

ループの初期フレームを作成します。

 

すべてのオブジェクトを選択し、レイヤーキーフレームを有効にします。

最初のフレームと最後のフレームで、新しいキーフレームを作成します（すべてのレイヤーがまだ選択されている状態）。

 

ループアニメーションの概念では、最初のフレームは最後のフレームの次のフレームとなります。これにより、最後のフレームが最初のフレームと同じになることが保証されます。

 

タイムラインの中央に新しいフレームを作成します。

そしてオブジェクトの位置を上に移動させます。

次に、オブジェクトツールでオブジェクトの位置を調整します。

最初と最後のフレーム

中間フレーム

2つのステップのキーフレームで、人形に簡単に動きを与えることができます！

気づくかもしれませんが、最後のキーフレームで短い一時停止があります。これは、最初のフレームと最後のフレームが同じ表示になっているためです。

これを修正するには、最後のフレームで右クリックして[フレームを削除]を選択し、1フレームのみ削除します

これで重複するフレームがなくなります。（メニューの[フレームを挿入]でタイムラインにフレームを追加することもできます）

さらにフレームを追加してもう一つの動きのステップを作成すると、人形がより生き生きと見えるようになります。

ご覧のとおり、フレームにわずかな一時停止がなくなりました。

ただし、動きのタイミングはまだ滑らかではありません。開始フレームと終了フレームに触れずにキーフレームの位置を調整して修正します。

目については、アニメーションフォルダを使ってまばたきさせます

 

新しいアニメーションフォルダを作成します

次に、目を閉じた状態と開いた状態の顔を描きます。そしてアニメーションフォルダに入れます

アニメーションフォルダのタイムラインを右クリックし、クリックした位置でどのフレームを表示するか設定します

これで目がまばたきしますが、位置はまだ体の動きに追従しません

キーフレームを有効にして体の動きに合わせて調整します

ペーパードールのように見せるため、各オブジェクトに境界効果を適用します。

多くのオブジェクトで構成されている一部のパーツについては、境界効果を設定する前にフォルダに入れてください。効果は外側のエッジにのみ表示されます。

これらの手順で、さらにキャラクターを追加することもできます

また、動きが他のキャラクターと関連していることを確認してください。

キャラクターの完成です！

ステップ5：背景で仕上げ

背景には、別のファイルでゴシック様式の構造物をいくつか描きました。

 

（ゴシック建築の写真を参照しました ^ ^）

 

定規サブツールでこの設定の対称定規を使用して、対称的な描画を作成します。

定規の使用に関するさらなるヒントは、私の9月のチュートリアルで確認できます：

そして長い領域の線画シェーディングには、特殊定規サブツールの平行線定規を使用します

平行線定規を使ってハッチング線画を作成する小さなヒント動画を作成しました。こちらでご確認ください。

背景用のゴシック様式の柱の簡単なバージョンです。

ペーパードールファイルと同じ設定で新しいタイムラインを作成します

次に、人形ファイルをキャンバスにインポートします [ファイル] > [読み込み] > [ファイルオブジェクトを作成]

ファイルオブジェクトに背景色が含まれている場合があります。オブジェクトファイル内の背景を削除してください。

また、新しいレイヤーにスプレーツールで星を描くこともできます。

レイヤーキーフレームで不透明度を調整し、星を輝かせます。

このチュートリアルがあなたの作品のアイデアの助けになれば幸いです！

楽しい線画と楽しいアニメーションを！