冬のイラストのガイドライン

今日は、冬のイラストを計画する方法と、雨の街並みを段階的に描く方法を紹介します。

冬のイラストの描き方に入る前に、冬の街並みや風景を正確に計画して描く方法を知るためのガイドラインが必要です。

そのためには、スケッチ（小さなサムネイル）を描きながら、いくつかの質問に答える必要があります。これにより、より良いプロセスとより良い結果が得られます。

このイラストを作成するための私の思考プロセスと、イラストを計画するために答えるべき質問について説明します。

最初の質問：

 

 

このイラストのアイデアは何ですか？

この質問にはさまざまな答えがありますが、このチュートリアルのテーマでは、「冬のイラスト」が答えです。

冬に関連するものを考えてみましょう。

私にとっては、日が短いこと、日没が早いこと、暗く落ち着いた色、暗い雰囲気と対照的な鮮やかな光のある居心地の良いシーンが思い浮かびます。

このシーンはどこで撮影されていますか？

シーンは田舎で起きていますか？ 田舎ですか？ 山の上ですか？ 森ですか？

もしそうなら：

木はたくさん生えていますか？ 建物はありますか？ …など（風景を構成するものを考えてください）。

ちょっと待ってください、あなたは自然を描くのが好きではないのですか？

では：それは都市で起きていますか？ にぎやかな町ですか？ 屋内ですか？

もしそうなら：

人工光源はありますか？ 目に見える乗り物はありますか？ …など（都市の風景を構成するものを考えてください）。

このチュートリアルのイラストの場合、答えは次のとおりです:

シーンは、高さの異なる多くの建物がある都市で行われています。

高い視点から都市を見たいので、おそらく 14 階の部屋 (正面を向いている) です。

目に見える家具は必要ありません。実際、都市の景色だけを見たいのです。だからバルコニーからでしょうか?

でも冬なので寒いです。

だから窓かもしれません…。

天気はどうですか ？

冬は雨から雪、吹雪、さらには嵐まで、さまざまな天候の変化が伴うことはご存じのとおりです。そのため、描画を開始する前にシーンに何を求めているかを把握しておく必要があります。詳細を描画する場所とシンプルにしておく場所を決めるのに役立つからです。

このチュートリアルのイラストでは、雨が激しく降っています。シーンは窓から見えると事前に決めていたので、雨と窓の霧で背景の多くが見えなくなるため、背景にあまり詳細を配置しないことが分かりました。

最終サムネイル

この時点までに考慮すべき他の事柄があるかもしれませんが、それはこれまでの回答がどのような結果をもたらすかによります。

このチュートリアルのイラストの場合、これらの質問だけでイラストの構想を思い描くことができました。

したがって、この時点で、以前の回答からすべての情報を収集し、あちこちで調整を加え、参考としてイラストの小さなスケッチを作成し、以前の回答に応じてカラーパレットを選択します。

雨の街並み

オープンCsp

まず最初に:

Clip studio paint を開きます ➪ 「ファイル」を選択します ➪ 「新規」をクリックします ➪ タブが表示されます ➪ 「イラスト」を選択します ➪ 次に、キャンバス名、幅、長さ、解像度を調整します…

完了したら、「OK」をクリックします。

さて、「計画」の部分は終わりましたので、この「雨の街並み」の描き方をお見せしましょう。

空の背景

グラデーション ツール を使用して空 (背景) を描きました:

 

このツールを使用すると、さまざまな色を選択してキャンバス上に調和のとれた遷移で配置し、基本的に色のグラデーションを作成できます。

 

グラデーション ツールは、ツール バーのカラー ホイール (色を選択するためのツール) とともに表示されます。

使い方:

ツール バーに移動 → グラデーション ツールを選択 → モード「前景から透明」 → カラー ホイールからプライマリ カラーを選択 (前景の色として自動的に選択されます)。

次に、二次色を選択し、グラデーション バーに手動で配置します。

 

二次色を必要な数だけ追加して、グラデーションを作成できます。

次にキャンバスに移動し、グラデーション ラインをキャンバス上で垂直にドラッグします。

これが私の空の背景です

この次のステップでは、Csp のデフォルトのガッシュ ブラシ で進めることができます (または、同様のテクスチャを持つ他のブラシを使用できます)。

ツール バーのツールに移動 → 太いペイント ブラシの選択を探して → ガッシュ ブラシを選択します。

ツール プロパティ バーでペイントのサイズ、不透明度、密度を調整できますが、デフォルトのままにしておくことをお勧めします。

同時に、スポイト ツールも使用しました。キャンバスに既にある色を選択します。

ツール バーのツールに移動 → スポイト ツールを探して → [表示されている色を選択] を選択します。

または、ほとんどの場合、マウスを右クリックして色をスポイトできます。

スポイトでキャンバス上の色を選択し、軽くブラシストロークを描きました（グラデーションと同じレイヤー上）。

