こんにちは！このTIPSでは、キャラクターの表情を描く方法をお教えします。さらに、それらの表情の中からいくつかを選んでアニメーションを作成します！

難しそうに思えますか？信じてください、見た目よりも簡単です :)

 

また、CLIP STUDIO PAINT PROまたはEXのどちらのユーザーであっても、このチュートリアルは24フレームでアニメーションを作成するだけなので、あなたのためにあります。

これからやること:

シンプルなモードを使って、さまざまな表情のキャラクターを描きます。

そして、これらの表情の中からいくつかを選んでアニメーションを作成します。

そのためには、表情の描き方からアニメーションまで、すべてのプロセスをチュートリアルでご覧いただくことをお勧めします。

チュートリアル: CLIP STUDIO PAINTで表情を描いてアニメーション化しよう

今すぐあなたの言語でチュートリアルをご覧ください！現時点では、スペイン語、英語、フランス語、日本語、韓国語、中国語で利用可能です！まもなく、さらに多くの言語に対応します！

字幕もオンにできますので、きっとあなたの言語が見つかるでしょう。

あなたの言語でビデオを視聴:

あなたの言語（現時点ではスペイン語、英語、フランス語、日本語、韓国語、中国語）の吹き替えを有効にするには、ビデオの[設定]ボタン、[オーディオトラック]をクリックして、言語を選択する必要があります :)

プロセス

ビデオはいかがでしたか？それでは、もう一度手順を追ってプロセスを見ていきましょう。

1. 表情プロジェクトの作成

CLIP STUDIO PAINTで新しいイラストプロジェクトを作成します。私の場合、以下の設定を使用します。

プロジェクトを作成したら、デフォルトで作成されたレイヤーの名前を変更し、プロジェクトを私のデバイスのフォルダ（私の場合、iPad Pro）に保存します。

2. シンプルモード

表情を描くためにシンプルモードを使用します。これはここで有効にできます。

シンプルモードを有効にすると、そのインターフェースが表示されます。非常にすっきりしていて、描画のための画面スペースがはるかに広くなるので、本当に気に入っています。

3. 表情の描画

少女を6回描きます。顔にのみ焦点を当て、ポーズは肩まで描きます。

以前、首と肩の描き方に関するTIPSを作成しました。以下でご覧いただけます。

作成する表情は以下の通りです。

次に、少女の線画を作成するために異なるレイヤーを作成し、さらに影とハイライトの線を作成します。

その後、色を追加するために新しいレイヤーを追加します。光と影の線画レイヤーを非表示にすることをお勧めします。これにより、以下の結果が得られます。

完了したら、スタジオモードに戻ります。

表情のプロジェクトは閉じます。後で別の形で再度使用するためです。

4. サブビュー

メニュー[ウィンドウ] - [サブビュー]へ進みます。

ウィンドウが表示され、そこで[読み込み]ボタンを有効にします。

そして、先ほど作成した表情のプロジェクトを選択します。

ズームして、ガイドとして使用する表情の1つを選択し、パネルを常に表示される場所に配置します。

これからアニメーションを作成するからです！

それが事前に表情を作成した理由です。これで、それらを参照として常に表示し、アニメーションを作成することができます。

5. タイムライン

メニュー[ウィンドウ] - [タイムライン]へ進みます。

これで、アニメーションを開始する準備ができました！

6. アニメーションプロジェクトの作成

ファイル - 新規、そして最後のオプション、[アニメーション]オプションを選択します。

今回は正方形のプロジェクトを作成します。私の場合、1080 x 1080 ピクセルです。

解像度: 350 dpi

1秒あたりのフレーム数: 8fps

期間: 24フレーム

プロジェクトを作成したら、デフォルトで作成されたアニメーションフォルダを削除し、さらにプロジェクトをデバイス（私の場合、iPad Pro）に保存するのを忘れないでください。

7. 原画

タイムラインで新しいアニメーションフォルダーを作成します。

そして、このアニメーションフォルダーの中に新しいレイヤーフォルダーを作成します。

そして、このレイヤーフォルダーの中に以下のレイヤーを追加します。

• 線: 縁取り線

• 赤: ハイライト用の赤い線

• 青: 影用の青い線

• 光: 光の色

• 影: 影の色

• 色: ベースカラー

• スケッチ: 少女のスケッチ

アニメーションのスケッチを作成するために、[スケッチ]レイヤーを選択します。これにより、アニメーションの最初の描画、最初のキーポーズ、つまりこれから呼ぶように、最初の原画を作成します。

最初に行う表情は、少女の悲しい表情です。そのためには、以前に作成した表情をガイドとして使用します。

次に、タイムラインで9フレーム目に進み、新しいアニメーションセルを作成します。

私のTIPSをフォローしている方ならご存知でしょうが、これはCLIP STUDIO PAINTのお気に入りのツールの1つです。新しいアニメーションセルを作成すると、以前に作成したすべてのレイヤーと名前が引き継がれるため、時間を大幅に節約できます :)

これで、以前に描いた少女の驚いた表情で作成された2番目の原画ができました ;)

最後に、20フレーム目に進み、新しいアニメーションセルを作成して3番目の原画を作成します。

原画のアニメーション:

