はじめに

この記事では、線画やインクを使わずにイラストを作成する方法について説明します。フラットな色分けの作成、テクスチャの追加とブラシの選択、影とハイライトの追加について解説します。チュートリアルの最後には、簡単に背景を追加するためのボーナス素材も用意しています。

 

色分けの作成

完成したスケッチから作業を開始します。

まず、新しいフォルダーを作成し、適切な名前を付けます。フォルダーに整理しておくと後で時間を節約できますが、その中のすべてのレイヤーの設定を同時に変更することもできます。

 

私が色分けを作成する際に好んで使う方法は、「選択範囲塗りつぶし」ツールです。選択範囲を作成すると、その内側が現在の色で自動的に塗りつぶされ、その後選択が解除されます。

スケッチの形が見えるように、フォルダーの不透明度を下げます。レイヤーの不透明度を下げるだけでも機能しますが、複数のレイヤーが必要になるため、すぐに煩わしくなる可能性があります。

もちろん、通常のなげなわツールも使用できます。ただし、自動的に行われる代わりに、選択範囲を塗りつぶす手順を追加する必要があります。

 

まず、彼女の顔から始めます。最初は目のように顔の細部は気にせず、肌の色を塗るだけです。

既存の色分けの後ろで作業するには、新しいレイヤーを作成し、フォルダーの最下部にドラッグします。

彼女の手や腕のように、同じオブジェクトが2つある場合、適切な色のわずかなバリエーションを選択して使用します。これにより、自動選択ツールを使用する際に各部分を個別に作業できます。

現在の作業の上にある領域の色分けを作成するには、上のレイヤーにいる必要があります。

 

CLIP STUDIO PAINTの通常のブラシと同様に、選択範囲を透明度で塗りつぶすことも可能です。これが、色分けのエッジをきれいにする方法です。目的の形になるまで追加したり削除したりできます。

 

フラットカラーを描画する他の方法を見てみましょう。不透明度を最大にしたペンツールはかなりうまく機能します。一部のアーティストは、選択ツールではなくペンで各部分を描画して塗りつぶす方法を好むと知っているので、もしこの方法がより自然に感じられるなら、代わりにこの方法を使うべきです！

また、線画を描くようにアウトラインを描き、その後バケツ塗りつぶしで内側を塗りつぶすオプションもあります。これは私が長い間使っていた方法です。「複数参照」のチェックを外して、バケツツールが現在のレイヤーしか参照しないように注意してください。

 

 

髪を塗る際、前髪や顔にかかる部分のような上部は最上位レイヤーに塗りつぶします。しかし、キャラクターの頭の後ろにある部分は、フォルダーの一番下の3番目のレイヤーで作業します。

椅子のような無機質なオブジェクトを塗りつぶす場合、「折れ線」選択ツールを使用するのが最適です。フリーハンドではなく、クリックしてポイントに基づいて選択範囲を定義します。ダブルクリックして選択範囲を閉じます。最初の点に戻って囲むこともできます。

私はこれをあまり頻繁に使用しないので、基本的なバージョンを使用して手動で塗りつぶします。折れ線を使用して広い領域で作業している場合は、毎回停止して塗りつぶす必要がないように、選択モードを「追加」に設定していることを確認してください。

折れ線選択ツールは美しいエッジを作成できるため、シャープなスタイルであれば、ほとんどの場合に使用するのに適しているかもしれません。

 

ただし、柔らかいエッジが多いオブジェクトの場合、私の絵にはあまりうまく機能しないと感じています。詳細な形状を得るには多くの点を近くに配置する必要があり、フリーハンドよりも時間がかかります。マウスを使用しているだけの場合は、追加のコントロールが非常に役立つでしょう。

では、同じエッジで接している、または別の色の内側にある色分けについてはどうでしょうか？

私はその色を選択し、新しいレイヤーで選択範囲の内側を作業します。既存の選択範囲内でペンツールまたは選択範囲塗りつぶしツールを使用できます。