空は暗いので「透明な」雲は描きませんでしたが、イラストには空が雲で満たされている印象を与えたかったので、滑らかなグラデーションではなくブラシストロークを使用しています。

次に、ブレンディング ツール (できればテクスチャ ツール) を使用してブラシ ストロークをブレンドし、空 (雲) に少しテクスチャを作成しました。

Csp の場合: ツール バーのツールに移動 → ブレンディング ツールを探す → 「テクスチャ ブレンダー」を選択 → サイズを大きくする → キャンバスに戻ってブレンドします。

これで、空と背景が完成しました

建物

まず、新しいレイヤーを作成します。

レイヤー タブに移動 → 「プラス」記号が表示されている小さなアイコンを押す → 新しいレイヤーが作成されます。

スケッチから建物を配置したい場所がすでにわかっていたので、このステップを前景から背景に向かう 8 本の別々の建物の線に分けました (前景は最も暗い色で、背景に向かって徐々に明るくなります)。

 

 

このステップでは、「選択ツール」 を使用して建物を作成しました。これは、高速でエッジがきれいなためです。

ツール バーのツールに移動 → 「選択領域」ツールを探す → 「長方形」を選択 (建物を描いているため、好みに応じて他の形式もあります) → セクション モードが「プラス記号」になっていることを確認して、私が行ったように複数の選択を追加できるようにします。

次に、バケツ（塗りつぶし）ツールで図形を塗りつぶしました。

上部のバケツをクリックするだけで、選択した図形が選択した色で自動的に塗りつぶされます。

次に、新しいレイヤーを作成し、この最初の建物の列のレイヤーの下にドラッグしました。

(追記: レイヤーをドラッグするには、レイヤーをクリックして押したまま別のレイヤーの下または上に移動し、ドロップします)。

覚えておいてください。私は前景から始めたので、次の建物の列はこの最初の建物の列の後ろにあるはずで、したがって新しいレイヤーは下に配置する必要があります。

Ps: レイヤーにタイトルが付いているのがわかります。

レイヤーに好きな名前を付けるには、レイヤーのタイトルをダブルタップすると変更できます。

そして、選択ツールで 2 つ目の線をもう一度作成し、バケツで色を塗りつぶしました。

色は、区別しやすく、雰囲気のある遠近感を出すために、少し明るくする必要があります (または、他の任意の色)。つまり、建物が遠くなるほど、色が明るくなります。

次に、残りの建物にも同じプロセスを繰り返して、8 つの個別のレイヤーを作成しました。

1- 新しいレイヤーを作成

2- それを以前のすべての建物のレイヤーの下にドラッグ

3- 選択

4- 塗りつぶし

部屋（照明）

次に、建物内の部屋を表す四角いライトを追加しました。そのため、一部のライトが点灯し、一部のライトが消灯しますが、冬の日は日が短く、日没時でもほとんどの人が起きているので、ほとんどの部屋が点灯します。

 

 

選択ツールを使って新しいレイヤーに部屋を描きました。

部屋の線（フロア）を 1 つ作成し、バケツ（塗りつぶし）ツールで塗りつぶしました。

次に、そのレイヤーを右クリックし、複製レイヤーを選択して、その新しいレイヤーを下に移動して新しいフロアを作成し、建物全体を埋めるまで同じプロセスを繰り返しました。

その後、新しいレイヤーを作成し、この「ライト/部屋」レイヤーにクリップしました。

1 つのレイヤーをその下のレイヤーにクリップすると、最初のレイヤーの描画は、その下のレイヤーに描画されたものに制限されます。

クリッピング マスクを使用するには、レイヤー バーの小さなアイコンをクリックします。

 

 

次に、「部屋/照明」レイヤーを選択し、選択ツールでいくつかの照明付き部屋を選択して、「コピーして貼り付け」を押しました。

これにより、その選択を含む新しいレイヤーが作成されます。

1-同じ（新しい）レイヤーで、レイヤー モード「追加（グロー）」を選択しました

2-フィルターとして「ぼかし：ガウスぼかし」を選択しました

こうすることで、ライトがより目立ち、シーンにさらなる感覚が加わります。

 

 

他のすべての建物でもまったく同じプロセスを繰り返しました。

シティライト

その後、街をもっと活気のあるものにするために、ライトを追加していきます。

今回は四角ではなく円にしました。

Csp のデフォルトの「塗りつぶし」または「リアル G」ペンを使用しました。

1 点に直接押すと、円が作成されます (ブラシのサイズと適用された圧力に応じて、大きさが変わります)。

「フィルター」をクリックし、「ぼかし」を選択して「ガウスぼかし」を選択すると、これらの円が消えるほどぼやけます。

次に、部屋の照明と同じように、レイヤーを複製し、レイヤーモード「追加（グロー）」を選択しました。

これで背景は完成です。そこで、すべてのレイヤーを 1 つに結合しました。

