ビデオ：

こんにちは！私の名前はIarlisです。今日は動きのあるイラストの作り方のチュートリアルをお届けします。

 

これは初心者向けのチュートリアルで、アニメーションのコンセプトから始めてイラストに命を吹き込むことができます！

私たちが行うことは、これらの委託例に似たものになります <3

例:

ステップ1: タイムラインのスケッチ+説明

イラストで作成する動きをスケッチにマークすることが重要です。もちろん、すぐに行う人もいますが、シンプルなアニメーションを作成する場合は、重要なポイントをマークする必要があります。

例: 目の動き、髪、服など!

ヒント:

アニメーションを初めて作成する場合は、まばたき、髪、風景など、シンプルな動きにすることをお勧めします。時には、少ないほど良いことがあります。

タイムライン

タイムラインを作成してみましょう。「ウィンドウ」->「タイムライン」に移動します。

デフォルトのままにしておきます。

1: これはアニメーション フォルダーです。さまざまなレイヤーを整理できるフォルダーです。通常のフォルダーに似ていますが、これはアニメーション専用です。

 

通常のフォルダーを配置しないのはなぜですか? 通常のフォルダーはタイムライン全体に登録されます。つまり、短くしたり長くしたりすることはできません。

 

2: これはオニオン スキン レイヤーです。ほとんどの方は聞いたことがあると思います。これは、フレーム間をガイドするために、前後の描画を確認するために使用されます。

 

3: これはよく知られているアニメーション セルです。アニメーション フォルダー内のレイヤーとして表示され、これを使用してシーケンスを作成できます。

アニメーションスケッチ + アニメーションコンセプト

タイムラインについて少し理解できたので、スケッチの分類に移ります。アニメーションをスケッチしてみましょう。

 

アニメーションの基本概念 は、フレームの数が多いほど (描画が多いほど) 動きが遅くなるということです。描画の間隔が広いほど、動きが速くなります。

 

動きのあるより複雑なアニメーションを作りたい場合は、よく知られているキーポーズを行うことをお勧めします。ただし、このチュートリアルでは、単純なアニメーションに焦点を当てます。

 

私が大学で行ったアニメーションの練習例 <3

複雑なアニメーションに興味がある場合は、この公式のClip Studioのヒントで詳しく説明されています

1) 通常のフォルダは整理に使用できます (私の場合のように)。

2) アニメーション フォルダは、タイムライン内を移動できるため、アニメーションを作成するときに必須です。

 

アニメーション スケッチとしては、まばたき、コーヒーの煙、携帯電話、瞳孔のみを作成します。

残りは After Effects でアニメーション化します。

ステップ2: 線画と色

線画と色の手順は、イラストの場合と同じです。通常のイラストでは通常のフォルダーを使用し、アニメーション線画では上で説明したアニメーションフォルダーを使用します。

 

アニメーションの色をガイドするには、複数のアニメーションフォルダーを使用します。1 つのレイヤーですべての色を塗らないでください。そうしないと、次のフレームに進むときに難しくなります。線画、基本色、影、明るさで分けます。

多数のアニメーションフォルダーを見てもすべてが乱雑に見えないように、通常のフォルダーで整理します。

髪：髪を整える

髪の毛については、ストランドを分離します。静的なベースと分割されたストランドです。髪の毛の部分では、アニメーション フォルダーは必要ありません (クリップ スタジオで実行するつもりでしたが、後で見せるために実行することにしたので、アニメーション フォルダーがあります)。

髪の毛がないと奇妙に見えますね (笑)。ベースの髪の毛は動かないものになります。

つまり、すべてを準備して、後で実行する必要があります。髪の毛は通常どおりに実行しますが、準備のためにストランドを分離します。

現時点では、髪束を PART A と PART B (前髪部分) に分け、髪束を細分化しています。

これにより、PNG 形式でエクスポートして後に追加するときに、より適切な順序になります。

ステップ3: エクスポートしてAfterに追加する

このようにエクスポートします。アニメーションをエクスポートしますが、After Effects で後でアニメーション化する必要があるフォルダーは非表示にします。私の場合は、ロックやロゴ、シンボルなどのその他のものが対象になります。

 

 

アニメーションをエクスポートしています:

残しておいたフォルダは、After Effectで後でインポートするために非表示にします。CLIP Studioで作成した、変更しないアニメーションは、ムービーとしてエクスポートされます。

他の場所でアニメーション化するフォルダーには必ず色を付けることをお勧めします。この場合、紫色は After Effect でアニメーション化するフォルダーです。

アフターエフェクト前は次のようになります。

PNGエクスポート後:

最初に作った煙を覚えていますか? これは後で追加するアニメーションですが、どうやってエクスポートするのでしょうか? 画像のシーケンスとしてエクスポートします。

手順は次のようになります:

ファイル -> アニメーションのエクスポート -> 画像シーケンス

ストランドについては、順序を尊重します。すべてを丸ごとエクスポートするのではなく、各ストランドをそれぞれの名前でエクスポートします。面倒ですが、インポートするときに役立ちます。

アフターエフェクト

ファイルのインポート

推奨事項: 理解を深めるためにビデオをご覧ください。ここで説明してみます。

 

髪の毛はいわば「固定」する必要があります

こうすると、髪の毛は動きますが、どこにでも動くのではなく、所定の位置で動きます。

回転はできました。シンプルにしておきましょう。

フレーム (回転の横にあるもの) をアクティブにして、タイムラインに沿って移動し、数値を変更します。私の場合は 7 を入力します。最後に、ループを作成するために 0 を再度入力します。

アニメーションをエクスポートするには、次の操作を行う必要があります:

ファイル -> エクスポート -> Adobe エンコーダー キューまたは処理キューに追加。

png 形式で画像シーケンスとしてエクスポートすることも、h.264 形式でエクスポートすることもできます。

私の場合は、特定の詳細を改善したり、Photoshop で追加したりしたいので、両方の方法でエクスポートします <3

結果：

だから、決して自分を制限しないでください <3 そして、あなたの美しいアニメーションを見るのを楽しみにしています!