新しいレイヤーで作業することは、形状をきれいにするために消去したり透明度を塗ったりできることを意味します。そうでなければ、色を何度も切り替える必要があります。

 

イラストはシルエットが重要になるので、フラットカラーがはっきりと見えるようにする必要があります。私はスケッチから少し離れて、形状の重なりを減らし、より目立つようにしました。

 

次のステップに進む前に、色に隙間がないか再確認します。下位レイヤーを対照的な色で塗りつぶすことで、見落とした部分を簡単に見つけることができます。

 

テクスチャの追加

画像を面白く保つためにテクスチャを追加する方法をいくつか見てみましょう。

 

CLIP STUDIO PAINTには、デフォルトでかなり優れたテクスチャブラシがいくつか付属しています。これらのチョークブラシは、ブラシのサイズに合わせてテクスチャが拡大縮小するため、特にこの目的で役立ちます。ノイズブラシは私のお気に入りの1つです。近くで見ると、このブラシは美しいスプレーテクスチャのように見えます。このスタイルで描くときによく使います。

 

サイズを小さくすると、ブラシのテクスチャのサイズも小さくなるのがわかります。CLIP STUDIOで実際の「スプレー」ブラシを使用すると、ブラシの先端を散らばる粒子として使用します。これは一部の目的には適していますが、スプレー粒子ブラシは繰り返しのパターンを生み出し、目に見えるパターンを作成するため、テクスチャの作成にはあまり効果的ではないと感じています。

 

自分の作品に合ったテクスチャブラシを見つける最良の方法は、試行錯誤することです。

 

こちらが「ノイズ」ブラシをブラシサイズ「1000」に設定したときの見た目です。

以下は、「クレヨン」ブラシでベースの肌色を塗り直したときの例です。

テクスチャが単調になるのを防ぐ一つの方法は、色を拾って異なる色のバリエーションを混ぜることです。また、同じ領域で異なるブラシを使用すると、より有機的な見た目になります。多くの場合、私は描画する部分よりもブラシをかなり大きくして、ブラシの形状がより多く見えるようにします。これはかなり雑な作業ですが、テクスチャがあちこちに流れるのではなく、特定の領域に収まるようにしたいのです。

そこで、再び自動選択ツールを使用して、作業したい場所の色を選択します。すでにテクスチャを追加し始めている場合は、色分けのレイヤーに移動してそこから選択し、その後元のレイヤーに戻ってマスクを適用する必要があります。

私がテクスチャ作成に好んで使うブラシのセットがもう一つあります。これは別のアーティストが作成したカスタムセットで、以下にリンクを貼っています。

 

 

 

描画した領域を別のブラシで消去することで、よりユニークなテクスチャを作成できます。これにより、それぞれが組み合わさって、他の方法では描くのが難しい新しいパターンが生まれます。

 

 

テクスチャを作成するもう一つの方法は、ブレンドブラシを使用することです。これらは既存のピクセルを取得し、ブラシの先端の形状と個々のブラシ設定に基づいてそれらを移動させます。一部のブラシにはブレンド機能が組み込まれており、組み込まれていない場合は追加できます。

 

多くのブラシは筆圧に応じて異なる動作をします。ペンタブレットをお持ちの場合は、色々と試して実験してみる価値があります。

 

 

ここでは、ブレンドツールを使用して、描画した実線のストロークにテクスチャを追加しました。また、テクスチャブラシで上からなぞり、透明度を塗りました。

テクスチャを塗る以外にも、画像素材を使用できます。これらを素材ライブラリから画像にドラッグ＆ドロップしたり、必要であれば自分の写真を貼り付けたりできます。画像テクスチャは簡単に拡大縮小でき、さまざまな見た目にするために異なるブレンドモードに設定できます。それらをマスクし、透明度を塗って画像の一部を消去することもできます。

