このチュートリアルでは、Clip Studioの2Dカメラ機能を使用して、美しい空を作成し、それをパノラマシーンのアニメーションに適用する方法を紹介します。とても簡単ですが、すばらしい結果が得られます。

注：このチュートリアルのインスピレーションは、お気に入りのアニメーション「あなたの名前」から発想を得ました。あなたの名前には、素晴らしい空のシーンがたくさんあります。 ;）

ビデオチュートリアル

空を描く概念の概要

これらは、日中の空の最も基本的な要素です。青い空と白い雲です。

より立体的に見えるようにするには、雲に影を付け、空に勾配を付け、光の反射を適用します。

地球の表面は太陽光を反射します。これにより、空のグラデーションと光が雲に反射します。

これらの基本により、テクスチャブラシでペイントすると、よりリアルな外観になります。

Clipstudio Assetには、雲をペイントするための多くのブラシがあります。私にとっては、お気に入りのものをお勧めします

雲の影の方向と空の勾配は、光源の位置に関係します。

空の光の方向は、シーン内のオブジェクトにも適用されます。

雲にはさまざまな種類があり、高層雲（巻雲や巻雲など）は地表から遠すぎるため、影は表示されません。

 

いくつかのタイプの雲を混ぜて、自然な外観にすることができます。その構造に制限はなく、自然は素晴らしいです:)

空をすばやく編集することもできます。補正レイヤー[グラデーションマップ]を使用して空の色合いを調整し、レイヤーブレンドモードで太陽と星にグロー効果を追加します。

グラデーションマップベーシック

グラデーションマップは、さまざまなバージョンで空を編集するための主要なキーです。

グレースケールでペイントし、グラデーションマップに適用すると、グレーレベルがグラデーションバーの色に置き換えられます。

この例から、バーの右端にある黄色で白が置き換えられ、バーの左側で黒が色に置き換えられることがわかります。

 

ソフトウェアの標準プリセットである空のグラデーションセットもあります。

 

標準のカラーセットにはグレースケールカラーのスイッチもあります。これはバリューペイントにも役立ちます

グレースケール画像にグラデーションを適用するには2つの方法があります。

1.編集>色調補正>グラデーションマップ

これにより、1つのレイヤーの色がグラデーションバーの色に変更されます。編集を適用した後にグラデーションを調整することはできません。

2.レイヤー>新しい修正レイヤー>グラデーションマップ

これにより、その下のすべてのレイヤーをカバーする新しいグラデーションマップが作成されます。レイヤーのサムネイルをダブルクリックすると、グラデーションマップのポップアップが表示され、調整の結果をリアルタイムで確認できます

このチュートリアルでは、修正レイヤーを使用します

グラデーションバーの基本的な調整は、グラデーションバーの下にある^アイコンをクリックして色を設定するか、ドラッグして色の位置を調整します。

このアイコンで色の位置を反転することもできます

選択した位置に特定の色を与えることもできます。

Clip studioアセットからダウンロード可能なグラデーションセットもあります。

それはあなたが色を選択する多くの時間を節約するのを助けることができます：D

 

 

画像で使用されているアセットのリンクは次のとおりです。

このメニューでアセットをインポートします

アセットを使用する準備ができました!!

グラデーションを調整する場合は、後で使用するためにこのアイコンでグラデーションを保存することもできます

空を描く

通常、雲を自由にペイントできますが、特に魚眼レンズで撮影したかのようにカーブを構成する場合は、スケッチすると位置合わせに役立ちます。

フォアグラウンドからバックグラウンドモードでグラデーションツールを選択し、次のような事前設定を行います。

 

'Shape'：楕円形（魚眼レンズのレンズを作成しているため）

'作成場所'：グラデーションレイヤーを作成します

キャンバス上のグラデーション領域をドラッグします。

これにより、キャンバスにグラデーションレイヤーが作成されます

次に修正レイヤーを作成し、

[レイヤー>新しい修正レイヤー>グラデーションマップ]

