♦ ️執筆＆修正＆注意 - ヒントは編集中です。しばらくお待ちください - 仕事とビジネスの調整のため、更新を一時的に停止します。

・230407 13:30 より良い編集のため、記事を公開しました。他の言語のバージョン (自動翻訳) が難しすぎないようにするために、文章の調整と最適化を試みます。

・230413 13:31 制作過程のビデオ素材を抑制してトランスコードしています。録画内容に応じて内容を修正させていただきます。

———————————————————————

序文

皆さんこんにちは、マックスです。

ここでは、「In Action」シリーズの第 2 回目のパート 2 を紹介します。私の実際の作業事例を組み合わせて、マジック要素を含むアニメーション画面をゼロから作成する方法を共有します。

 

前回は、フォルダーの作成から「スクリプト」から「レイアウト」までの工程を詳しく解説しました。個人＆少人数チームの制作において注意すべきポイントを多数提示。詳しくは「その1」へお進みください。

1～5分程度の短編小説を書いてレイアウト欄に載せるということにまだ挑戦したことがない方は、ぜひ挑戦してみてください。

以前の私と同じように、自分には絵を描くことしかできず、他の工程には向いていないと感じている人もいるでしょう。この認識を変えていただければ幸いです。現在、この分野ではAIが急速に発展しています。 1980 年代のインターネット テクノロジーのような多くの一流のテクノロジーは、近い将来、生産効率の向上にさらに役立つでしょう。

 

実際、効率を向上させる非常に便利なツールはすでにたくさんあります。現在使用しているclipstudiopaint2.0には「オートシャドウ」という技術が搭載されており、原画段階での色の線引きを「簡単」に支援することができます。今回は原画制作を補助する「オートシャドウ」の使い方を簡単に説明します。

 

私たちは、紙とペン、iPad、Clipstudiopaint などのソフトウェア、3D、さらには今話題の AI など、ツールを問わず、創作を深化させるためにこれらのテクノロジーを使用する方法を学ぶ必要があります。これらは私たちのアイデアを表現するのに役立つはずだと常に信じていました。ツールに限定すべきではありません。

 

すべての進歩には機会が必要です。この機会に、さまざまな分野に挑戦してみるのもいいかもしれません。脚本や設定の段階では表現の視点に立ち、観客とのコミュニケーションやコミュニケーションの様々な方法を常に模索し最適化し、より多くのことを学び、得ることになります。

🐰 オリジナルのGIFを描くための自動シャドウアシスト

後編では「絵を描く」ことに焦点を当てていきます。アニメーションを描く際のペイントを効率化するClipstudiopaintの使い方や、アニメーションを描く経験やスキルを詳しく紹介します。

目標

今回はアニメーションの制作を完了します。エフェクトは図に示すとおりです。

🐰アニメーションステージ完成GIF

1. 描く

各カットの図の描画を開始する前に、最初の 2 つの部分を完了する必要があります。

■構想（脚本＆絵コンテ＆設定） → → ■制作デザイン（レイアウト）

前回の記事では、すでにレイアウト部分に進み、魔法の特殊効果の大まかな詳細をデザインしました。

 

作成したアニメーションの設計図に従って、レイヤーごとにアニメーションを作成していきます。

ご興味がございましたら、前回の内容をこちらからご確認ください。

1-1.原画と原画

以前作ったレイアウトです

このレイアウトでは、次のことを行います。

·サブミラーは洗練されており、画像の全体的な効果が確認できます。

カットの具体的な期間を決定します。

·運動スタイル。

·キャラクター、特殊効果、背景の詳細なプランニングとレイヤー化。

·ポストエフェクトの説明。

🐰 レイアウト-gif

次に、配置図に沿って各層の図面を一つずつ完成させていきます。

— 🌟 ドキュメントの作成

前回の記事のプロジェクト構造を復習してみましょう。

 

🏷 ️リファレンス (フォルダー)

🏷 ️ストーリー レイアウト設定 (フォルダー)

｜———— —・ミラーレイアウト.クリップ

｜———— —・設定.クリップ

｜———— — 🏷 ️エクスポート（フォルダー）

🏷 ️図面 (フォルダー)

｜ 🏷 ️cut001 (フォルダー)

｜｜————・cut001_原画-アニメーション.clip

｜｜————・cut001_background.clip

｜｜———— 🏷 ️エクスポート（フォルダー）

｜ 🏷 ️cut002 (フォルダー)

｜｜————・cut002_原画-アニメーション.clip

｜｜————・cut002_background.clip