このようにして、以下のアニメーションが得られます:

8. 動画

動画とは、日本のアニメ業界で中割りのことを指す言葉であり、これからこれらの概念を使い始めたいと思います。

動画を作成するために、タイムラインの6、7、8、18、19フレーム目に新しいアニメーションセルを作成します。

以下のアニメーションが得られます:

動画を使ったアニメーション

9. 目のアニメーション

アニメーションにさらに生命を与えるために、2つの異なる目のアニメーションを追加します。そのためには、「ojos（目）」という新しいアニメーションフォルダーを作成します。

 

その後、9フレーム目のレイヤーパネルで新しいレイヤーフォルダーを作成します。

体の動きのアニメーションで以前に作成したのと同じレイヤーを使用します。

このアニメーションセルはA9と名付けます。

少女の目と体を分離します。つまり、目のアニメーションフォルダーに目を描き直し、体の動きのアニメーションから目を削除します。

次に、11フレーム目に進み、閉じた目を描くためにA11という新しいアニメーションセルを作成します。

その後、13フレーム目にA13という新しいアニメーションセルを作成し、半開きの目を描きます。

非常に重要なことを忘れないでください。14フレーム目で、[フレーム指定]または[セル指定]ツールを使用して、A9（目を開いた状態）の描画を選択します。

次に、1フレーム目でA1という新しいアニメーションセルを作成し、ここに悲しい目を描きます。

2フレーム目でA2という新しいアニメーションセルを作成し、わずかな目の動きを得るために同じ目を描きます。

 

その後、[フレーム指定]または[セル指定]オプションを使用して、5フレーム目までこれらの描画を再度呼び出します。

目のアニメーション:

10. アニメーションの線画

アニメーションの線画を作成するには、スケッチの各描画を選択し、[レイヤーカラーを変更]オプションを有効にします。

そして、不透明度を50%に下げます。

2つの特別なレイヤーを作成しました。これらはハイライトと影の線画用です。

例えば、影の線画レイヤーを「青」と名付けます。このレイヤーでも[レイヤーカラーを変更]オプションを有効にします。

 

このオプションはデフォルトで青色なので、そのままにしておきます。

このレイヤーに黒い線を描くと、青色に変わることがわかります。この種のレイヤーに最適です。

ハイライトの線画レイヤーも同様に行います。この「赤」という名前のレイヤーを選択し、[レイヤーカラーを変更]を有効にします。

 

次に、[レイヤーカラーを変更]オプションの青色に入り、赤色を選択します。

 

これで、黒色で描画すると自動的に赤色に変わる。

それでは、線画レイヤーを選択し、アニメーションのクリーンアップを開始します。

目のアニメーションについても同様に行う必要があることを忘れないでください。

これにより、以下の結果が得られます:

アニメーションのクリーンアップ

11. アニメーションの着色

アニメーションの各描画の[カラー]、[シェーディング]、[ライト]レイヤーを選択して色を追加していきます。

 

異なるレイヤーに色を追加したくない場合は、1つのレイヤーだけでもできます ;)

ペイントするには、[塗りつぶし]ツールを選択し、[サブツール]: [他のレイヤーを参照]を選択します。

キャラクターの元の色を選択するには、[サブビュー]パネルに移動し、[自動的にスポイトに切り替え]を有効にします。

 

これにより、新しい色を選択するたびにツールを切り替える必要がなくなります :)

そして、クリックしてキャラクターを色で塗りつぶします。これをアニメーションのすべての描画で繰り返します。

必要であれば、さらに詳細を追加できます。私の場合、キャラクターに小さな赤みを加えました。

アニメーションの着色:

12. 背景とエフェクト

背景には、CLIP STUDIO PAINTの素材（Assets）からダウンロードした素材の1つを選びます。

それをつかんで、キャンバスにドラッグします。

アニメーションと背景:

エフェクトのために新しいレイヤーフォルダーを作成します。

名前: エフェクト

その中に2つのレイヤーを作成します。1つはLights（光）という名前、もう1つはShadows（影）という名前です。

Lightsレイヤー (オーバーレイ)

Shadowsレイヤー (乗算)

エアブラシツールを選択し、少女の髪のハイライトの色を選択します。

そして、作成した異なるレイヤーにシーンの光と影を追加します。

（レイヤーフォルダーの合成モードを[通過]に設定するのを忘れないでください。）

エフェクト付きアニメーション:

13. アニメーションのエクスポート

アニメーションを動画としてエクスポートするには、[ファイル]、[アニメーション書き出し]、[動画]を選択します。

動画ファイルに名前を付けます。

そして、必要であれば、オプションで1秒あたりのフレーム数を24に変更します。

カメラをアニメーション化していないため、[2Dカメラ]オプションは無効にします。

そして、アニメーションの動画が作成されるのを待ちます :)

14. 最終アニメーション

これが、このTIPSで作成できたシンプルでとても可愛らしいアニメーションです。

15. まとめ

ご覧いただいたように、キャラクターに表情を作成することは、命を吹き込むために非常に重要です。皆さんが自分のキャラクターの表情を作成し、さらに独自のアニメーションを作成できることを願っています。

次のTIPSでお会いしましょう！

16. 私のアニメーションをInstagramで見る