投げなわ塗りつぶしツール

こんにちは！皆様お元気で、クリエイティブな気分でいらっしゃいますか！

 

今回のTIPS記事では、最近使い始めたシェーディングテクニックについてご紹介します。

このチュートリアルでは、主に投げなわ塗りつぶしツールの使い方を説明します。

これは、投げなわ選択を作成する操作と、その選択範囲を塗りつぶす操作を一つの動作にまとめた、非常に便利なツールです。シンプルな組み合わせですが、多くの時間を節約できます。

ツールの動作の簡単な例を次に示します。

 

もちろん、このツールを自分で作成する方法もありますが、もしよろしければ、私が作成したバージョンを以下からダウンロードできます。

補足:

これらのスクリーンショットが見にくい場合は、右クリックして「画像を新しいタブで開く」を選択すると、全体表示で見ることができます。

シェーディングの方法を説明するので、完成した下描きから始めましょう。

 

今回は、願い事をしている女の子のイラストを使用します。明るく、少しシュールなイメージにしたいと考えています。

下描きを準備する

下描きをすべてクリーンアップするわけではありません。代わりに、下描きレイヤーの不透明度を約半分に下げ、レイヤーモードを「乗算」に変更します。

次に、「レイヤープロパティ」ウィンドウの「レイヤーカラー」オプションを使用して、レイヤー全体の色を変更します。これはデフォルトで青に設定されています。

青色のスウォッチ内をクリックし、より使いやすい色に変更します。青色は少し気が散ると感じますが、もしお好みであれば、このステップはスキップして構いません！

気に入った色が見つかったら「OK」をクリックします。

私は下描きに、特に人物を描く際に、茶色や暗めの赤を使うのが好きです。

フラットについて

下描きの下に新しいレイヤーを作成します。画像を分離する、別名「フラット」を作成するには、お好みのテクニックを使用できます。

これらはコミックの彩色によく使われますが、私はほとんどすべてのデジタルイラストで使うようにしています。

フラットを作成するためのツールはいくつかありますが、私のお気に入りのテクニックは、領域を選択して投げなわ選択範囲で塗りつぶすことです。追加の領域は、前の塗りつぶされた分離の下に新しいレイヤーとして作成されます。これにより、作業を進める上で非常に正確である必要がなくなります。

すべてが塗りつぶされたら、レイヤーを1つに結合します。

こちらは、参照する線画レイヤーを考慮した、フラット化によく使われる選択ツールです。きれいな線画やインク画に使うと素晴らしいです。

しかし、私の超ごちゃごちゃした下描きには、少し細かすぎますね！

こちらは下描きなしのフラットレイヤーです。この画像では、色塗り工程で下描きを完全に削除するので、フラットがはっきりと認識でき、形がそれ自体で識別できることを確認したかったのです。

フラットは、選択範囲を作成したり、結果的にレイヤーマスクを作成したりするのに非常に役立ちます。

このため、1つの領域には1色のみを使用することが非常に重要であり、細かい選択を何度も繰り返す予定がある場合は、単一の画像内で色を重複させないようにすることが重要です。

フラットをすべて1つのレイヤーにきれいにまとめたら、「参照レイヤー」として設定できます。参照として設定すると、選択ワンドを使って他のレイヤーから選択範囲を素早く取得できます。「複数参照」も設定し、参照レイヤーアイコンをチェックするのを忘れないでください。（この設定は下記で確認できます）

フラットは、必要に応じて線画を修正するためにも使用できます。

ここでは緑色の背景を選択しました。

次に線画レイヤーに移動し、その選択範囲内の下描き線を削除します。

 

下塗りおよびレイヤーマスクを使用したクリーンアップ

影を追加する前に、肌の色にいくつかのバリエーションをつけたいと思います。また、肌の領域の線を明確にしたいです。

肌の領域のみで作業したいので、フラットからその部分を選択してレイヤーマスクを作成します。

選択範囲があると、マスクを作成するオプションが利用可能になります。何も選択されていない場合、アイコンはグレー表示されます。上に表示されているのが、利用可能な状態のアイコンです。

これは新しいレイヤーに作成することをお勧めします。そうしないと、選択範囲の外側にあるすべてが非表示になってしまいます。

フラットレイヤーは一度作成したら変更しないのが良い習慣です。

こちらが新しく作成されたマスクが適用されたレイヤーです。白い領域にあるものはすべて表示され、黒い領域にあるものはすべて非表示になります。

マスクをクリックして修正することができます。通常の絵を描く場合は、代わりに透明ピクセルアイコンをクリックすることをお勧めします。

私はマスクとレイヤーピクセルをリンク解除するのが好きです。これにより、マスクに影響を与えることなく、描画を移動したり変形したりできるようになります。

塗り始めましょう！この部分では、赤みがかったトーンが多くなる肌の部分に軽く赤みをつけます。鼻、頬、耳、指のような部分は、小さな血管が多く、よりピンクに見える傾向があります。肘にも赤みを加えるのが私のスタイルの一部になっています（自然にはそれほどピンクではありませんが）。