これを行うには、すべてのレイヤーを選択し、そのうちの 1 つを右クリックして [すべてのレイヤーを結合] を選択します。

後で必要になるので、同じレイヤーを複製しました。

これを行うには、レイヤーを選択し、右クリックして、「レイヤーを複製」を選択します。

次に、一番上のレイヤーを選択し、フィルター「ガウスぼかし」を選択しました。

ぼかした理由は、私たちが見ている窓に霧がかかっていて、シーンが少しぼやけているからです。

また、後で必要になるので、その下のレイヤーも残しました。

ウィンドウ

では、窓に移りましょう。

ガラスとその上の霧を描くために、新しいレイヤーを作成し、それをグレーブルーの色で塗りつぶし、不透明度を 39 に調整しました。

次に、窓の湿気や曇りがいくらか取り除かれ（誰かがガラスに手を当てて拭いたかのように）、外の景色が見えるシーンを作成します。

私は、CSP のデフォルトの消しゴム「スナップ消しゴム」を使用し、手でスワイプする動作でペイントを削除しました。

さて、複製したレイヤーが必要だと言ったことを覚えていますか? これがそれです。

背景レイヤーに戻り、上にあるレイヤー (ぼかしたレイヤー) を選択し、デフォルトの「ソフト消しゴム」を使用して、ガラスが拭かれた領域の一部を消去しました。すると、その部分の下のレイヤー (透明なレイヤー) が表示されます。

次に、窓ガラスに少しテクスチャを追加するために、Cs ライブラリから次のアセットをダウンロードしました。

Clip studio ライブラリからアセットとマテリアルをダウンロードするには:

検索バーにマテリアルの名前を入力します (人気順、古い/新しい順、3D、ゴールド マテリアル、クリッピーなどの他の種類のフィルターでフィルタリングできます)。それをクリックすると、ダウンロード ページに移動します。

このテクスチャ マテリアル用に提供したリンクをクリックします。

ダウンロードをクリックします。

その後、Clip Studio が開き、ダウンロードが開始されます。

Ps: この CS ウィンドウは、使用しているバージョンによって表示が異なる場合がありますが、キーワードは基本的に同じです。

ダウンロードが完了したら、Clip studio PAINT を開いて、マテリアルに移動します。

 

最後にダウンロードしたものが一番上に表示されています。または、検索バーに名前を入力して検索することもできます。

 

次に、それをつかんでキャンバスにドロップします。

 

 

次に、上に新しいレイヤーを作成し、それをテクスチャ レイヤーと結合して通常のレイヤーにします (これにより、テクスチャ レイヤーから一部の部分を消去できるようになります)

雨

2 種類の雨の描き方を紹介します:

1-降り注ぐ雨:

このシーンでは雨が激しく降っているため、雨がはっきりと見えるわけではなく、線のようなものが見えます。

また、少し風を吹かせたいので、雨は斜めに降り注ぎます。

描くには:

csp の「図形」ツールを使用して細い線を描きます。

 

 

次に、フィルターに移動して、「ブレンド」：「モーション ブラー」を選択し、目的の角度に応じて調整します。

そして雨が降るのです。

または、Cs ライブラリの「雨」ブラシを使用することもできます。

イラストに雨を描くために、新しいレイヤーを作成し、それを窓レイヤー（ガラス+テクスチャ）の下に配置しました。雨は屋外にあるはずなので、その点に注意してください。

そして、雨ブラシを使用して雨を描きました。

柔らかいブラシを使って、曇った窓ガラスで隠れているはずの雨を軽くブラッシングしました（完全に消すのではなく、不明瞭にするだけなので、軽くタップしてください）

2- 表面上の水滴

この場合は、実際のリファレンスを使用するのが最適です:

-まず、水滴または落下する雫のシルエットを明るい色で描きます

-Csp のデフォルトのソフト ブレンダーでブレンドします

-影を追加してブレンドします

-ハイライトを追加してブレンドします

 

 

滴や水滴を描く最も簡単な方法は、Cs ライブラリの「水滴」ブラシ マテリアルを使用することです。

手動で描く場合でもブラシを使用する場合でも、よりリアルな外観にするには、さまざまな形状とサイズを持つことが重要です。

ここでもう 1 つ留意すべき点は、これらの水滴はほとんどの霧や湿気と同様にガラスの外側にあるため、テクスチャ レイヤーと霧のレイヤーを選択し、水滴がある部分を消去したことです (スライドすると霧が消去されるため)。

最後に、窓の側面に霧/湿気を追加しました。

このシーンは窓の片側からのものであるため、片側だけに湿気を追加しました。

このステップでは、ソフトエアブラシ（Cspのデフォルトのソフトブラシなど）を使用して、1回のストロークで側面をカバーできる大きさにサイズを大きくし、サイズを大きくしたまま、このレイヤーの不透明度を約20％に下げるのが最適です。

以上です。

何か新しいものを得られたら幸いです。

私のインスタグラム: