やあみんな、このチュートリアルでは、未来的な街並みを作成する方法について説明します。スケッチのプロセス、線画や色を描く簡単な方法、そしていくつかのミニアニメーションについて説明します。

スケッチ

まず、さまざまな構成と視点を事前にスケッチします。これは非常に初期の段階なので、詳細はあまり追加しませんが、代わりに、側面の図に含めたいものを書きます。私は2〜3個以上のデモスケッチを描かないようにしています。

 

この手順は、イラストのどのアウトラインと全体的な外観が優れているかを確認するためだけに行います。

 

-----未来的なものを描くには、2つの方法があります。

 

1.重力に打ち勝ち、論理的/建築的に構築不可能に見える建物を描きます。

 

 

 

 

 

2.既存のものを取得してアップグレードする。

 

例：ここ左側では、通常の自動販売機を使用しています。右側には、ロボットアームとセンサーアイを取り付けたアップデートがあります。

 

スケッチ1を描くことにしました。次に、新しいキャンバスを作成して完全なスケッチを描画します。分割画面では、参照として使用する側にデモスケッチを保持します。スケッチにはソフトペンを使用し、スケッチプロセスでは定規を使用していません。私はスケッチをフリーハンドで描き、後で遠近法定規を使用して遠近法の間違いを取り除くのが好きです。

 

スケッチの過程で詳細を追加するのは好きではありません。適切な視点が得られないため、デモのスケッチの過程で描きたいものを書き留めるだけです。

線画

-----------------------------------LAYER（メニュー）> RULER / FRAME> CREATE PERSPECTIVERULERに移動します。

 

 

「パースペクティブルーラーの作成」ダイアログボックスが表示されます。2ポイントパースペクティブを選択し、「新しいレイヤーの作成」が有効になっていることを確認してから、「OK」をクリックします。

 

レイヤーにパースペクティブルーラーアイコンが表示されている場合は、「2ポイントパースペクティブルーラー」が正常に作成されています。

 

-----------------------------------メニューアイコンに移動>レイヤーを変換

「レイヤーの変換」ダイアログボックスが表示されます。「ベクターレイヤー」をクリックし、「OK」をクリックします。これで、レイヤーにベクターレイヤーアイコンが表示されます。これは、ベクターレイヤーへの変換に成功したことを意味します。

パースペクティブルーラーに移ります。これで、キャンバスにパースペクティブルーラーが表示されます

 

1.ルーラーハンドル：これでルーラー全体を移動するには、をクリックしてドラッグします。

2.消失点-消失点を調整および移動できます

3.アイレベルハンドル-アイレベルを動かすことができます

 

今度は自分の望みに合わせて遠近線を調整して描き始めます

パースペクティブルーラーをオンにすると、キャンバスに何を描画しても、パースペクティブにアタッチされます。

 

したがって、遠近法から何かを描きたい場合は、「特別なレイヤーにスナップ」を無効にすることができます。これで、遠近法から描画して、遠近法での描画に戻ることができます。「特別な定規にスナップ」を有効にするだけです。

 

より良いガイドラインを作成するために、グリッドを有効にします。グリッドは、消失点からのガイドラインを提供します。グリッドを有効にするには、（1）操作>ツールプロパティの下>（2）グリッドをクリックします

 

 

グリッドの下には3種類のグリッドがあります

（a）xy平面-左の消失点からグリッドを提供します

（b）yz平面-右の消失点からグリッドを提供します

（c）xz平面-両方の消失点からグリッドを提供します

 

 

（3）「+」をクリックして値を変更することで、グリッドのサイズを変更することもできます。

 

（4）グリッドにスナップ-これを有効にした場合。キャンバスに描画するものは何でも、グリッドにスナップします。

これらすべてのツールを使用して、線画を描きます

速く作業するためのヒントとコツ

都市景観を作成するプロセスをより簡単かつ迅速にするために、私はそれらのツールを使用して私のお気に入りのツールとトリックのいくつかをリストアップしました。これらのトリックのほとんどは、レイヤーがベクターレイヤーである場合にのみ機能します

 

1.ツールプロパティの使用

 

「特別な定規にスナップ」を有効にして、任意の図形ツールを選択してキャンバスに描画すると、自動的に遠近法定規にスナップします。これを使用して、線画にすばやく取り組むことができます。

 

--------------------------------------------------

2.コントロールポイント

 

これは、レイヤーがベクターレイヤーである場合にのみ機能します。

 

ツールバーの下で「正しい線」>「コントロールポイント」をクリックします

 

コントロールポイントを使用すると、既に描画されている線を移動、追加、削除、およびさらに多くの調整を行うことができます。コントロールポイントを使用して難しい形状を作成します。特に都市の景観を描くときは、抽象的なデザインや曲線のデザインがたくさんあるので、この機能を使用してさまざまな構造を作成できます。

3.ピンチベクトルライン

 

 

これは、レイヤーがベクターレイヤーである場合にのみ機能します。

 