これらのシェードは、「ソフト」ブラシで適用します。これは私が作成したシンプルなエアブラシです。私のスケッチ用ブラシや線画用ブラシとともに、以下のリンクからダウンロードできます。

スケッチブラシで肌の線を明確にします。

GIFで、ブラシストロークがマスクされた領域内にとどまっている様子がわかります。

完了したら、一時的にスケッチを非表示にして明瞭さを確認します。

さあ、シェーディングを始めましょう！

乗算レイヤーで影を作成する

影を追加するために、乗算レイヤーで投げなわ塗りつぶしツールを使用します。これを下塗りレイヤーの上に配置します。

以前のようにマスクを作成することもできましたが、この時点ではどの領域をシェーディングしたいか確信がありませんでした。背景も未定でした。私が考えていたのは、伝えたい雰囲気だけでした。

これを考慮して、キャラクター全体をシェーディングし始めました。すべての影にこのピンク色を使用することで、光源が同じであるかのように見えます。

投げなわ塗りつぶしツールを使用して、ピンク色の影で自動的に塗りつぶされる選択範囲を作成します。

絵のシェーディングを始める早い段階で、光源がどこから来るのかを決めるのが良いでしょう。今回は、キャンバスの中央左から遠く離れた場所からの光を選びました。彼女が願い事をするときに手から光が放たれるイメージも考えていました。

シェーディングするときは、影を追加するオブジェクトの形状について考えるようにしてください。光はどこに当たっていますか？光がまったく当たらない隙間はどこですか？照らされた側と接する鋭いエッジでは、影がより暗くなることがあります。例えば、彼女の髪のリボンの内側は、後ろになびくリボンよりも深い影になります。

これらの深い影は2回目のパスで作成しますが、このパスでもそれらをカバーするようにしています。

特にクールなフラットカラーに対して、すべての影が暖色系であることで、心地よい温かみのある印象になりました。

現在はすべてが少しシャープです。投げなわツール自体は硬いエッジを持っています。セルルックシェーディングには最適ですが、この作品ではもう少し柔らかい影も表現したかったのです。

エッジを柔らかくするために、「ぼかし」ブレンドツールを使用するのが好きです。これはCSPにプリインストールされているツールです。もしそのような柔らかいエッジを望まない場合は、様々な種類のブレンドツールを自由に試してみてください！テクスチャを作成したり、キャンバス上の色を引っ張ったりするのに適したものもあります。

ブレンドツールが苦手な場合は、透明な色に設定した柔らかいエアブラシもこれに効果的です！

そして、影の硬いエッジを維持したい場合でも、それは問題ありません！私は一部のエッジを硬く保っています。

硬い影と柔らかい影のバリエーションは、視覚的な面白さを加えることができます。

影にマスクを作成しなかったので、背景からあふれた部分を消去したいです。これを行うには、フラットレイヤーに戻り、マジックワンド/自動選択ツールで単色の背景色を選択します。その後、乗算レイヤーに戻り、削除ボタンまたはアイコンを押します。

これは影を柔らかくした後に行うことが重要です。最初にシェーディング領域の外側を消去し、次に柔らかくすると、影に透明ピクセルが混じってしまいます。一部が意図したよりも明るくなり、部分的にやり直す必要があるかもしれません。

より深い影を追加する

全体的なライティングを設定したので、最も深い影を追加する必要があります。これらは、折り目、鋭いエッジ、または2つのエッジが交わる場所に作成されます。

追加の影には、より明るい青を選びました。これは物理的な照明の論理には従っていません。私の考えは、ピンクと青の色彩テーマをまとめ、絵画を調和させることでした。

既存の乗算レイヤーの上に新しい乗算レイヤーを作成します。現在の影はそのままにしておきたいです。また、新しい影を前の影の上に重ねて、さらに暗くしたいです。

 

この実際のプロセスは、最初の影のパスで行ったこととまったく同じです。投げなわ塗りつぶしツールで影をブロックし、必要に応じて柔らかくします。

これらの深い影は、より控えめに使用され、形状の定義を完成させるのに役立ちます。

これは厳密には「影」ではありませんが、このステップでは女の子に青いリップスティックも塗っています。

作業中にいつでも他の装飾的な仕上げを追加できます！

スクリーンレイヤーで奥行きのある霧を追加する

影が完成したので、キャラクターの一部を背景に少し押し戻そうと思います。

ここでは主に彼女の髪を塗ります。髪はキャラクターの体から最も離れることができます。

「奥行きのある霧」を塗ることでこれを実現します。通常、オブジェクトがビューアから離れると、輪郭がぼやけて明るくなったり、少し霧がかかったように見えたりします。

 

「スクリーン」に設定した新しいレイヤーを作成します。

ソフトブラシを使って、遠くに見せたい髪の毛の端に色を塗ります。

 

