ベクトルとグラデーションを使用したカートゥーンカー

3,087

Manleonardo

Manleonardo

Clip Studioのグラデーションツールは非常に用途が広く、さまざまなシナリオで使用できます。このツールをイラストに適用してリアルなイルミネーションを作成しようと思いますが、最初に基本的な形状での使用を説明し、後で複雑な形状で適用する必要があります。

グラデーションの基本形状の使用

図1では、立方体、円柱、球、円錐の4つの基本的な形状を作成しています。これらの図は、混合するとさまざまな形状を作成できるため重要です。したがって、グラデーションを使用して色を解くと、車、飛行機、その他の工業デザインの図面など、より複雑な形状に同じ原理を適用できます。

図1

Clip Studioには同じ問題を解決するさまざまな方法があるため、図2のような円柱を作成するには、«等高線ペイント»ツールを使用します。これにより、単純な線または曲線を使用できます(ラスターレイヤーで作業)グラデーションに必要な基本色で、線の間をクリックすると、ClipStudioは2つの色の間にグラデーションを作成します。重要なヒントは、線が表示されず、スムーズな遷移が行われない場合は、かなり細い線を作成することです。

図2

もう1つのオプションは、«グラデーション»サブツールを使用することです。このツールには、線形、放射状、楕円の3つの異なる形状など、さまざまなオプションがあります。それらの使用法は自明だと思います。 4つの異なるエッジプロセスがあります。 「繰り返さないでください」ので、極端な色は無限に繰り返されます。 「繰り返し」なので、ハンドルの端で同じグラデーションが無限に繰り返されます。ハンドルの端での「逆」はグラデーションが繰り返されますが、逆の方法であるため、ハンドルの一方の端の端が反対側で繰り返されます。 「描画しない」、このオプションでは、ハンドルの最後でグラデーションが終了します。

 

ただし、最も重要なオプションは「作成場所」です。これには「編集レイヤーに描画」という2つのオプションがあります。これは、選択したラスターレイヤーにグラデーションを作成することを意味するため、終了後に編集する方法はありません。 「グラデーションレイヤーの作成」。このオプションを使用すると、最終結果を編集できます。«操作»サブツールを選択すると、グラデーションの角度、サイズ、色を編集できます。

図3

図4は、必要な色を選択して上部のグラデーションバーの特定の色に貼り付けるだけで、グラデーションの色を変更する方法を示しています。グラデーションバーの下部をクリックするか、矢印を下にドラッグして、色を追加または削除できます。

図4

図5では、「選択領域」を作成し、「グラデーションレイヤーの作成」を使用してグラデーションをペイントしています。最終結果は編集できないため、このオプションを正確に使用する必要があります。

図5

私はベクトルで作業するのが大好きなので、図6では、「Fill Vector ColorFreeHand」で作成された4つの形状のフラットを確認できます。このツールは、«Gradient»fillサブツールにあり、ベクトルなので簡単に編集できます。

図6

グラデーションを作成するには、レイヤーから選択範囲を作成し(Ctrlキーを押しながらレイヤー内の図形のサムネイルをクリック)、ドラッグしてグラデーションを作成します。終了したら、«操作»サブツールを使用して編集し、作成します。最終結果。

図7

球は、円または楕円の形状を使用して作成されます。私の意見では、楕円を使用する方が適切です。注意すべき点の1つは、左側の色が最初の同心円色であるため、この場合は最も明るい部分であるということです。ほとんどすべての形状で、グラデーションの最後に明るい色を配置して、反射光(オブジェクトが置かれている平面で反射された光)を錯覚させます。

図8

図9は、立方体の作成方法を示しています。立方体には3つの透明な平面が表示されているため、光は右上にあるため、最も暗い平面が最も暗くなります。ライトはオブジェクトに近いほど高くなるため、地面に近いほど平面の上部よりも暗くなることに注意してください。

図9

Clip Studioには円錐形のグラデーションがないため、円錐形を作成するのは困難です。円錐が頂点に向かって放射状に光を反射することを理解する必要があります。円は同心円であるため使用できません。したがって、唯一のオプションは線形を使用することです。使用後、レイヤーをラスターする必要があり、「フリートランスフォーム」ツール(編集/トランスフォーム/フリートランスフォーム)を使用して、必要な効果を達成するために上部がポイントに近づくまでレイヤーを変形する必要があります。図に示すように10.10。

