こんにちは！このTIPSでは、私の甥と妹の猫にインスパイアされた、猫と赤ちゃんのかわいいシーンをアニメーション化する方法をご紹介します。

以前、妹の猫の一匹のアニメーションを作成しました。以下でご覧いただけます。

最高の点は？あなたもこのアニメーションを作成できるということです。24フレームしかアニメーション化しないので、CLIP STUDIOのPROまたはEXバージョンをお持ちであれば、手順通りに進めることができます。

 

さあ、あなた独自の「アニマルーション」を作成しましょう :)

これからやること：

妹の猫と息子を参考に：

2匹が触れ合うかわいいデザインを作成します：

そして、この愛らしいアニメーションを作成します：

猫のデザインから最終的なアニメーションまで、全工程を学びます。CLIP STUDIO PAINTのシンプルモードも使用します。

 

それでは、ビデオをご覧ください：

チュートリアル：CLIP STUDIO PAINTでかわいい動物をアニメーション化しよう

私のビデオは現在、スペイン語、英語、日本語に吹き替えられています！

多くの言語で字幕も付いています！:)

TIPSのプロセス

それでは、全工程の手順を追って見ていきましょう。

1. 猫のデザイン

以前にも述べたように、そしてビデオでも言ったように、私の甥と妹の猫の一匹にインスパイアされたアニメーションを作成したいと思っています。これらの写真を見た瞬間、かわいいアニメーションを作ろうと思いました。

2. イラストプロジェクトの作成

CLIP STUDIOを開き、メニュー：ファイル - 新規 を選択します。最初のオプション、イラストレーションを選択し、以下のサイズで設定します：1080x1080 px、350 dpi。

ファイルを作成したら、デフォルトで作成されているレイヤーの名前を変更し、プロジェクトをコンピュータに保存するのを忘れないでください。

3. シンプルモード

タブレットで作業する場合、CLIP STUDIOのシンプルモードを使用できます。私の場合はiPad Proを使用しており、メインメニューから「シンプルモードに切り替え」を有効にします。

そして、そのインターフェースは素晴らしいです。名前の通り、はるかにシンプルで、画面スペースが広いため、より快適に描画できます。

4. キャラクターのデザイン

シンプルモードでも、サブビューツールに似たオプションを有効にできます。これは3つの点のボタンにある「画像参照を表示」です。

このウィンドウが表示され、「インポート」ボタンを有効にします：

そして、参照写真を選択します。

鉛筆ツールでアニメーション化するシーンを描きます。この絵が私たちのレイアウトになります。猫と赤ちゃんを描きます。

次に、新しいレイヤーで描画の境界線を作成します。

そして、「カラー」という新しいレイヤーで絵を着色します。

完了したら、3つの点のボタンを有効にし、「スタジオモードに切り替え」を有効にします。

スタジオモードになったら、プロジェクトを閉じます。

5. サブビュー

メニュー：ウィンドウ - サブビュー を選択します。

新しいウィンドウが表示され、「インポート」ボタンを有効にします。

以前に作成したイラストレーションプロジェクトを選択します。

これでサブビューウィンドウに表示されます。

このパネルを移動して、描画時に常に表示されるようにします。

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

ファイル - 新規 で新しいプロジェクトを作成します。そして、最後のオプション、アニメーションオプションを選択します。

アニメーションのプロパティでは、期間を24フレームに設定し、1秒あたりのフレーム数は12のままにします。

プロジェクトを作成したら、デフォルトで作成されているアニメーションフォルダを削除します。

プロジェクトをコンピュータに保存するのを忘れないでください。

7. タイムライン

メニュー：ウィンドウ - タイムライン を選択します。

8. 原画

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

次に、レイヤーパネルに新しいレイヤーフォルダーを作成します。

そして、このレイヤーフォルダー内に、線画、光、影、カラー、下書きといった異なるレイヤーを作成します。

アニメーションの下書きを描くために、鉛筆ツールを選択します。

これで、アニメーションの最初の原画ができました。名前はA1です。

次に、24フレーム目に移動し、「セルをフレームに指定」を有効にします。

そして、A1の絵を選択します。

次に、新しい原画を作成します。そのためには13フレーム目に移動し、「新規アニメーションセル」を有効にします。

新しい絵は同じレイヤーを持っています。これは時間の節約になるので素晴らしいです！

この原画では、下書きレイヤーを選択し、オニオンスキンを有効にして前の絵を見ることができます。

そして、13フレーム目に位置する原画、A13を作成します。

次の原画は7フレーム目（A7）に配置されます。

そして最後の原画は19フレーム目（A19）に配置されます。

原画のアニメーション：

9. 動画：

次に作成する絵は動画（Douga）で、中間画です。

これらは4, 10, 16, 22フレーム目に配置されます。

最終的な絵、つまり24フレーム目の絵を無効にするのを忘れないでください。そのためにはそれを選択し、「セルを削除」を有効にします。

原画＋動画のアニメーション

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

アニメーションの各絵で、下書きレイヤーを選択し、「レイヤーカラーを変更」を有効にします。

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

線画レイヤーを選択し、Gペンツールを有効にします。

そして、アニメーションの各絵に境界線を描きます。

境界線付きアニメーション

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

今回はアニメーションの影から着色を始めます。これは各絵の中の影レイヤーで行い、その後、下書きレイヤーを無効にします。

次に、カラーレイヤーを選択し、ベースカラーを着色します。必要であれば、一時的に影レイヤーを無効にしても構いません。

次に、塗りつぶしツールを有効にし、サブツールで「他レイヤーを参照」を選択します。

そして、クリックでアニメーションを着色していきます。

そして、アニメーションのすべての絵に対して同じことを行います。

色付きアニメーション：

12. 影

最後に、アニメーションの下に新しいラスターレイヤーを作成します。

そして、Gペンツールで地面に落とす影を作成します。

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

ファイル - アニメーション書き出し - 動画 を選択します。

名前を付けた後、このウィンドウが表示され、アニメーションを24フレーム/秒のビデオとしてエクスポートできることがわかります。そして、私たちのアニメーションにはカメラアニメーションがないため、それを無効にします。

これでアニメーションがビデオとしてエクスポートされました！

次に、アニメーションをアニメーションGIFとしてエクスポートします。

ファイル - アニメーション書き出し - アニメーションGIF を選択します。

この場合、元のプロジェクトと同じく、1秒あたりのフレーム数は12のままにします。サイズはそれぞれに任せます。

そして、アニメーションがエクスポートされるのを待ちます。このようになります：

14. 最終アニメーション

15. まとめ：

このTIPSが私と同じくらい皆さんに気に入っていただけたら嬉しいです！私にとって、甥と妹のもう一匹の猫のアニメーションを作ることはとても特別なことでした。

本当に彼らが恋しいです！

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

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