こんにちは！この記事では、Clip Studio PAINTで初めてのアニメーションを作成する方法をお教えします。初心者の方でも、2Dアニメーションの世界に足を踏み入れる方でも、シンプルなLO-FIスタイルのアニメーションを作成できます。

 

Clip Studio PAINT PROまたはClip Studio PAINT EXをお持ちであれば、すべてのプロセスに従って独自のアニメーションを作成できます！

作成するアニメーションはこちらです：

類似のアニメーションを作成するための全プロセスをお教えします。いかに楽しく簡単であるかお分かりいただけるでしょう。

 

それでは、以下のチュートリアルをご覧ください：

ビデオチュートリアル：CLIP STUDIO PAINTでアニメーションを作成する方法（初心者向け）

ビデオはスペイン語ですが、あなたの言語の字幕を有効にできることを忘れないでください。きっと見つかりますよ :)

ビデオはいかがでしたか？シンプルなLO-FIスタイルアニメーションを作成するための全プロセスを段階的に見ていきました。

アニメーション作成のプロセス：

それでは、画像を交えて再度手順をご覧ください：

1. プロジェクトの作成

ファイル - 新規で、最後のアニメーションオプションを選択します。プリセットで1920 x 1080を選択し、ストーリー名を変更し、最も重要なこととして、速度を8に、デュレーションを24フレームに変更します。準備ができたら「OK」を押します。

2. CLIP STUDIO PAINTのタイムライン

上部の「ウィンドウ」-「タイムライン」で有効にすることを忘れないでください。

3. プロジェクトを保存する

ファイル - 名前を付けて保存から、プロジェクトを保存できます。フォルダを選択し、常に.CLIPSTUDIOFORMAT形式で保存することを忘れないでください。

4. アニメーションのレイアウト

プロジェクトを作成すると、デフォルトでいくつか要素があります。アニメーションフォルダーと、背景の白である用紙レイヤーです。ゼロから始めるために、レイヤーパネルのアニメーションフォルダーを削除し、用紙レイヤーのみを残します。

そして、「レイアウト」という名前の新規ラスターレイヤーを作成します。

このレイヤーにアニメーションのスケッチを描くには、鉛筆ツールとサブツール「鉛筆」を選択します。別のブラシでスケッチしたい場合は、それでも構いません！

そして次の結果が得られます：

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

レイアウトレイヤーを選択し、「レイヤーカラーを変更」を有効にして、不透明度を50%に下げます。

そして線画を作成するために新しいレイヤーを作成しますが、今回は「新規ベクターレイヤー」を選択します。

そしてペンツールとサブツール「テクスチャ付き」で、動きのない部分のみアニメーションの線画を作成します。

 

なぜサブツール「テクスチャ付き」を選んだのか？このアニメーションに芸術的なタッチを与えたいからです。

線画を途中でカットする必要がある場合もあります。そのためにClip Studioには素晴らしいツールがあります。「消しゴム」ツールでサブツール「ベクター」を選択すると、不要なストロークをカットできます。

線幅を変更したい場合も可能です。「線修正」ツールに移動し、サブツール「線幅修正」を選択します。ツールプロパティウィンドウで、「太くする」または「細くする」を選択できます。

このように線幅を編集できます（テーブルの線）

6. 目のアニメーション

いよいよアニメーションを開始します。まず、最も簡単なキャラクターのまばたきから始めましょう。そのためにはタイムラインに移動し、「新規アニメーションフォルダー」を作成します。

次に「新規アニメーションセル」を作成する必要があります。

そして、私が大好きなトリックを教えます！レイヤーパネルの目のアニメーションフォルダー内に「新規レイヤーフォルダー」を作成し、フレームと同じ名前、つまり「1」と名付けます。

そして、異なるレイヤーを作成できます。この場合は、「線」という名前のベクターレイヤーと、「色」という名前のラスターレイヤーを作成します。

そして、目のアニメーションフォルダーの線画レイヤーを選択し、開いた目を作成します。

フレームをレイヤーフォルダーにすることで、フレーム10に新しいアニメーションセルを作成します。この新しい描画を作成すると、前のセルのすべてのレイヤーと名前を尊重した新しいアニメーションセルが作成されることに気づくでしょう。これは私のお気に入りです！

そして、目のアニメーションフォルダーの線画レイヤーに、閉じた目を作成します。

前の描画を見るために、「オニオンスキンを有効にする」をアクティブにするのを忘れないでください。

次に、フレーム12に新しいアニメーションセルを作成します。

しかしその前に、フレーム13に移動し、「セルを指定」を有効にします。

そして、フレーム13で開いた目を再び表示するために、描画1を選択します。

そして、フレーム12で半開きの目を描きます。

そして、まばたきだけでこれまでに達成したアニメーションを見てみましょう。

7. 本のアニメーション

次に、「本のページ」という名前の新しいアニメーションフォルダーを作成します。

新しいアニメーションセルを作成し、前と同じ手順を繰り返します。

フレームと同じ名前のレイヤーフォルダーを作成し、そのフォルダー内にさらにレイヤーを作成できるようにします。作成するレイヤーは、線画レイヤーとカラーレイヤーです。

そして、このアニメーションフォルダーの線画レイヤーに、アニメーション化する本のページのみを描画します。

次に、フレーム2に新しいアニメーションセルを作成します。ご存知のように、この新しいセルはレイヤーの数とその名前を尊重して作成されます。

そして、フレーム3での描画を終えると、アニメーションが完成します。