ツールバーの下で「正しい線」をクリックします>ベクトル線をピンチします

 

これにより、すでに描画されている線をつまむことができます。私は通常、ぎりぎりのディテールと、不安定で乱雑に見える手描きの曲線の修正にピンチを使用するので、ピンチツールを使用してそれらを修正できます。

4.ベクトル線を再描画します

 

これは、レイヤーがベクターレイヤーである場合にのみ機能します。

 

ツールバーの下で「正しい線」をクリック>ベクトル線を再描画

 

このツールを使用して、描画されたベクトル線を再描画できます。私は通常、線を消去して再描画したくないときの最後の仕上げにこれを使用するので、代わりにこれを使用して、線を希望の場所にプッシュすることができます。

 

 

これらは、街並みのイラストの線画を作成するときに使用するツールの一部です。これにより、プロセスがはるかに簡単かつ迅速になります。特にベクターレイヤーを使用すると、品質を低下させることなく、サイズ変更や調整などの変更を行うことができます。

 

 

 

 

結果 ：

-------------------------------------------------- -------------------

着色

背景に色を付けることから始め、そのためにグラデーションを使用します。

 

ツールバーで、グラデーション>前景から背景を選択します。イラストは夜になるので、ナイトブルーとパープルの色を選びます。グラデーションツールを使用してドラッグするだけで、色が適用されます

------------------------ 

次に、上に新しいレイヤーを作成します。ベースを塗りつぶす最も簡単な方法の1つは、（ツールバー）[塗りつぶし]> [囲みと塗りつぶし]の下にある「囲みと塗りつぶし」を使用することです。

 

色を選択して、色を塗りつぶしたい領域を丸で囲むだけです。しかし、私は線画にデザイナーペンを使用したので、「囲んで塗りつぶす」は正しく機能しません。

'enclose and fill'は、デフォルトのGペンでより適切に機能します。

そのため、この場合、線画のブラシを変更します。

 

これをする 、

 

1.ブラシを変更する線画レイヤー上にあることを確認します。

2.次に、[操作]> [ブラシの形状]> [g-ペンの選択]をクリックします

 

デザインペンはGペンに変換されます

 

 

これで、「囲んで塗りつぶす」を使用して色を付けることができます

Gペンをデザイナーに戻すために色を付けた後、操作に戻り、ブラシタイプでデザイナーペンを選択します。

ノート ：

ブラシを変更するには、最初にブラシをリストに追加する必要があります。それをするために

 

1.ブラシの形に追加するペンを選択します

2.設定をクリックします

3.「サブツール」ダイアログボックスが表示されます

4.「ブラシ形状」を選択します

5.「プレゼントに追加」をクリックします

 

選択したブラシが「ブラシシェイプ」に追加されます

これを使ってベースカラーを塗りつぶします

次に、ベースカラーレイヤーにいることを確認し、レイヤーアイコンで使用できる「透明ピクセルをロックする」アイコンをクリックします。

「透明ピクセルのロック」を有効にすることで、色付きの領域をロックし、その外側に色を付けることはできません。

これを使用して、イラストの残りの部分に色を付けます。

 

ここで、光源がどちらの方向から来るかを決定します。このイラストでは、車輪の間を通過する建物の後ろから光源を取得したいと思います。

未来的な雰囲気を出すために、イラストのメインカラーは青と紫のままにしておきます。そのため、照明については、前のレイヤーの上に新しいレイヤーを作成し、レイヤーモードを「グローを追加」に変換し、ライトに柔らかいブラシと色と黄色を使用します

影の場合は、上に新しいレイヤーを作成し、レイヤーモードを「乗算」に変更し、不透明度を50％に下げて、影が落ちる領域に色を付けます。

ベースのカラーリングには、柔らかいブラシを使用して残りのイラストを作成します

 

 

 

 

結果 ：

短編アニメーション

イラストの特定のオブジェクトにいくつかの簡単なアニメーションを追加するには、ClipStudio Paint：Keyframesを使用できます。

 

1.アニメーション化するレイヤーを選択します。

2.必要なフレームレートと再生時間で新しいタイムラインを作成します。

 

注：再生時間を24 fpsを超えて長くすることは、Clip Studio PaintEXでのみ使用できる機能です。

 

3.そのレイヤーのキーフレームを有効にして、補間方法を選択します。

 

 

4.一度に1つのフレームを選択して、キーフレームをタイムラインに追加します。

 

キーフレームを選択して次のアイコンをクリックすると、キーフレームを削除できます。

 

5.アニメーションに役立つガイドを作成します

 

6.オブジェクトツールを使用してレイヤーを操作します。各キーフレームを選択して位置を編集するか、不透明度を調整するか、変換設定などを使用します。

7.アニメーションをムービーまたはGIFまたはステッカーとしてエクスポートします。

 

 

8.フレームレートをアニメーションのフレームレートに設定し、[OK]をクリックします。エクスポートする準備が整いました。これで完了です。

 

 

結果：