｜｜———— 🏷 ️エクスポート（フォルダー）

前回の記事の内容によると、「原画～アニメーション」の項では、

ショットごとに個別のファイルを作成する必要があるため、作業が簡単になります。

 

いくつかのまったく異なるショットのキーストロークをアニメーション化しようとしたり、1 つのドキュメント内でそれらの背景を組み合わせたりしようとした場合、悲惨な結果になるでしょう。これは、次の理由により管理が非常に不便であるためです。

制作が完了したら、後で結合できるように、マテリアルをレイヤーごとに「エクスポート」フォルダーにエクスポートする必要があります。

背景が完成した後、いくつかのショットを多くのブックと組み合わせる必要があるため、クリップの再生が非常に滞り、アニメーションを描画するのが不便になります。

·その後の文書の管理、誘導、アーカイブに非常に不便です。

🐰 各カードのフォルダーGIFを作成します

1-2.原画（原画1枚）

— ターゲット効果

このような効果を得るために、以前のレイアウトを分解し、アニメーション (文字の動的レイヤー) と背景 (本の静的レイヤー) をそれぞれ描画します。

🐰 GIFの各レイヤーのモーションエフェクト

どうですか、動いている感じはありますか？現場は一気に活力に満ち溢れます。ただし、これは主要なモーション ノードのスケッチにすぎません。それがこのステップでしっかりとやらなければならないことです。

GIF合成後のモーションエフェクト

✨ ここでの注意点は以下の通りです。

●色付きの線で光と影の変化を表現します。より一般的に使用されるのは、シャドウには「青線-オレンジ塗り」、ハイライト領域には「赤線-黄色塗り」です。塗りつぶし色は影レイヤーに塗りつぶすことができます。

• 異なる色の線は、異なる背景色の領域を表すこともできます。例えば、服に色が合う部分がある場合、それを色の線で表現することができます。ご自身の設定に合わせて柔軟に変更できます。

— アニメーションフォルダーを作成する

ドキュメントを作成した後、レイアウトを計画し、対応するレイヤーを確立する必要があります。

・ダイナミック部分はアニメーションフォルダーを使用して作成します

・静的部分は共通フォルダで作成可能です。

🐇 層構造マップ jpg

— レイヤーごとに描画します

·—— 🌟作り方のポイント！

·——自動影を使用して原画の描画を補助します

原画の下絵では、後の原画制作を容易にするために、選択塗りつぶしツールを使ってキャラクターの各パーツのカラーブロックを単純に塗りつぶしていきます。

・————A_Lightwave 1（アニメーションフォルダー）

光の波を描くとき、光の流れを表現したいと考えています。光は実際に「流れる」わけではありませんが、乱流の水面を照らす太陽光の感覚を想像することができます。または、高速で移動する空気の影響。

 

作画では全体の絵の動きの統一性を保つため、3コマごとにフィルムを固定していきます。

写真の光線は円形の光線なので、この部分は私たちから遠く、写真の後ろにあります。したがって、それを一番下に置きます。

🐰光波原画ビデオgif

・————B_Girl（アニメーションフォルダ）

まずは最下層の「主人公・幼女」から見ていきましょう。

🐰女の子の絵を描くgif

設定に従って描画することができます。キャラクターを描くのが苦手な場合は、モデルやリファレンスを使用することを恥ずかしがらずに、クリップに付属しているキャラクターモデルを直接使用して調整してください。

 

実際の制作でもclipstudiopaint付属のモデルを使用し、設定段階で対応キャラクターの3つのビューを調整していきます。遠近法とミラーの動きが非常に極端で、動きが非常に複雑な状況で、最も基本的なプロポーションの間違いを犯さないように、キャラクターのプロポーションを素早く把握しやすくするためです。

🐰 クリップモデルを使用してキャラクターの動きを調整する

作画では全体の絵の動きの統一性を保つため、3コマごとにフィルムを固定していきます。画面の移動距離で速度を制御

・————本の光線（フォルダー）

これは静的レイヤーです。シフトを使用して直線を描き、それを塗りつぶします。

ブック層に直接色を付けることができます。

・————C_Lightwave 2（アニメーションフォルダー）

レイヤーAの光波描画方法と同じです。ただし、このマテリアルは画面の前面にある必要があります。

🐰 ライトウェーブ原画ビデオ-2gif

・————D_Particles & Streamer（アニメーションフォルダー）

・————E_Airflow（アニメーションフォルダ）

・————F_Huaの魔法模様ケース（アニメーションフォルダ）

1-2.原画（原画2枚）