スケッチから最終結果までのフルタイムラップ（私の全プロセス）については、YouTubeでこのビデオをご覧ください:)
最終的な構成を確認するには、以下のビデオをご覧ください。
アニメーションについて
アニメーションは複雑なテーマです。特にキャラクターアニメーションは初心者にとって、動く標的を狙っているようなものになります。アニメーションを学ぶのは長い道のりです。アニメーションを上達させるには、毎日たくさんのことを練習する必要があるからです。アニメーションでは、すべての想像力を現実にすることができます。
アニメーションは、境界も制限もない想像力と創造性の世界です :)
アニメーションに関する誤解
アニメーションに関して誤解されているのは、絵が描ける人ならアニメーションも描けると思っている人がいるということでしょうか?
答えは、まったくのノーです…
なぜなら、[アニメーション ≠ イラスト]
[アニメーション = 動き]
ほとんどの初心者は、スケッチから最終的な構成まで、YouTube でアニメーションの作成プロセスを見て、自分でも同じようにアニメーションを作ろうとしますが、うまくいきません。アニメーションが途切れ途切れで、とても奇妙に見えます。なぜこうなるのでしょうか? チュートリアルは見たはずですよね?
これは、チュートリアルは見たものの、実際には初心者はそのアニメーションがどのように作成されたかを知らないためです。アニメーションのプロセスでは、非常に多くのことが起こります。初心者がアニメーションを作成できないのは、アニメーションの 12 の動作原則を理解していないためです。
まとめ（アニメーションの誤解）
アニメーションは完全に異なるスキルセットであり、アニメーションを作成するには時間と多くの練習が必要です。より良いアニメーションを作成するには、12 の動作の原則を知っておく必要があります :)
アニメ化しましょう:)
アニメーションキャンバスの設定
このアニメーションには、Clip Studio Paint EX を使用しています。CSP EX バージョンには、コミック、マンガ、イラストの作成からアニメーションの作成まで、必要なすべての機能があります。無制限の機能があります :)
Clip Studio Paint PRO はイラストやコミックに適していますが、機能は限られています。
アニメーションキャンバスを作成するには、[ ファイル ] > [ 新規 ] に移動します。
このウィンドウがポップアップ表示されるので、ビデオ アイコンをクリックし、[OK] をクリックしてアニメーション キャンバスを作成します。
タイトルセーフエリア これは境界線です。この線の下にすべての描画を描画する必要があります。最終結果には、この境界線の内側のものだけが表示されます。これをオフにすると、キャンバス全体に描画できるようになりますが、私はこのタイトルセーフエリアで作業するのが好きです:)
アニメーション キャンバス インターフェースは次のようになります。必要に応じて寸法を選択できます。これは正方形のキャンバスの例です。プリセット オプションのほかに、1920*1280 寸法などのオプションもあります。寸法を手動で入力することもできます :)
左側にはキャンバス設定があり、右側には時間設定があります
アニメーションキャンバスは次のようになります
タイムラインが表示されない場合は、[ Windows ] > [ [ タイムライン(x) ] に移動してください。
これがアニメーション キャンバスの完全なインターフェイスです。アニメーション インターフェイスの基本オプションについては以下をお読みください:)
アニメーションのプロセス
では、アニメーションの 12 の原則とは何でしょうか?
スクワッシュハンドストレッチ
予測
ステージング
真っ直ぐなアクションとポーズツーポーズ
フォロースルーとオーバーラップアクション
イージング
アーク
セカンダリアクション
タイミング
誇張
ソリッドドローイング
アピール
これらは 12 のモーションの原則であり、ここではそのうちの 4 つを使用してキャラクターをアニメーション化します。アニメーションにこれらすべての原則を適用する必要はありません。ただし、これらの原則はさまざまなアクションに応じてよく使用されるため、すべての原則を知っておく必要があります。
ここでこれらすべての原則を説明し始めると、非常に長くなります。したがって、これらは私が使用する 4 つの原則の簡単な概要です :)
4つの原則
さあ、アニメを作ろう
ベクターレイヤーとラスターレイヤー
きれいな線画を描く前に、きれいな線画を描く場所を知っておく必要があります。
ベクター レイヤー - ベクター レイヤーは、各線の開始点、終了点、曲率を記録します。画像を拡大しても、どれだけ大きくしても情報が失われることはありません。このレイヤーでは、すでに描画されている線を編集することもできます。
ラスター レイヤー - ラスター レイヤーはピクセルで構成されているため、画像を拡大すると情報が失われます。標準のラスター レイヤーは、ピクセルを使用してレイヤーの情報を記録します。
ヒント - 線画にはベクター レイヤーを使用すると、作業効率が向上し、線画の時間を大幅に節約できます。
着色にはラスター レイヤーを使用します。ベクター レイヤーでは、着色に塗りつぶしツールを使用できないためです。このレイヤーを使用すると、着色をすばやく行うことができます。
1. キーポーズ
キーポーズはストーリーを伝える絵です。これらの絵は、キャラクターがどのような行動を取るかについてのアイデアを与えてくれます。まずはキーポーズを描いてみましょう:)
これが私のキーポーズです
この青い線は円弧と呼ばれ、上記の 4 つの原則の例に示すように、この線にタイミングをマークできます :)
ヒント - ダイナミックな動きのガイドとして円弧を使用します :)
2.中間
ヒント -
中間のシーンが多い = スローモーション (主要な描画間の間隔が狭い)
中間のシーンが少ない = 高速モーション (主要な描画間の間隔が広い)
中間部分では、先ほどお話しした 4 つのモーションの原則も使用しています :)
ヒント - インビトウィーンを実行するときは、オニオンスキンをオンにします。
注 - 私は自分のストーリー展開とタイミングに合わせて中間部分を描いています。
私もイージングを使用していますが、これを見ると怖くなるかもしれません（笑） :)
以下に、ここで使用されているすべての原則と中間部分の全体を示します :)
この段階のアニメーションは圧倒的です。
3. ベースカラー
すべての描画と中間の描画を終えたら、すべての描画にベースカラーを追加します。
4.フラットカラーとシェーディング
ベースカラーを終えたら、フラットカラーを追加してシェーディングを行います。
より良い色付けのために、色彩理論について学ぶことができます。
ヒント - 下のレイヤーにクリップするオプションを使用すると、色がベースカラーの外側にならないようにします :)
色付けと陰影付け
すべての着色プロセスが完了したら、アニメーションをエクスポートできます :)
アニメーションのエクスポート
アニメーションをエクスポートするには、[ ファイル ] > [ アニメーションのエクスポート(Y) ] > [ ムービー… ] に移動します。
アニメーションを GIF としてエクスポートすることもできます。
最終結果
すべての着色プロセスが終了し、背景を作成した後、これが最終的なアニメーションです :)
着色前
最終アニメーション
アニメーションにサウンドエフェクトを追加しました。私の YT ビデオで確認できます :)
このアニメーションが気に入っていただければ幸いです。このヒントで何か間違いがあった場合はお知らせください。ご容赦ください。次回はもっと頑張ります :)
このヒントがあなたにとって役に立ったことを願っています。もしこれがあなたにとって役に立ったなら、私がお役に立ててとても嬉しいです:)
ありがとう ：）
この投稿を「いいね！」したユーザー
コメント