みなさんこんにちは！私の名前は Syl です。この記事では、Clip Studio Paint EX でキャラクターをアニメーション化する方法を紹介します。この記事では、ソフトウェアの設定、例として私のアニメーション作品のいくつかを分解し、最後に私と一緒にアニメーションを作成します。初心者でも理解できるように、できるだけ簡単かつ詳細なガイダンスを提供します。
注: チュートリアルには、ビデオ形式とテキスト形式があります (この記事)
1. セットアップ
このステップでは、アニメーションを始める前に必要な知識と設定を準備します。すでに基本的なスキルがあり、以前にアニメーションを作成した経験がある場合は、このステップをスキップできます。
a. アニメーションプログラム: Clip Studio Paint EX
Clip Studio Paint には PRO と EX の 2 つのバージョンがあることを覚えておいてください。アニメーションを作成するには EX バージョンを購入する必要があります。
b. キャンバス設定
*新しいキャンバスを作成するには、[ファイル] メニュー > [新規] を選択します
プロジェクト セクションで、アニメーション (ビデオ アイコン) をクリックします
デフォルト設定オプションを 1920x1080 に設定することをお勧めします。
*また、理解しておきたい設定がいくつかあります:
- 空白スペース: これはエクスポート領域 (最終アニメーション) の外側の領域です。このスペースはメモやカメラの動きに使用できます。
- フレーム レート: 1 秒あたりのフレーム数です。標準は 24fps ですが、多くの独立系アニメーターは 12 fps を使用します (私のように)。
- 再生時間: アニメーションの長さ (フレーム)。300 に設定すると、アニメーションには 300 フレームあり、後で調整できます。
他にも設定セクションがあることがわかりますが、実際にアニメーションを開始するためにすべてを理解する必要はありません。圧倒されないようにしたいのです。正直に言うと、最初にアニメーションを作成したときは、サイズ設定の部分しか理解していませんでした :D。
c. ワークスペースの設定
これはアニメーションを作成するときの私のワークスペースです。私と同じように設定する必要はありませんが、初心者の場合は、私の手順を簡単に実行できるように、ワークスペースを私のものと正確に設定した方が良いと思います。
Clip Studio から私のワークスペースをダウンロードしてインポートするには、この ID で検索してください: 2076802
*インポートするには、ワークスペースにマテリアル ウィンドウがない場合は、[ウィンドウ] メニュー -> [マテリアル] -> [マテリアル: ダウンロード] に移動します。
次に、ワークスペースのマテリアルをキャンバスにドラッグします -> OK
*または、[windows] に移動して、次のように同じウィンドウをすべて開きます。
d. 基本的なアニメーション機能を理解する
すべてをセットアップしたら、必要なワークスペースができます。皆さんの気持ちはよくわかります。私も以前はタイムライン ウィンドウを初めて見るだけでストレスを感じていました。
でも心配しないでください。この複雑な黒い画面にあるすべてのツールを理解するように強制するつもりはありません。代わりに、基本的な機能をいくつかプレビューしてアニメーションを開始し、モチベーションを維持します。
また、これから説明する内容がまったく理解できなくても大丈夫です。学習と練習を同時に行う方が簡単だと思います。新しい知識に圧倒されることはなく、機能をよりよく覚えることができます。
* タイムラインウィンドウ:
- 表示されるシーケンス番号はフレームの順序であり、その上の数字は秒単位の長さです。
- タイムライン メニューで -> サムネイル サイズ -> なし タイムラインを私とまったく同じように表示したい場合は、その名前のとおり、そのフレームのサムネイルが表示されますが、スペースを取りすぎると思います。
- 新しいアニメーションセル/フレームを作成する: タイムラインの時間をクリックし、「新しいアニメーションセル」アイコンをクリックします
- アニメーション用語: キーフレーム - アクションのメインフレーム (例: まばたき: 目を閉じるフレームと目を開くフレーム)、中間フレーム: キーフレーム間のフレーム
これで十分だと思います! 見落としているものがあれば、以降の手順で説明します。それでは、ステップ 2 に進みましょう!
2. 私のアニメーションの内訳
このステップでは、スケッチ、線画、着色、シェーディング、最終段階（エフェクトを追加）、ランダムなヒントなど、ステップごとのプロセスを示しながら、アニメーション作品の一部を分解します。このステップは、まずアニメーションの構造に慣れるのに役立ちます。ただし、その順序を好む場合は、ステップ 3「アニメーションを作成する」に進んでからこのステップに戻ることもできます。
a. シンプルなループアニメーション
レイヤー
-> シンプルなループアニメーションの場合、まずは頭、体、宝石などの静止パーツを含む静止メインフォルダーを作成します。次に、髪の毛、動く宝石、まばたきの目をアニメーション化するための新しいフォルダーをいくつか作成し、ループを作成できるように配置します。
スケッチ
線画
着色
複数のフォルダ（網掛け）
最終（エフェクト）
高品質なリンク:
*私のようにフィルターレイヤーを作成して調整するには、[レイヤー]メニュー-> [新しい補正レイヤー]->好きなものを試してください
b. 通常のアニメーション
この短いアニメーションを選択してみましょう。
キャラクターがジャンプする最初のシーンでは、キーフレームを取るために自分がジャンプするところを録画しなければなりません（笑）。これは複雑な動きをアニメートするときに使えるヒントです。自分がジャンプしているところを録画し、それに基づいてアニメートします。
注: 最初にキーフレームを決定して描画し、次に中間フレームを描画してみてください。シーケンス フレームをすべてトレースすることはお勧めしません。私は試しましたが、途中で諦めました。
レイヤー
今回は静止部分と動く部分を分けていないので、線画アニメーションフォルダとカラーアニメーションしかありません。また、このアニメーションでは2Dカメラの動きを多用しました
ランダムなヒント/チュートリアル: カメラを調整するには、[タイムライン]メニュー -> [新しいアニメーションレイヤー] -> [2Dカメラフォルダー] -> 既存のすべてのレイヤーを2Dカメラフォルダーにグループ化します
次に、タイムラインで任意の時間を選択 -> [キーフレーム]を作成 -> [操作] -> カメラを調整（開始） -> 他の時間を選択 -> 新しい [キーフレーム]を作成 -> カメラを調整（終了）。これでカメラの動きが完成します
ビデオチュートリアル:
スケッチ
線画
着色
シェーディング
最終（エフェクト）
リンク：
3. キャラクターアニメーションを作成する
最終段階です。このステップでは、オリジナルキャラクターの短いアニメーションを作成するための手順を段階的に示し、説明とヒントをいくつか紹介します。簡単なアニメーションの作り方がわかれば、自分でアニメーションを作成するモチベーションが上がります (そう願っています)。
ヒント: これから紹介するアニメーションはそれほど難しくありませんが、初心者はまず簡単なもの (まばたき、髪の動き) からアニメーション化することをお勧めします。複雑すぎるアイデアから始めると、諦めたくなります。私のキーフレームに基づいて練習できます。Instagram で多くのキーフレームを共有しています。
\
また、これは私のまばたきアニメーションを共有するビデオです。必要な順に説明します。
a. アイデア
はい！まずは、頭の中に幅広いアニメーションのアイデアが必要です。アイデアはガイド、アウトライン、そしてモチベーションとして機能します。想像したものをアニメーション作品に変換することを考えるのは、とてもクールです（つまり、私はクールだとわかっています笑 :D）。
長いアニメーションの場合は、最初にストーリーボードを描く必要がありますが、この短いアニメーションチュートリアルでは必要ありません。
私は通常、音楽、特にJpopからアイデアを見つけます。
チュートリアル：mp3をインポートするには、mp3形式の曲をキャンバスにドラッグするだけです
b. スケッチ
まずアイデアをスケッチする必要があります。これは、キャラクターを形作り、元のアイデアに固執するのに役立ちます。
これらの機能については、前の手順で説明しました。まだ方法がわからない場合は、埋め込みビデオも視聴することをお勧めします。
- -CtrlSave または [File]->[Save] でファイルを保存し、10 分ごとに実行することを忘れないでください。
- デフォルトのアニメーション フォルダーの名前を「sketch」に変更します (オプション)
- フレーム 1 でスケッチを開始し、新しい時間に移動してアイコンをクリックして新しいフレームを作成します。または、フレーム 1 からフレーム 2 を描画するには、フレーム 1 をコピーして貼り付け、タイムラインで中クリックします。ボードが表示されるので、[2] という名前のフレームを選択するだけです。
- 再生して、希望する曲/時間に合っているかどうかを確認します。
- 満足するまでやり直し、描画し、再生します。
ヒント: 通常はキーフレームのみをスケッチし、中間部分も含めすべてをスケッチする必要はありません。
ヒント: 初心者の場合は、徹底的にスケッチすることをお勧めします。スケッチに時間をかけるのが嫌いなので、私のスケッチは素晴らしいものではありませんが、きれいなスケッチは途中で諦めるのを防ぐのに役立ちます。
ヒント: このアニメーションではスローモーションのシーンをいくつか作成していますが、スローモーションをアニメーション化するには、キーフレーム間にフレームをさらに描画するだけで済みます (たとえば、通常はキーフレーム 1 とキーフレーム 2 の間に 3 フレームを描画しますが、スローモーションにするには、その間に 10 フレームを描画してみてください)。
このアニメーションの長さは 40 秒です。残念ながら、この記事ではアニメーション プロセス全体を録画して完了することはできません。古いラップトップでは、録画とアニメーションを同時に行うのが困難です (かわいそうな人の問題)。また、録画中に気が散ってしまいます。スケッチから最終製品までのすべての手順を紹介しますが、最初のシーン (私の oc Maris) のみです。
c. 線画
次のステップは、スケッチに線を引くことです。
私の線画スタイルは本当にスケッチっぽく見えます（笑）！ほとんどの人は線画をきれいで連続的に描きます。これは、中間線や色付けに役立ちます。初心者の方には、そのアプローチを試してみることをお勧めします。しかし、私は最近このスケッチ風のスタイルに夢中になっています。
- 新しいアニメーションフォルダーを作成し、名前を lineart に変更します
- スケッチの不透明度を 10 ～ 20 に下げて、トレースしやすくします
- 新しいアニメーションセルを作成し、キーフレームのトレースを開始します
- キーフレームが完了したら、中間線を描きます
- スケッチフォルダーを非表示にします
ツール: 中間を描くときは「オニオンスキン」をオンにします。緑の線は次のフレームを表し、紫の線は前のフレームを表します。あなたの使命は、その間を描くことです (茶色の線は私のスケッチです)
ヒント: 私は通常、頭、服、特に髪の毛など、さまざまな部分を別々のレイヤーで描きます。
ヒント: 頭の比率を決定するために、目、鼻、口、あごをマークし、次のフレームにコピーして貼り付け、それに基づいて描きます。
ヒント: 髪の毛の中間部分を描くときは、髪の毛の始まりは次のフレームに近く、終わりは前のフレームに近くする必要があります。(フォロースルー適用の原則)
d. 着色
私はイラストに色を付けるのと同じ色付けテクニックを使います。まずベースカラーを塗り、影を付け、最後にエフェクト（エフェクトなど）を追加します。アニメーション業界では、最初にカラーパレットを明確にしてから、さまざまなカラーセクションに分けます。好きな方法を選択できます。
- 新しいアニメーションフォルダーを作成し、名前を color に変更して、線画フォルダーの下にドラッグします
- 新しいアニメーションセルを作成し、色付けを開始します
- color アニメーションフォルダーの上に新しいアニメーションフォルダーを作成し、[下のレイヤーにクリップ] を選択して、ブレンドモードを [乗算] に変更します
- 新しいアニメーションセルを作成し、シェーディングを追加します
通常、アニメーションに色を付けるには [塗りつぶし] ツールを使用しますが、この線画では、なげなわツールを使用する方が適しています。なげなわツールは、[図] -> [なげなわ塗り] にあります。
これは影を扱う段階です。影のさまざまなセクションを区切るために色付きの線を描きます。影、光の影、反射光をそれぞれ異なる色で表します。こうすることで、間違ったセクションに誤って色を付けることがなくなります。
ただし、これはキーフレーム (重要なフレーム) に対してのみ行い、すべてのフレームに対して行うわけではありません。
そして結果は次の通りです。
e. 効果（最終）
やったー、この超長いチュートリアルがほぼ完了しました！最後のステップは、アニメーションにエフェクトを追加して、より魅力的に見せることです！まず、追加できるエフェクトとその追加方法をリストし、次にこのアニメーションに追加したエフェクトを紹介します。
*効果の一覧
グローダッジ: このブレンドモードを使用して光を追加します。
レイヤーの乗算: 影を追加する以外に、このブレンドモードを使用してイラスト/アニメーションのトーンを設定します。
たとえば、暖かいトーンの場合は、鈍いオレンジを適用し、不透明度を下げます。
フィルター機能（新しい補正レイヤー）：シンプルなループアニメーションの内訳でこれを説明しました。これらは、色のバランス、シェーディングなどを調整するために使用されます。
（ここではカラーバランスと明るさ/コントラストを調整します）
*最終的に作成したアニメーション: (GIF 形式でエクスポートされるため、品質が最適ではない可能性があります)
そこで、全体のライト（各シーン用）、目のライト、ハイライト（特定のフレーム用）に 3 つのグロードッジアニメーションフォルダーを使用します
全体のトーンに1つの乗算レイヤーを使用し、それを既存のすべてのレイヤーの上にドラッグし、アニメーションの各シーン（赤ちゃん -> 窓のシーン -> 顔を閉じる）に1つの乗算アニメーションフォルダーを使用します
最後のシーン（クローズアップ）には、カラーバランス補正レイヤーを 2 つ使用しています。前半は、キャラクターが希望に満ちて興奮しているときは暖かいトーンですが、遊びに行けない現実に戻ると、クールなトーンに変わります。
ツール: このような滑らかなグラデーションを作成するには、このツール [グラデーション] を使用します。
4. 結論
最後まで読んでいただきありがとうございます。あなたのアニメーションへの情熱が伝わってきます XD アニメーションを作り始めて、あなたのアイデアを作品に変えられるようになることを心から願っています！
また、テキストに変換できない情報もありますので、記事と埋め込み動画の両方を読んで視聴したほうがよいでしょう。
私のチュートリアルが役に立った場合は、いいねやアドバイスを残してください。そうすれば、より多くの、より良いヒントを作成できます :D
最後に言いたいのは、これは私のスタイルでアニメーションを作成するための独自のプロセスだということです。私は学術的なアニメーション学校に通ったことがないので、間違いを見つけた場合は、親切にアドバイスを残していただければ幸いです。ありがとうございます！
この投稿を「いいね！」したユーザー
コメント