しかし、少し塗りすぎたので、投げなわ塗りつぶしツールを使って、明るい色をつけたくない部分を消します。これは主に、光が直接当たっている彼女の髪の上層部にあります。

背景を作成する

次の論理的なステップはハイライトかもしれませんが、この場合は違います。もし彼女がいる環境を作成する前にハイライトを追加すると、簡単にやりすぎてしまい、明るすぎたり、多すぎたりする可能性があります。キャラクターだけでなく要素が多い絵の場合、仕上げを加える前に環境を考慮することが重要です。

女の子と彼女の行動が私の絵の主な焦点なので、それから注意をそらさないように背景は比較的シンプルに保ちたいです。そのためには空が完璧です。私のキャラクターが「上空に浮いている」というのも、私が目指している雰囲気に合っています。

アセットにはすぐに使える既製の背景がかなりたくさんあります。この夕焼け空をダウンロードして、キャンバスにドラッグしました。

また、フラットレイヤーから背景色を再度選択し、これを空の素材にマスクとして適用します。

このような素材を直接変更したい場合は、最初にラスタライズする必要があるかもしれません。レイヤーウィンドウで素材のサムネイルを右クリックし、「ラスタライズ」を選択してください。

 

背景を希望の位置に配置した後、レイヤーモードを切り替えながら、適切な見た目になるものを見つけました。最終的に「ピンライト」を選択しました。このレイヤーモードは色を変化させます。結果として、元の素材の黒と赤の空が与えていた圧迫感のある印象よりもずっと軽くなりました。

まだ少し強すぎるので、不透明度を約50%に下げます。

ずっと良くなりました！これで鮮やかな赤色のほとんどが排除されましたが、私が達成しようとしているものに対しては、まだ少し不吉な感じがします。彼女が緑の空「の中にいる」というよりは、その「前にいる」ように少し感じられます。これは、大気の霧をエアブラシで描画することで修正できます。

広い範囲に影響を与えたいので、ブラシサイズを大きくし、青色で軽くエアブラシをかけます。この一部はキャラクターにかかりますが、ほとんどは空の下端と側面を塗っています。

キャラクターにかかった部分を消去しないのは、このはみ出しを残すことで彼女がシーンに定着するのを助けるからです。ここでの私の目標は、彼女が「貼り付けられた」のではなく、本当にそこにいるように感じさせることです。

さらに進んで、すべてを結合し、キャラクターのエッジをぼかして背景に溶け込ませることもできます。ここでは行いませんでしたが、これは有用なペイントテクニックであり、特にテクスチャと組み合わせると、かなり面白く見えます！

その結果、素敵な幻想的な雰囲気になりました。

ハイライトと仕上げ効果を追加する

背景色を設定し、影が完成したので、きらめきを追加できます！

新しい加算（発光）レイヤーを作成し、投げなわ塗りつぶしツールを使ってスペキュラライトを配置します。これらは、目の中、非常に光沢のある髪、または金属の表面に現れる明るい輝きです。非常に反射性の高いものはすべてこれらのハイライトを持ちます。

また、青色を使ってリムライトを作成します。これは、オブジェクトの端や「リム」に当たる光です。

エフェクトブラシを追加する前に、新しい加算（発光）レイヤーを作成し、女の子の願いで「光らせる」領域に濃い緑色を塗ります。

さて、特別なライティングエフェクトを追加したいので、「加算（発光）」に設定した新しいレイヤーを作成します。彼女の手に、濃いピンクとターコイズブルーの色を切り替えながら、いくつかの輝きをエアブラシで描きます。

次に、エフェクトフォルダを探してキラキラしたブラシを見つけます。これらを別の加算（発光）レイヤーに描くことで、自由に移動、拡大縮小、部分的に消去できます。光が彼女の手の内側から、そして手の後ろから来ているように見せたいので、すべての輝く部分を指の上に置くことはできません。

私は、あまり頻繁にすべてを使うわけではありませんが、作品で使用するアセットや素材の豊富なライブラリを持っているのが好きです。ここにあるレンズフレアと虹色の輝きもアセットからのものです！

すべてのハイライトを追加した後、彼女のシャツが少し青すぎ、髪の一部に見えることに気づきました。フラットレイヤーからそれを選択し、色相と彩度のスライダーを使って満足いくまで色を調整しました。

 

これで全てだと思います！何か不明な点がありましたら、コメントで教えてください。

 

読んでいただきありがとうございます。投げなわ塗りつぶしツールを使って作業がスピードアップすることを楽しんでいただければ幸いです！

 

 

 

著者について

レイチェル・マークス、別名FalyneVargerです。人生のほとんどの時間を絵を描いて過ごしてきました。約10年前に商業的な仕事を始め、書籍、ゲーム、コミックなどのアートワークを制作し、数えきれないほどの非商業的な依頼も手がけてきました。

 

ほとんどの場所で@falynevargerという名前ですが、以下のリンクからオンラインで私を見つけることができます！