これをテクスチャブラシと組み合わせることで、さらに多くのオプションが得られます。私が個人的に好きなのは、テクスチャ画像をドロップし、マスクしてマスクをクリアして何も見えないようにした後、部分的に塗り戻すことです。このようにして、特定の色ではなく画像で描画していることになります。このテクニックが機能するためには、マスクの白黒サムネイル上で作業する必要があります。このテクニックで問題がある場合は、レイヤーを確認してください。

 

 

この同じ方法を使用して、服装や背景にパターンや画像を追加し、イラストに面白みを加えることができます。

 

使用する画像素材は、設定するレイヤーモードによって非常に異なる見た目や雰囲気を与えることができます。

テクスチャの追加を完了しましたが、その一部をご覧になりたい場合は、記事の冒頭にあるビデオにタイムラプス部分があります。私は、指先、ポニーテールの下部、カップの縁などのオブジェクトの「端」にテクスチャを追加することに重点を置いています。

作業中に、特にハッチングや漫画効果のあるブラシをさらに試しています。描画の各「部分」には、画像をきれいに保つためのレイヤーマスクを持つ独自のテクスチャレイヤーがあることに注意することが重要です。

内側の線と影

ここから基本的な土台ができています。次に、影とアクセントのための内側の線で画像を洗練させ始めます。

 

元のスケッチフォルダーを一番上に持ってきて、レイヤーモードをカラー比較（焼き込み）に変更します。通常モードまたは不透明度を下げた乗算モードのままでも構いませんが、今回はカラー比較（焼き込み）の方が下のイラストが見やすいと感じました。

 

 

新しいフォルダーを作成し、「透過」に設定し、新しいレイヤーを作成します。影を付ける場所なので、レイヤーモードを乗算に設定します。

 

先ほどと同じように、フラットカラーのレイヤーを使って彼女の髪を選択し、影を大まかに描き始めます。

これらにこれ以上テクスチャを追加したくないので、選択範囲塗りつぶしツールと実線のペンを使用します。

 

少しだけ奥行きを加えようとしているだけです。これはセルシェーディングに非常に似ており、ソフトシェーディングやものを3Dに感じさせたいわけではありません。

アクセントの線には、テクスチャのあるチョークブラシを使用します。内側の線画をやりすぎないことが非常に重要です。ある一点に多くの要素が集中しすぎると、イラストのバランスが崩れてしまいます。

また、これらのまばらな線は、アウトラインのように外側の縁ではなく、特定のオブジェクトの内側に集中させるようにします。何かがはっきりしない場合は、アウトラインの代わりに影やハイライトを追加してみてください。

私が表現したいスタイルは、美しい切り絵イラストが持つのと同じ感覚です。描画の各部分はレイヤーになっており、わずかなシェーディングといくつかの線が含まれています。これは、シルエットと奥行きの影だけでは小さすぎてはっきりと見えにくい場合に、読みやすさを確保するためです。

ハイライトと形状の調整

さて、キャラクターに最後の仕上げを施す時間です。

ハイライトは最後のステップとして残しておくのが好きです。なぜなら、あまりに早く追加すると、やりすぎて過度に光沢が出すぎたり、ノイズが多くなったりする可能性があるからです。

 

今回は、フォルダーとレイヤーを「通常」に設定したままにします。ハイライトをフラットな見た目に保つのが私の意図です。

「濃い鉛筆」を使用するのは、少しテクスチャがあり、不透明にするのに多くの筆圧を必要としないからです。通常、色を均一にするには一度塗るだけで済みます。

光源は左上を選び、描画のいくつかの部分のその側面だけを強調しています。キャラクターの後ろからも環境光が当たっています。

適切な色を得るには、ベースの色をカラーピッカーで選び、カラーホイールを使って少し明るくします。ハイライトの場合、通常は色相を少し暖色系にずらします。

ハイライトには様々な色を試しています。明るい部分が画像の「テクスチャ」の一部にならないように、十分なコントラストを持たせたいのです。

形状がはっきりと定義されていないと感じたら、影に戻ってエッジシャドウを追加します。

イラストに満足するまで続けます。

これで完成とすることもできますが、コンセプトをより明確にするために、手早く背景を追加したかったのです。