図10

最終結果を図11に示します。この例のファイルに興味がある場合は、次のリンクからダウンロードしてください。

図11

漫画の車のレンダリング

実際の例でグラデーションを適用するために、漫画の車を作成することにしました。パースペクティブルーラーを使用して、この単純な車の形状を作成し(図12)、それを使用して曲線をフリーハンドでペイントし、車の最終的な形状を理解しました図13にどのように示されていますか。

図12

図13

その後、一番上に車を手描きします。これが最初のスケッチです(図14)。

図14

スケッチレイヤーの不透明度を下げることで、車をより注意深くペイントします。図15に結果を示します…私の意見では良くありませんが、線が不安定すぎます。

図15

図16では、ベクターレイヤーの「QuadraticBezier」で「curve」ツールを使用して車をやり直しています。線の結果はより冷たいですが、私はそれがより好きです。

図16

その後、「FillVectorColorFreeHand」ツールを使用してフラットを作成します。フラットはオブジェクトの異なる平面によって分割されます。平面または色に大きな変化がある場合は、個別に扱われます。

図17

すべての飛行機に一貫した色のグラデーションを作成するために、車で使用するすべての色で色参照レイヤーをペイントします。図18では、グラデーションカラーを適用し、後で結果を編集して、角度を変更して車の形状に合わせる方法を確認できます。車の場合、選択範囲を作成するのではなく、「下のレイヤーをクリップ」することにしました。これにより、必要に応じて塗りつぶしベクターレイヤーを編集できました。

図18

他の平面の場合、平面の開始色が前の平面の最終色であることに注意する必要があります。そうでない場合、色のジャンプが表示され、継続的なフォームの錯覚を作成するというアイデアがあります。

図19

車の色は準備ができていますが、ハイライトを配置するには反射ペイントの錯覚を作成する必要があります。これは通常、空の反射またはオブジェクトを照らすために使用される照明です。図20では、ライトは車の側面と上部に配置されていますが、車の形状が規則的ではないため、照明が壊れて不規則になっているため、このライトを作成するには、単に写真参照を使用します。ハイライトの境界線は、レイヤーのエアブラシラインを使用して柔らかくなります。不透明度を下げるだけで、問題はありません。

図20

さらに良い結果を作成するために、図21に示すグラデーションハイライトを使用することにしました。前のハイライトを使用して、選択領域を作成し、グラデーションレイヤーを作成しました。ハイライトの遷移がよりソフトになるため、結果はより良くなります。

図21

ハイライトを続けて、内部の線の色を濃い緑色に変更し、ドアやフードなどの車のくぼみがある線をコピーして貼り付けて、この領域のライトを作成します。

図22

図23は、コピーした線を明るい緑色に着色し、濃い緑色の線から少しずらして実現した照明効果を示しています。

図23

リムは、灰色のグラデーションの楕円で作成され、ホイールに輝きを与えるために、灰色から透明度への線形グラデーションが使用されます(図24を参照)。

図24

車のライトはシンプルなクローム効果で作られています。重要な部分は明暗を分けることです。これはクロームペイントで空と地平線の反射を表しています。角度は重要ですが、部分的に覆われるためです。ライトクリスタルによって、効果のほんの一部が表示されます。

図25

バンパーは形が不規則なので特別なので、バンパーの形に合わせて好きなグラデーションで線を描き、「等高線ペイント」ツールを使って線を塗りつぶしました。アンチエイリアシングなしでラインを使用することが重要です。これにより、より良い結果が得られました。図26に、結果を示します。

図26

車を完成させることは、車の結晶に反射を作成し、おそらくライトのために輝くために重要です。図27は、この効果のない車を示しています。最終結果を図28と比較できます。

図27

図28

最後に、DadoAlmeidaに感謝します。このチュートリアルで示されているベクターテクニックは、以下の「印刷とゲーム用のベクターアートの作成」リンクに基づいています。

この例のClipstudioファイルの分析に興味がある場合は、以下のリンクをダウンロードできます。

ありがとうございます。このチュートリアルが簡単に実行できることを願っています。疑問がある場合はお知らせください。

コメント

新着

公式 新着