お好みの空の色のグラデーションマップ。

グラデーションを滑らかにするために、色の位置を調整できます。

 

オブジェクトツールでグラデーションレイヤーを調整することもできます

新しいレイヤーを作成し、雲をペイントします。制御可能な値のグレースケールシェードのみを使用して、グラデーションマップ修正レイヤーで調整するようにしてください。

（[指先]ツールを使用して高空の雲をブレンドします）

 

クラウドのレイヤーが多数ある場合は、それらを修正レイヤー用の1つのフォルダーに配置します

グラデーションマップを適用したら、下のレイヤーにクリップします。グラデーションマップはクラウドでのみ有効になります

これで、空に合う青い色合いの空ができました。

キャラクターレイヤーでいくつかのレイヤーブレンドモードクリッピングを使用して、キャラクターにライト効果を適用できます。

太陽を追加するには

 

バーストツールを使用して太陽光線効果を作成する

ツールのプロパティで、[行のギャップ]を30に設定します。

次に、すべての[Disarray]設定を無効にします

太陽の形の上をドラッグ

次に、オブジェクトツールで編集します

長さを調整して、線が画像を埋めるようにします

オブジェクトツールでエッジノードを移動して光線の形状を調整する

設定アイコンでツールの追加設定を見つけることができます

開始を無効にします。これにより、光線のとがった先が1つだけになります。

レイヤーをラスタライズし、[指先]ツールを使用してエッジにブレンド効果を追加します

注：Shiftキーを押したままドラッグすると、ライン上でドラッグできます。

光線を円の形にマージし、レイヤーを複製し、ぼかしフィルターを適用して[フィルター>ぼかし>ガウスぼかし]、レイヤーブレンドを適用して[追加（成長）]して光沢を出します

各レイヤーを選択して[変換を作成]（Ctrl + T）してシーンに合わせます

終わった

空を夕暮れの色合いに調整するには、空と同じグラデーションの雲の反転グラデーションを使用して、シルエットを表示します。

夜空にはスプレーブラシを使って星を作ります

次に、レイヤーを複製してぼかしフィルターを適用します

[フィルター>ぼかし>ガウスぼかし]

これはスターライト効果を作成します

アニメーション化されたパノラマの空のシーンを作成する

まず、ショットの概要を理解する必要があります。このようにカメラがパンしている間、オブジェクトは1つの場所に留まる必要があります。

シーン内で動くオブジェクトは背景になり、キャラクターのフレームごとに遠近法の変更が適用されます。

 

ワークフローは、ストーリーボードでシーンの順序を描画することから始まります。ストーリーボードでは、キャラクターをプロキシとして使用します

次に、キーフレームを追加してタイミングを調整します

この手順でバックグラウンドプロセスの作業を開始できます。キーフレームアニメーションは個別に行われます。

 

>>ステップ1：背景の位置をスケッチする

アニメーション用の新しいキャンバスを作成します。キーフレームタイミングファイルと同じフレームレートであることを確認してください

 

（ここでは24フレーム/秒を使用しました）

メニュー[ファイル>インポート>新しいファイルオブジェクトを作成]に移動し、キーフレームタイミングファイル（.clip）を選択します

ファイルには、キャンバスに表示されるアニメーションが含まれています

（レイヤーがアニメーションフォルダーの外にあることを確認してください。そうしないと、キャンバスに表示されません）

インポートされたオブジェクトのタイムラインに合わせてタイムライン領域を調整します

アニメーションフォルダーに背景スケッチを描画し、作成したタイミングキーフレームと一致させます

注：アニメーション時の混乱を避けるために、背景が変更されたフレームをいくつか描画します

>>ステップ2：空のグラデーションを追加する

レイヤーを右クリックしてタイミングファイルの背景を削除することから始めます>ファイルオブジェクト>ファイルオブジェクトからファイルを開く

ファイルで、背景レイヤーを削除し、スケッチ線のみを残して保存します