次に、本のページのアニメーションの長さを短くする必要があります。そのため、このアニメーションフォルダーの右端を掴み、3フレームに設定します。

次に、このアニメーションを同じアニメーションフォルダー内にコピーします。そのため、本のページのアニメーションの上部にカーソルを置き、右クリック - コピーします。

そして、空のフレーム4で右クリック - 貼り付けます。タイムラインの最後まで同じ作業を繰り返します。

次の結果が得られます：

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

これまでに作成したアニメーションの線画です。

9. アニメーションの色付け

色を追加する時が来ました。そのため、アニメーションの線画レイヤーの下に「COLOR」という名前の新規ラスターレイヤーを作成します。ここに、動きのないすべての要素を塗ります。

塗りつぶしツールを選択し、サブツールを「他レイヤーを参照」に変更します。これにより、異なるレイヤーに描画でき、境界線が読み取られて、アニメーションの固定要素に色が塗りつぶされていきます。

このようにして達成します：

10. 本のページのアニメーションの色付け

次に、本のアニメーションを塗ります。アニメーションの最初の描画を選択し、次にカラーレイヤーを選択し、線画を作成したのと同じペンツールで塗ります。

11. 目のアニメーションの色付け

同じプロセスを繰り返します。目のアニメーションフォルダーを選択し、まばたきアニメーションの3つの描画を塗ります。

目の明るい部分と虹彩を塗ります。必要であれば、目に別の色を追加することもできます。

次の結果が得られます。

12. 境界線の色

次に、追加のディテールとして、境界線を色で塗ります。これを行うことで、アニメーションがさらに良く見えることに気づくでしょう。

 

そのため、線画レイヤーの上に「線色」という名前の新しいレイヤーを作成します。そして「編集」-「塗りつぶし」に進みます。ただし、レイヤーパネルで「下のレイヤーに結合」を有効にしていることが非常に重要です。次の画像に示すとおりです：

13. アニメーションの雰囲気

次に、アニメーションの照明を調整します。「雰囲気」という名前の新規ラスターレイヤーを作成します。「編集」-「塗りつぶし」で、作業領域全体を境界線と同じ色で塗ります。そして、レイヤーパネルの描画モードで「乗算」を有効にし、不透明度を70%に下げます。

14. アニメーションの影

このアニメーションは平面的な色で構成されますが、前景と背景の要素の間に奥行きを作成する必要があります。そのため、他のすべてのレイヤーの上に「影」という名前の新規ラスターレイヤーを作成します。そしてペンツールでアニメーションの背景のみを塗ります。不透明度も70%に設定します。

15. アニメーションの照明

最後の仕上げとして、「光」という名前の新規ラスターレイヤーを作成できます。シーンに小さな照明のタッチを追加するために、描画モードを「加算（発光）」に変更し、不透明度を50%に設定します。

16. CLIP STUDIO PAINTの2Dカメラ

カメラのフレーミングを変更したい場合、Clip Studio PAINTでは2Dカメラを作成することで簡単にできますが、作成する前に2Dカメラのレンダリングを有効にします。これにより、ビデオまたはGIFとしてエクスポートする実際のカメラのフレーミングが表示されます。

 

まず、「アニメーション」-「再生設定」-「2Dカメラをレンダリング」に移動します。

タイムラインで再生ボタンを有効にすると、カメラの実際のショットを見ることができます。

次に、フレーミングを変更するために新しいカメラを作成します。そのため、「アニメーション」-「新規アニメーションレイヤー」-「2Dカメラフォルダー」に移動します。

そして、「操作」ツールで、好きなフレーミングにカメラを動かすことができます。

しかし、カメラを機能させるには、すべてのレイヤーをカメラフォルダーの中に移動する必要があります。このように：

そして再生を有効にすると、編集したカメラの最終フレーミングが表示されます。

17. 光のアニメーション

最後の詳細として、光のアニメーションを非常に簡単な方法で作成します。そのため、すべてのレイヤーの上に「光」という名前の新規アニメーションフォルダーを作成します。

以前に作成した光のレイヤーを取り、新しい「光」というアニメーションフォルダーの中に入れます。

そして、「光」というアニメーションフォルダーで、「セルを指定」オプションを有効にします。

そして「光1」という描画を選択します。

描画があるタイムラインの領域で右クリック - レイヤーを複製します。

これで、「光」のアニメーションフォルダー内に同じ描画が2つあります。次に、フレーム3に移動し、「セルを指定」を有効にします。

そして、「光2」という描画2を選択し、最後に不透明度を70%に変更します。

次に、光のアニメーションの長さを4フレームに設定します。

次に、光のアニメーションの上部で右クリック - コピーします。

次に、フレーム5で右クリック - 貼り付けます。残りのフレームでも同じ作業を繰り返します。

これにより、タイムラインが光のアニメーションで完成します。

18. アニメーションを動画として書き出す

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

「2Dカメラ効果を適用」を有効にし、FPS（1秒あたりのフレーム数）を8に変更します。「OK」を押して、アニメーションを動画として書き出します。.movまたは.mp4形式を選択できます。

19. アニメーションをGIFとして書き出す

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

アニメーションGIF書き出し設定で、大きく高品質なGIFが必要な場合は幅と高さを変更し、「OK」を押すと、アニメーションが.gifとして書き出されます。

20. 最終的なLO-FIスタイルアニメーション

この記事があなたの助けとなり、初めてのアニメーションを作成するきっかけになれば幸いです。ご覧のとおり、思っているよりも簡単です。

 

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