おまけ

背景色を選択し、3D素材に移動します。選択範囲にドラッグ＆ドロップすると、自動的にマスクが適用されます。

 

Assetsには非常に多くの便利な3D背景素材があります。このラウンジは以前ダウンロードしたもので、私が描きたいおしゃれなカフェにぴったりです。

移動ツールでレイヤーマスク内の何かをドラッグし、マスクをその場に保持するには、まずそれらをリンク解除する必要があります。そうすれば、マスクの位置を変更せずにレイヤーコンテンツを自由に移動できます。

マスクとレイヤーの間のチェックマークをクリックすることで、マスクをレイヤーからリンク解除できます。

私のキャラクターは比較的フラットですが、彼女はまだ3D空間に存在するため、3D背景の地平線をキャラクターに合わせようとしています。マウスまたはスクロールホイールがある場合、拡大縮小することで背景の視野を調整できます。これは、モデルがアクティブに選択されていない場合にのみ機能します。

パースに満足したら、3D小道具をアートに合わせてより良く修正し始める時です。

構図について考えており、現状では理解しにくいかもしれないと思っています。そこで、背景をシンプルにしたいと考えています。

下部のツールバーにある小さなレンチをクリックすると、モデルのサブツール詳細が表示されます。その3Dレイヤーに含まれるすべてのものがオブジェクトリストにあります。通常、シーンでパーツを選択し、目をクリックして非表示にしたり、オブジェクトリストで探して移動したりできます。

 

別の言語で何かわからない場合や、リストが非常に長くて見つけるのに苦労している場合は、整理方法を理解し、シーンから不要なものを削除できるまで、オブジェクトを非表示にしてみます。

3Dオブジェクトをクリックすると、リスト内のそのオブジェクトにジャンプし、そこから非表示にできます。通常はこれでうまくいきますが、完全に表示されていないため手動で選択するのが難しいものもあります。

 

可能であれば、軸ハンドラを使ってパーツを視界の外に移動させることもあります。

 

 

次に、背景をキャラクターに合わせましょう。3Dレイヤーの不透明度を下げます。次に、オブジェクトの「ツールプロパティ」に移動し、下にスクロールして、「光源の適用」のチェックを外します。

これで背景がフラットになり、かなり役立ちます。

 

次に、3Dモデルの上に補正レイヤーを作成し、色を変更できるようにします。柔らかいグラデーションを選びたいです。このレイヤーの不透明度を少し下げます。

次に、3D背景のレイヤーモードを乗算に変更し、以前に描画したテクスチャと色が表示されるようにします。

 

3Dレイヤーを複製し、元のレイヤーを非表示にします。次に、複製したレイヤーを右クリックしてラスタライズします。

これで、実際に平坦化されたレイヤーができ、修正したり、あるいはさらに良いことに、選択するための色分けレイヤーとして使用したりできます。

 

新しいレイヤーを作成し、スクリーンに設定して一番上にドラッグします。ガラスの色を選択した状態で、光を塗ります。背景を少しずつ作業していきます。

影についても同様に、乗算レイヤーとスクリーンレイヤーを切り替えながら作業します。

 

影とハイライトを描く際にテクスチャブラシを使用することで、テクスチャステップを省略し、作業をより迅速に進めます。ほとんどノイズチョークブラシだけを使用します。

これらのレイヤーにマスクを追加することで、ラスタライズされたモデルレイヤーからすべてを選択しなくても、より広い領域で作業できます。

 

最後のステップとして、すべての背景レイヤーをフォルダーに入れ、「透過」に設定し、不透明度を少し下げて名前を付けます。

 

以上です！このチュートリアルがお役に立てば幸いです。何か学んだことがあれば、コメントで教えてください。

著者について

私の名前はFalyneVargerです。人生のほとんどの期間、絵を描いてきました。約10年前に商業的に働き始め、書籍、ゲーム、漫画などのアートワークを制作し、数えきれないほどの非商業的な依頼も手がけてきました。

 

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