ファイルオブジェクトは透明になります

グラデーションレイヤーを作成し、グラデーションマップ補正レイヤーを適用する

グラデーションマップのレイヤーキーフレームをアニメーション化できるようにします

フレームを選択し、[オブジェクトツール]でスケッチに関連するグラデーションを移動

マスクではなく、グラデーションにレイヤーキーフレームを作成してください（グラデーションレイヤーのサムネイルをクリックしてグラデーションを選択します）

スケッチの調整が完了すると、カメラのパンに続くグラデーションの空が表示されます

>>ステップ3：背景を作成する

空にパンする前に背景を表示するキーフレームがいくつかあります

背景を描きます。ここでは、裏側の公園と町にClipstudioアセットを使用します。

 

画像素材には便利な画像アセットがあり、すぐに使えるだけでなく、色の参照にも役立ちます。

オブジェクトをキャンバスにドラッグするだけで使用できます。

木から色を選んで地面に塗ります

テクスチャ効果を作成するためのデフォルトのブラシもあり、それを地面に適用して草を作りました

 

公園の背後にある「透明な街」の画像素材を使用して、遠くに街の景色を作成します

そしてさらに距離を作る

マテリアルのレイヤープロパティを使用して色を調整します

結論として、背景には3つのレイヤーがあります（公園を1つのレイヤーにマージします）

背景の動きは空のグラデーションとは異なります。アニメーションデザインからすばやく離れるため、

 

キーフレームを有効にして、スケッチアニメーションの位置に関連してレイヤーを移動します

シーン内で表示される場所のみにキーフレームを作成します

（回転して角に移動）

このステップでは、カメラのパンがより明確になります。

>>ステップ4：クラウドを追加する

クラウドの場合は、制御を容易にするために2Dカメラを使用します。レイヤーキーフレームを使用することもできますが、少し複雑になります。

 

雲を最後のシーンにペイントし、グラデーションマップを適用します。小さな雲は遠くに見えます。

キャンバスのサイズを変更し、[編集]> [キャンバスサイズの変更]に移動します

単純に数値を入力するか、変換境界線を調整してキャンバスに合わせてサイズを変更できます。

 

雲の上のカメラワーク用のスペースが増えます。心配しないでください。エクスポートすると、境界エッジのオブジェクトのみが表示されます。

 

延長した雲を線で描画します。これは、カメラパンの初期段階で使用されます

2Dカメラフォルダーを作成する

内部にすべてのクラウドレイヤーを配置します

[オブジェクトツール]を使用してカメラフォルダを選択し、雲の端にドラッグします

カメラオプションでは、表示モードオプションを使用してカメラでどのように表示されるかを確認できます

（クラウドを再度編集するには、フィールドガイドモードに戻す必要があります）

クラウドの移動には3つのフェーズがあり、移動すると想定される位置にキーフレームを作成します

背景が出来ました！！

>>ステップ5：仕上げ

別のファイルで、キャラクターのフレームごとのアニメーションを作成します

 

[重要！]フレームレートを24に設定します。フレームレートは、背景とキャラクターで同じでなければなりません。

注：最後のステップでは、髪に風の動きのキーフレームも追加しました

アニメーションの詳細については、アニメーションプロセスでのベジェツールの使用に関する以前のチュートリアルを確認してください。

タイミングキーフレームを完成したキャラクターアニメーションで置き換える

文字ファイルは背景と同じサイズにすることをお勧めします。インポートに問題はありません。

オプション：太陽レイヤーも追加し、レイヤーキーフレームを適用します

次に、カメラフォルダー内の雲の位置に関連して移動します

キャラクターのライトとシェーディング効果のためにいくつかのレイヤークリッピングも適用します

これで完了です！クリップスタジオでシンプルなパノラマの空のシーン!!

注：グラデーションマップを調整するだけで、シーンの時間を3分未満で変更できます：D

このチュートリアルがあなたのアニメーションシーン、Happy animatingに役立つことを願っています!! ^ ^