はじめに

こんにちは！これはCLIP STUDIO PAINTのグラデーションに関するガイドです。

このチュートリアルでは、グラデーションレイヤー、グラデーションツール、グラデーションマップ、トーン化グラデーション、境界線描画ツール、およびこれらをイラストで効果的に使用するいくつかの方法について説明します。

 

これは初心者向けに書かれています。情報は基本的なものから高度なものまで段階的に提供されているため、特定のトピックは異なるセクションに分かれている場合があります。(例えば、このガイドではグラデーションの色をカスタマイズする方法を3つの異なるセクションで説明しています。)これは、初心者が新しい情報に進む前に導入された内容を練習できるようにするためです。

 

🧭 このチュートリアルは長いです！

 

** ⚠ 注意 * このチュートリアルでは、ツールキットアイコンを含むユーザーインターフェースグラフィックが更新されたClip Studio Version 1.9.7を使用しています。チュートリアルに表示されている例と一致するアイコンが見つからない場合は、古いバージョンを実行している可能性があります(または、将来このチュートリアルを読んでいる場合は新しいバージョン)。

グラデーションとは？

イラストレーションにおいて、グラデーションとは、1つまたは複数の色、値、テクスチャから別のものへ、または他のもの(他の画像など)へとスムーズに移行する方法です。グラデーションは、形状を定義したり、光の方向を示したり、色をブレンドしたり、視覚的な面白さを加えたりすることができます。

 

以下は、グラデーションをアートワークに適用する方法を説明するために使用する未完成のイラストです。私は各形状または領域に独自のレイヤーを与えています(つまり、少女は独自のレイヤーを持ち、花なども同様です)。これにより、グラデーションを適用しやすくなると私は考えていますが、選択範囲を使用するなど、好きな方法で行うことができます。

グラデーションレイヤーで空を作成するところから始めましょう！

グラデーションレイヤー

グラデーションレイヤーは、[操作]ツールを使用して常に色、方向、位置を変更できる編集可能な「オブジェクト」です。変更はリアルタイムで更新されるため、後で迅速に修正する必要がある場合に便利です。

グラデーションレイヤーを作成するには2つの方法があります。

 

( 1 ) プログラム上部のメインメニューから「レイヤー」>「新規レイヤー」>「グラデーション」をクリックします。

( 2 ) または、レイヤーウィンドウ内で右クリックすると、同じメニューが表示されます。

作成されたグラデーションレイヤーは、現在のメインカラーとサブカラーを使用して、キャンバスを2色のグラデーションで覆うはずです。中央には垂直の青い線が表示されます。

また、レイヤーウィンドウに「グラデーション1」という新しいレイヤーが作成されることに気づくでしょう。

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

グラデーションレイヤーを作成した直後、「ツール」ウィンドウで[操作]ツールが選択され、「サブツール」ウィンドウでオブジェクトが選択されます。これらにより、グラデーションレイヤーを編集できます。

（注：ツールウィンドウ、サブツールウィンドウ、またはこのチュートリアルで言及されているその他の視覚要素が表示されない場合は、次の方法を試してください：上部メニューに移動し、「ウィンドウ」をクリックします。このドロップダウンメニューには、プログラムのウィンドウと、それらが現在画面に表示されているかどうかが一覧表示されます。チェックマークが付いているものは表示されています。したがって、言及されているウィンドウが見つからない場合、または再度表示する必要がある場合は、ここを確認してください。必要なものをクリックすると、ウィンドウが画面のどこかに表示され、その横にチェックマークが表示されます。そこからウィンドウを好きな場所に移動できます。）

「オブジェクト」に設定された[操作]ツールを使用中に、垂直の青い線の下部にある小さな円をクリックして保持します。左右に移動するとグラデーションの方向が変わり、上下に移動すると各色の量が調整されます。

後でグラデーションレイヤーに変更を加える必要がある場合、または変更できない理由がわからない場合は、[操作]ツールを再度選択します。青い垂直線が表示され、編集可能であることを示します。

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

カラーホイールの左下にあるメインカラーとサブカラーを変更することで、グラデーションの色を変更できます。これらは変更するとすぐにグラデーションに適用されます。

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

垂直の青い線の上部にある小さな「x」をクリックしてドラッグすると、グラデーションの位置を移動できます。

これは放射状グラデーションに特に役立ちます！

💡 ヒント: グラデーションツール用のマスクフォルダーを作成する

[グラデーション]ツールでいくつかのものを暗くしてみましょう。

 

まず、後で変更したいものの上に直接描画するのではなく、グラデーション用に定義された形状を準備することで、作業を簡単にします。これを行うには、マスクフォルダーを作成します。まず選択範囲が必要です。

 

影をつけたい領域または形状を選択します。このイラストでは、少女を選択しました。選択された領域の周囲には、小さな動く白い線が表示されます。

少女を独自のフォルダーに入れているため、選択は簡単です。

 

レイヤーまたはフォルダーに描画されているもの、または含まれているものは、レイヤー/フォルダーを右クリックし、「レイヤーからの選択」>「選択範囲を作成」を選択することで選択できます。

WINDOWS ショートカット: CTRLを押しながらレイヤープレビューまたはフォルダーアイコンを左クリックします。(この正確な修飾キーはメニューに見当たらないため、Macでの操作は不明です。)

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

線画やスケッチしかない場合は、ツールウィンドウの[自動選択]ツールまたは[選択範囲]ツールを使用して領域を選択することもできます。

 

[自動選択]ツールで影をつけたい線の間のスペースをクリックします。これを数回行う必要がある場合があります。

または、[選択範囲]の「サブツール」ウィンドウで、なげなわ、多角形選択、または選択ペンを選択して、影をつけたい形状を描画することもできます。

ここではなげなわを使用しています。

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

(1) 選択範囲がアクティブになったら、グラデーションを適用したいレイヤーの上に新しいフォルダーを作成します（または線画がある場合はその下に）。レイヤーウィンドウの下部にある「新規レイヤーフォルダー」ボタンをクリックします。

 

(2) その後、その近くにある「レイヤーマスクを作成」ボタンをクリックします。

これで、選択範囲の形をしたマスクが付いたフォルダーができたはずです。このマスクフォルダーは、そのフォルダーに入れたすべての内容がフォルダーのマスク形状に沿うように機能し、多くのレイヤーを使用する場合でもフォルダーを閉じることができるため、整理に役立ちます。

最後に、フォルダーが選択されている間に、その描画モードを「透過」に変更します。これにより、フォルダー内の異なる描画モードを使用しているすべてのレイヤーが正しく表示されるようになります。

マスクに関するより一般的な情報はこちらで確認できます。

グラデーションツール

グラデーションを作成するもう1つの方法は、[グラデーション]ツールを使用することです。グラデーションレイヤーとは異なり、このツールは現在選択されているレイヤーにラスター化されたグラデーションを作成します。

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

次に、大きな影を作成してみましょう。[グラデーション]ツールを選択し、サブツールウィンドウとツールプロパティウィンドウの両方が表示されていることを確認します。

 

サブツールウィンドウを見てください。いくつかのグラデーションがありますが、ここでは「描画色から透明」というグラデーションに焦点を当てます。

それをクリックして、ツールプロパティウィンドウを見てください。ウィンドウの上部には現在選択されているグラデーションが表示され、この場合、一端に市松模様のパターンがあり、その反対側に黒または白のバーがあります。これが「描画色から透明」グラデーションです。

市松模様は透明度を表しているため、このグラデーションを使用すると、そのレイヤーの下にあるものが徐々に透けて表示されます。

 

試してみましょう。レイヤーウィンドウでマスクフォルダーを選択し、レイヤーを作成します。

 

開始したい終点をクリックし、保持して、フェードさせたい方向にドラッグしてから離します。

これにより、シンプルながら効果的な一般的な影が作成されます。マスクフォルダーがグラデーションを少女の形に保っていることに注目してください。マスクが使用されていない場合、グラデーションはキャンバス全体を覆ってしまいます。

グラデーションの色の変更 (基本)

この照明では影が自然に見えないので、調整しましょう。彼女の環境は青の色合いを使用しているため、青またはクールな色を使用する方が良いでしょう。色を変更する方法は3つあります。

 

(方法 1)

 

カラーホイールの横にあるメインカラーとサブカラーを変更しようとしても、グラデーションレイヤーの場合のようにキャンバス上の色が変わらないことに気づくでしょう。グラデーションプレビューでも変わりません。

 

色を変更する1つの方法は、グラデーションプレビューの上にある小さな四角形を使用することです。これらの四角形は、使用されている色または透明色を表します。

カラーホイールを使用してメインカラーまたはサブカラーを選択します。グラデーションプレビューの上にある小さな四角形のいずれかにカーソルを合わせると、アイコンが小さなバケツに変わるはずです。これは、現在選択されている色がその四角形を塗りつぶすために使用され、グラデーション内のその色を変更することを意味します。その四角形をクリックして変更します。

これでグラデーションは青から透明になります。レイヤーに作成した黒いグラデーションを消去し、新しい青いグラデーションを使用して再度作成します。

 

(方法 2)

 

グラデーションがあるレイヤーが選択されていることを確認し、メインメニューを使用して「編集」>「色調補正」>「色相・彩度・明度」に移動します。「色相・彩度・明度」というウィンドウが表示されます。

HUE（色相）：色そのもの

 

SATURATION（彩度）：色の鮮やかさや強さ

 

LUMINOSITY（明度）：色の明るさや暗さ

 

すべてのスライダーを調整して、適切な色を見つけてください。使い方は簡単で、キャンバスにすぐに結果が表示されます。

※ 注意：通常、グラデーションの色を変更するには色相・彩度・明度ウィンドウのみで十分ですが、色が黒、白、またはグレーの場合は、これらの色には色相がないため、追加の補正ウィンドウが必要になります。

 

このグラデーションで変更する必要がある色は黒なので、色相を適用できるように「明度」を明るくする必要があります。明度バーの矢印を右にドラッグしてグラデーションを明るくします。キャンバス上の色はリアルタイムで変化します。

色相を適用するには、再度メインメニューの「編集」>「色調補正」>「カラーバランス」に移動します。カラーバランスウィンドウが表示されます。下部で「ハーフトーン」が選択されていることを確認し、目的の色を作成するために必要な矢印を移動します。このイラストでは、黄色-青の矢印を青の方に、赤-シアンの矢印を少しシアンの方に動かして、より青く、よりシアンになるようにしました。

必要に応じて、再度「編集」>「色調補正」>「色相・彩度・明度」に戻り、新しい色を素早く調整できます。

 

(方法 3)

 

グラデーションレイヤーの上に新しいレイヤーを作成し、レイヤーウィンドウの上部にあるクリッピングマスクボタンをクリックします。これにより、レイヤーに垂直線が追加され、それがクリッピングマスクであることを示します。

次に、ツールウィンドウの[塗りつぶし]ツールを使用して、そのレイヤーを希望の色で塗りつぶします。バケツのアイコンをクリックし、キャンバスをクリックします。グラデーションの色が変わるはずです。

最後に、新しいレイヤーが選択された状態で、レイヤーウィンドウの下部にある下レイヤーと結合ボタンをクリックします。

これにより、青で塗りつぶされたレイヤーとグラデーションレイヤーが1つのレイヤーに結合され、完了です！

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

誤って透明な四角をバケツでクリックしてしまった場合、またはグラデーションの端の1つを透明にする必要がある場合、あるいは透明度を変更する必要がある場合はどうすればよいでしょうか？

 

その場合は、グラデーションプレビューのすぐ下に「詳細設定」というボタンがあります。これをクリックして「グラデーションを編集」ウィンドウを開きます。

グラデーションの上に小さな四角は表示されなくなります。代わりに、変更したい色を選択するには、グラデーション上の変更したい色の「下」にある小さな矢印をクリックします。

色の下の矢印をクリックしたら、「不透明度」というラベルのボックスを編集する必要があります。数字をクリックして自分で入力するか、右側の矢印をクリックして好きなパーセンテージを見つけてから「OK」を押します。完全に透明にしたい場合は「0」に設定します。

青色は再び完全に透明に戻りました。

💡 ヒント: 描画モード - 影

描画モードは、その下にあるものや混合されているものを変更する方法です。これらは非常に便利で、時には意図しなかった方向へ導かれ、さらに探求したくなることもあります。レイヤー、フォルダー、ツール設定、補正レイヤーなど、さまざまな方法で適用できます。このチュートリアルではそれらについて深く説明することはできませんが、いくつかの提案が含まれています。

 

以下は、異なる描画モードを使用した同じグラデーションレイヤーです。

グラデーションは描画モードと相性が良く、特に影やライティングに使用する場合に効果的です。以下に、影に使用するのに役立ついくつかの方法を示します。

 

左の画像は、円の中に色がある変更されていないグラデーションです。右の画像は同じグラデーションですが、不透明度に加えてレイヤーの描画モードが変更されています。

この描画モードは「乗算」で、影によく使用されます。通常、彩度が低く、その下のものと中間値でブレンドされます。グラデーションの色は表示されたままです。- この例は不透明度40%に設定されています。

この描画モードは「減算」です。非常に暗く、コントラストが強くなる傾向があります。使用した色の代わりに、下の色が暗くなります。低い不透明度で、素敵で自然な色の影を得ることができます。- 不透明度は31%に設定されています。

この描画モードは「差の絶対値」で、「減算」と似ています。使用する色が暗いほど、下の色がより見えて暗くなります。色が明るいほど、グラデーションの色がより見えます。面白い結果を得ることができます。- 不透明度は47%に設定されています。

この描画モードは「ハードライト」です。ハードライトはグラデーションの色を強く鮮やかにします。色が十分に暗い場合、光源からの強い色や豊かな環境光を持つ環境に最適です。- 不透明度は100%に設定されています。

 

比較のために描画モードをまとめて表示します。

乗算、比較（暗）、暗い色、焼き込みカラー、リニアバーン、減算、差の絶対値、ハードライト、オーバーレイは、さまざまな種類の影を試すのに適したものです。

 

彩度の高い青色のグラデーションを追加し、レイヤーを「ハードライト」に設定して、空の隅を暗くしてコントラストをつけます。

※ 注: 「通常」以外の描画モードを持つものをフォルダーに入れる場合、フォルダーは「透過」に設定する必要があります。そうしないと、それらはすべてフォルダーの描画モードに変わってしまい（意図した通りに表示されません）。

 

 

形状、縁の処理、その他の設定

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

[グラデーション]ツールを選択し、ツールプロパティウィンドウを開きます。「詳細設定」の下に、ボタンのある2つのセクションがあります。

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

直線: 描いた線から直線的なグラデーションを作成します。

円: 中心から始まる完全な放射状グラデーションを作成します。（注：機能させるには斜めに線を描く必要があります。）

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

繰り返しなし: 1つのシームレスなグラデーションを作成します。

繰り返し: 繰り返しグラデーションを作成します。繰り返し回数は線の長さに依存し、1つの繰り返しの縁は硬くなります。

反転: グラデーションの色（複数可）の繰り返しの帯を、柔らかい縁で作成します。

----- 

以下は、異なる縁の処理を使用した、直線と円のグラデーションで作成されたグラデーションレイヤーの視覚的なチャートです。

以下は、「描画色から透明」グラデーションツールで、異なる縁の処理を使用して直線と円のグラデーションを作成した視覚的なチャートです。

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

これらは[グラデーション]のツールプロパティウィンドウにリストされているその他の設定です。

 

 

ディザリング: グラデーションの移行にノイズを追加し、より滑らかに見せます。以下はディザリングのオンとオフです。

----- 

作成先: 「編集レイヤーに描画」は選択したレイヤーでツールを使用し、「グラデーションレイヤーを作成」はメニューを使用する代わりにグラデーションツールでグラデーションレイヤーを作成します。

 

不透明度: ツールで作成するグラデーションの不透明度（全体的な透明度）を制御します。

 

描画モード: ツールで利用可能な描画モードのいずれかを使用できます（レイヤーやフォルダーとしては使用できないいくつかの追加モードもあります）。

 

角度のステップ: 選択した数値に基づいて一時的な定規を作成し、直線および楕円グラデーションのガイドとして機能します。（私は使用しませんが、遠近法を用いた作業には良いかもしれません。）

放射状グラデーションとライティング

次に、小さな影を作成することで、放射状グラデーションを試してみましょう。

 

今回は彼女の肌を選択して、別のマスクフォルダーを作成しました。[グラデーション]ツールを選択し、「円」と「繰り返しなし」に設定し、影用の色を選びました。

次に、草に対しても同じことを行いますが、今回は楕円を使用して光の色で作成します。

放射状グラデーションは、何かから放たれる光を作り出すのに最適です。以下は、レイヤーの描画モードを「オーバーレイ」に設定した黄色の円形グラデーションです。

多くの描画モードが、異なるライティング効果を表現するのに機能します。あらゆるライティングタイプでそれぞれを試してみるのが最善です。これらには、比較（明）、オーバーレイ、スクリーン、覆い焼きカラー、覆い焼き（発光）、加算、発光、ソフトライト、ハードライト、ビビッドライト、リニアライト、ピンライト、明るい色、除外、除算が含まれます。

ホタルを作ろう！ - サブツールウィンドウで新しいグラデーションを作成する

放射状グラデーションを光の効果として利用して、ホタルをいくつか作ってみましょう。

 

グラデーションを作成する方法は2つあります。まず、サブツールメニューで作成します。

 

サブツールウィンドウで「描画色から透明」グラデーションが選択されている状態で、「選択中のサブツールのコピーを作成」ボタンを押します。このアイコンは中央にプラス記号の付いた四角形です。

新しいウィンドウがポップアップ表示されます。必要に応じて、名前、アイコン、アイコンの色を変更できます。私は名前を「ホタル」に変更し、「OK」をクリックします。

以前のツールの複製が、サブツールウィンドウのリストの一番下に表示されます。

それが選択されていることを確認し、ツールプロパティウィンドウを見てください。「詳細設定」をクリックすると、「グラデーションを編集」ウィンドウが表示されます。

現在、グラデーションは白です。次に色を追加します。

 

グラデーションプレビューバーのすぐ下、ルーラーラインがある場所をクリックします。新しい矢印が表示されるはずです。

次に、「指定色」の下にある右側の長方形のボックスをクリックします。これにより、色を選択できるカラーホイールが開きます。

矢印をクリックして左右にスライドさせることで、色の位置を調整できます。

 

バーから色を削除するには、矢印をクリックして押し続け、下に引っ張って離します。グラデーションバーのすぐ下にあるゴミ箱アイコンをクリックすることもできます。

さらに2つの色を追加し、ホタルグラデーションに合わせてすべて調整しました。色と不透明度の数値を示したものがこちらです。

カラーノードを再配置したため、グラデーションの形状が異なります。

--

 

試してみましょう！

 

新しいレイヤーを作成し、描画モードを「ピンライト」に設定します。グラデーションの形状が「円」に、縁の処理が「繰り返しなし」に設定されていることを確認してください。

次に、いくつかの放射状グラデーションを作成します。

作成する円のサイズによって、ホタルの大きさが決まります。

 

グラデーションバー内の色と不透明度の比率により、グラデーションが大きな色の円から小さな光の玉に変化しました。

グラデーションマップ - 仕組み

グラデーションはキャンバス上の形状としてだけでなく、特定の形状や領域、またはアートワーク全体の色スキームとしても使用できます。これをグラデーションマップと呼びます。

グラデーションマップは、グラデーションバー上の色の位置と不透明度に基づいて、グラデーションを使用して値に色を割り当てます。

 

グラデーションの一方の端は「最も暗い値」用で、反対側の端は「最も明るい値」用であり、中間値はそれに応じて移行します。

 

※ 注意：デフォルトでどちらの端が暗いか明るいかは不明です。試して確認する必要があります。「グラデーションを反転」ボタンを使用すると、いつでもグラデーションが値に適用される方法を反転できます。

これを簡単なバージョンで見てみましょう。

 

ここに4つの値があります。左端は黒、右端は明るいグレーです。

グラデーションマップとして色をブレンドしないグラデーションを作成しました。これにより、1つの値につき1つの色が適用されるのを見ることができます。（注：このグラデーションマップは円にのみ適用され、キャンバス全体には適用されません。）

グラデーションは赤茶色を「最も暗い値」に適用しています。これは黒が赤茶色になっていることからわかります。クールグリーンは「最も明るい値」に適用され、以下同様です。

キャンバス上の円を反転させても、グラデーションマップは同じ色を同じ値に適用します。

しかし、「グラデーションを反転」ボタンでグラデーションを反転させると、色が値に適用される方法が逆になります。今度は最も暗い値がクールグリーンになり、最も明るい値が赤茶色になります。

クールグリーンが赤茶色よりも自然に明るいことは関係ないことに注目してください。それでも「最も暗い値」を「明るい色」に、そして「最も明るい値」を「暗い色」にしました。

 

これは、CLIP STUDIO PAINTが色を適用する方法を決定するために、暗から明へのスペクトルを使用しているためです。プログラムは、グラデーションに似たスペクトルに基づいて、値に色を割り当てます。

色の「値」が何であるかによって、グラデーションマップがその色を何に変化させるかが決まります。以下にその仕組みの一般的な表現を示します。

 

これが最初の例です。

反転後のものです。

色の値がわからない場合は、それが「どれだけ明るいか、どれだけ暗いか」を指します。この赤、黄、青の色の値は次のとおりです。

グラデーションマップの使用例とその反転時の見え方のより良い例です。

グラデーションマップを作成する

グラデーションマップを作成する方法は2つあります。

 

編集としてのグラデーションマップ

 

グラデーションマップを適用したいレイヤーを選択し、メインメニューで「編集」>「色調補正」>「グラデーションマップ」に移動します。これにより、グラデーションマップウィンドウが開きます。

 

----- 

 

グラデーションマップ補正レイヤー

 

グラデーションマップを適用したいレイヤーまたはフォルダーを選択し、そのレイヤー/フォルダーを右クリックします。表示されるメニューで「新規補正レイヤー」>「グラデーションマップ」に移動します。これにより、グラデーションマップウィンドウが開きます。メインメニューの「レイヤー」>「新規補正レイヤー」>「グラデーションマップ」からも見つけることができます。

この方法では、グラデーションマップ補正レイヤーが作成され、グラデーションマップをいつでも調整したり削除したりできます。レイヤー上の灰色のボックスアイコンをダブルクリックすることで、グラデーションマップを編集できます。

----- 

グラデーションマップウィンドウが開くと、キャンバスに現在のグラデーションのプレビューが表示されます。グラデーションの色、不透明度、比率を調整すると、キャンバスはすぐに更新されます。

グラデーションセットの作成とインポート

ウィンドウの左側にはグラデーションセットがあります。薄い灰色のバーをクリックすると、現在持っているグラデーションセットのドロップダウンメニューが表示されます。リストのいずれかの名前をクリックして、そのセットを読み込みます。

新しいグラデーションは自動的にプレビューバーに読み込まれません。それを行うには、セット内のグラデーションをダブルクリックするか、下部の「グラデーションバーに読み込み」ボタンをクリックします。

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

新しいグラデーションセットを作成するには、グラデーションセットリストメニューの右にあるレンチアイコンをクリックし、「新しいグラデーションを作成」を選択します。

小さなウィンドウがポップアップ表示され、グラデーションセットの名前を入力できます。

 

新しいセットはグラデーションマップウィンドウにリスト表示され、そこから下部にある唯一点灯している「新しいグラデーションを作成」というボタンをクリックします。

新しいグラデーションの名前を入力するための別のウィンドウがポップアップ表示されます。入力後、メインプレビューバーにあったグラデーションとともに、新しいセットの下にリスト表示されます。

グラデーションセットの下に表示されているグラデーションが希望のものでない場合は、ウィンドウ上部の大きなグラデーションバーを使用して、新しいグラデーションを選択してカスタマイズします。

必要な変更をすべて行ったら、下部の「保存されたグラデーションを置き換え」ボタンをクリックします。これにより、セットにリストされているグラデーションが、ウィンドウ上部の大きなグラデーションで上書きされます。

レンチアイコンの下にある上下の矢印を使って、グラデーションを並べ替えることができます。

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

グラデーション作成に時間を費やしたくないが、より多くのオプションが欲しい場合は、新しいグラデーションをインポートできます。

 

新しいグラデーションを入手する最も簡単な方法は、Clip Studioのマネージャーアプリケーションを使用してCLIP STUDIO ASSETSからダウンロードすることです。

 

Clip Studioを開き、左側にある「CLIP STUDIO ASSETS」と表示されたボタンをクリックします。それがメインウィンドウに読み込まれたら、検索バーの右側にある「詳細」ボタンをクリックします。

リストされているキーワードから「グラデーションセット」または「グラデーション」のいずれかをクリックし、その後「閉じる」ボタンをクリックして検索結果を表示します。

気に入ったものが見つかったら、選択したグラデーションまたはグラデーションセットの右上隅にある「ダウンロード」ボタンをクリックします。（ログインしている必要があります。）ダウンロードに関するメッセージが画面に表示されます。

グラデーションマップウィンドウに戻り、レンチアイコンをクリックして「素材セットの読み込み」を選択します。「素材セットの読み込み」ウィンドウが表示されます。

グラデーションセットまたはグラデーションをダブルクリックするだけでインポートでき、グラデーションセットのドロップダウンメニューに表示されます！

💡 ヒント: グラデーションマップの効果的な使用法

グラデーションマップでかなりクリエイティブな表現ができます。いくつかの使い方を見ていきましょう。

 

 

 

色の調和

 

イラストの色調を素早く調和させる方法の1つは、グラデーションマップを追加することです。

 

グラデーションマップ補正レイヤーを作成し、レイヤーウィンドウのレイヤーの一番上に移動します。作品の雰囲気に合うと思われるグラデーションを選択または作成します。環境やライティングに合う色を選択することもできます。

 

この色の調和のために、日の出の色を使ったグラデーションを作成し、グラデーションマップの描画モードを不透明度32%の「ビビッドライト」に設定しました。以下は、グラデーションマップ補正レイヤーが「通常」描画モードの場合と、「ビビッドライト」に変更した場合のレイヤーウィンドウでの見た目です。

左が元の画像で、その隣がグラデーションマップがアクティブになっている状態です。

----- 

 

 

マスクを使用して領域を分ける

 

特定の形状または形状のグループに特定のグラデーションを追加します。

 

グラデーションマップを使用したいものが1つのレイヤーに描画されている場合、そのレイヤーを右クリックして、その直上にグラデーションマップ補正レイヤーを作成します。（ヒント：何がどのレイヤーにあるかわからない場合は、CTRLとSHIFTを押しながらキャンバス上の何でもクリックすると、そのレイヤーに切り替えることができます！）

 

レイヤーウィンドウの上部にあるボタンで、グラデーションマップレイヤーをクリッピングマスクに変換します。これで、それはそれがアタッチされているレイヤー上のもののみに影響します。

この場合、それは木です。

ここでは、グラデーションマップの描画モードが「カラー」に設定されています。

 

--

 

グラデーションマップを背景の植物全体など、複数のものに適用したい場合は、次の手順を実行します。選択ツールでアートワークの一部を選択します。レイヤーウィンドウの任意の場所を右クリックしてグラデーションマップ補正レイヤーを作成し、選択したすべてのものの上に移動します。グラデーションマップは、選択したものの形をしたマスクを持っているはずです！

イラストの色を変更するために使用した4つの異なるマスク領域です。上2つはグラデーションマップ補正レイヤーで、1つは空用、もう1つは植物用です。左下は少女の色編集、右は彼女と草全体にティール色のグラデーションを追加したものです。

レイヤーウィンドウではこのように見えます。

これらを組み合わせたものです。

----- 

 

 

パターン

 

グラデーションマップとパターンは完璧な組み合わせです。異なる描画モードで1つまたは複数のグラデーションマップを追加することで、同じパターンのさまざまなバージョンを作成できます。

 

素材ウィンドウがまだ開いていない場合は、他のウィンドウの上部を見てください。上部には単一の矢印と二重の矢印があります。これらは、パターンを含む素材ウィンドウを含む垂直のウィンドウのスタックを表示したり非表示にしたりします。左を指している二重の矢印を探してクリックしてください。

 

これにより、素材ウィンドウが開くはずです。（開かなかった場合は、別の二重矢印を試してください。）左側の「すべての素材」の下で、「カラーパターン」または「モノクロパターン」のいずれかをクリックします。右側のパターンをスクロールして気に入ったものを見つけ、クリックしてキャンバスにドラッグします。

パターンはオブジェクトなので、必要に応じてサイズを変更できます。パターンが必要な領域を選択し、パターンのレイヤーにマスクを追加します。

その直上に1つまたは複数のグラデーションマップレイヤーを作成し、結果が気に入るまで色を調整してから、パターンレイヤーのクリッピングマスクとして設定します。以下は、異なるグラデーションマップで変更された1つのパターンです。

トーン化グラデーション

グラデーションをコミックのトーンとして適用することもできます。

 

これを行うには、グラデーションを作成し、グラデーションのレイヤーを選択した状態でレイヤープロパティウィンドウを開きます。「効果」の下にある市松模様のアイコンをクリックします。

グラデーションがトーン化グラデーションになったはずです。

レイヤーのトーンを有効にすると、レイヤープロパティメニューにカスタマイズ可能なオプションが表示されます。

--------- 

周波数バーを左右にスライドすることで、トーンのスケールを変更できます。

--------- 

トーンパターンに円を使いたくない場合も、変更できます。ドット設定で形状を変更し、下の角度と位置を調整します。「ノイズ」の表示方法も変更できます。

---------

「レイヤー不透明度を反映」設定は、レイヤーの不透明度を変更したときにトーンがどのように変化するかを決定します。2つの設定があります。左側のボックスをクリックすることで、一方から他方に変更できます。

 

オンの場合: トーンはサイズと密着度が変化します。

 

オフの場合: トーンは同じままですが、不透明度が変化します。

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

これはすべてのグラデーション形状で機能します！

境界線描画ツール - パート1

[境界線描画]は他のグラデーションとは異なる動作をします。グラデーションの方向を「線」で指示する代わりに、塗りつぶしツールに近いものを使用します。色の間の空間を、それらをブレンドする効果で塗りつぶします。

[境界線描画]を使用するには、それを選択し、画面上で色の間をクリックします。それだけです。

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

[境界線描画]は、境界線描画でグラデーションを作成することを意図した「すべてのツール」でアンチエイリアスを「オフ」にする必要があります。ほとんどのアートワークはアンチエイリアスが有効なツールで作成されています。

 

アンチエイリアスとは？

 

デジタルアートはすべてピクセルで表示されます。ブラシやブレンダーは、リアルに見せるためにピクセルを効果的に使用する必要があります。これを行うには、ピクセルがエッジに移行する際に不透明度を失います。そうしないと、マークやブレンドがギザギザに見えます。

 

この場合、ギザギザの線は良いものです。

基本的に、アンチエイリアスをオフにすると、ピクセルが完全に不透明になります。ピクセルアート、特に初期のゲームグラフィックを見たことがあるなら、それがアンチエイリアスがない状態です。これは[境界線描画]ツールでグラデーションを作成するために必要です。

 

ツールにアンチエイリアスを無効にする方法がある場合、それはツールプロパティウィンドウ、または右下隅の小さなレンチをクリックして表示されるサブツール詳細ウィンドウに表示されます。

 

以下は、アンチエイリアスをオフにした状態で描画されたものと、オンにした状態で描画されたものに[境界線描画]を使用した例です。

アンチエイリアスがオンの場合、このツールはシームレスなグラデーションを作成できません。なぜなら、最も低い不透明度のピクセル（完全に不透明なピクセルとは異なる色）のみをブレンドするからです。（これは「隣接する2色」でさらに詳しく説明されています。）

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

理解すべき最も重要なことの1つは、このツールが塗りつぶすための「定義された領域」を必要とすることです。この領域は、「単一の形状」または「閉じた線の間の空間」のいずれかです。

「新しい閉じた境界線」を作成する線や形状は、グラデーションを変更または妨げます。邪魔な形状や線と「混合」することで、新しいグラデーションを作成する可能性があります。

それが黒い線で、ツールプロパティで黒が「黒を覆わない」に設定されている場合、それは「新しい閉じた領域」をそれぞれ「のみ」塗りつぶします。

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

 

これらは、ツールが機能するための効率的な領域を確保する2つの方法です。

 

 

1. 線画を参照レイヤーとして設定: 線画が領域を定義している間、新しいレイヤーにグラデーションを作成します。

 

----- 

 

2. 複数の形状を参照として設定: 多くの形状領域を参照レイヤーとして使用して、新しいレイヤーにグラデーションを作成します。

----- 

マスクを使用して、領域内にさらに領域を作成することもできます。

 

• 注: 最初は「透明度をロック」を3番目のオプションとして1つのレイヤーにグラデーションを作成する方法を含めましたが、結果に一貫性がなく、イライラするほどでした。私の意見では、グラデーションを実際の作業から分離することが、[境界線描画]を使用する最良の方法です。アートワークレイヤーにグラデーションを作成する場合は自己責任で！

💡 ヒント: 参照レイヤーを設定する

レイヤーを参照レイヤーとして設定すると、そのレイヤー上のすべてが、それを使用するツールが従う境界線になります。つまり、すべての領域を選択することなく、選択した領域に色を塗ったり描画したりできます。

これは、[境界線描画]、[塗りつぶし]、[自動選択]、色調補正など、参照レイヤーを使用するツールでのみ機能します。ツールが参照レイヤーを使用する場合、ツールプロパティウィンドウにオプションとして表示されます。

「参照レイヤーに設定」は切り替えボタンです。参照するレイヤーを選択してボタンをクリックします。ボタンは青くなり、レイヤーの左側に灯台アイコンが表示され、アクティブであることを示します。完了したらもう一度クリックするか、別のレイヤーで同じ操作を繰り返して別の参照レイヤーを選択します。

参照レイヤーがアクティブな間、新しいレイヤーで行うこと（適切なツールを使用）はすべてガイドとして使用されます。[境界線描画]は、参照レイヤーを使用して「領域を定義」します。レイヤーが参照レイヤーの上にあるか下にあるかによって、線の内側と外側の両方を塗りつぶすことができます。

上記のイラストでは、参照レイヤーは線画のあるレイヤーで、色のレイヤーの下にあります。そのため、[境界線描画]は線の上にも色を塗ることができます。

境界線描画ツール - パート2

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

グラデーションを追加したいすべての領域に、それぞれ「異なる色」の「2本の線または形状」があることを確認してください。グラデーションは「特定の2色」のみで形成されます。任意の色で構いませんが、グラデーション（またはグラデーションの一部）を形成するのは2色までです。

----- 

同じ色の複数のインスタンスはブレンドされますが、これらの色は「完全に同じ2色」である必要があります。

----- 

グラデーションは「複数の色」で作成できますが、それらは「閉じた領域を作成する隣接する2色間」で「のみ」ブレンドされます。

黄緑とティールは色の隣同士なので、ブレンドされます。

ティールと青も別の隣接する色のセットなので、これらは別々にブレンドされます。

以下同様です...

濃い青には隣接する色がないため、領域を単色の青で塗りつぶします。

[境界線描画]は2色を必要とします。これには多色グラデーションの「端」も含まれます。閉じた領域に2色目が追加されない場合、グラデーションは他の何かとブレンドされるか、領域を単色で塗りつぶします。

 

グラデーションが背景色にフェードインする必要がある場合は、グラデーションの最後に背景色を追加します。

----- 

以下のグラデーションはすべてをブレンドしません。その理由がわかりますか？

黄色は「閉じた領域」を作成しませんでした。これは、1つの定義された領域に「3つの色」（緑、黄、赤）があり、グラデーションを作成するために「2つだけ」を使用することを意味します。このツールは黄色と緑をブレンドし、黄色と赤の間の空間を埋めたため、赤は黄色とブレンドできなくなりました。

 

黄色の部分を閉じれば、正しく機能します。

境界線描画ツール - パート3

これまでの情報のほとんどは、以下の画像にある[境界線描画]の設定を使用して作成されています。「黒」は「黒を覆わない」に、「透明色」は「透明部分を覆わない」に設定されています。

--------- 

「黒」の下の設定は、(1)黒い線を含むレイヤーでツールを使用している場合、または(2)このツールを意図したレイヤーに黒を配置した場合にのみ適用されます。

黒を覆わない: 黒の周りにグラデーションを作成する際に黒を無視します。ただし、黒い色をクリックすると黒は削除されます。（これはチュートリアルの前半で使用された設定です。）

黒を覆う: 色は黒を無視する代わりに黒とブレンドされます。ただし、隣接する2色のルールは引き続き適用され、黒は2色のうち1色と見なされます。（定義された領域に黒と一緒に、または黒の隣に「複数の色」がある場合、常に黒とブレンドされます。）

黒を描画色で置き換え: 色のないブレンダーのように機能する代わりに、選択した色をレイヤー上のものと混合するために追加します。ここでも隣接する2色のルールが適用され、選択した色が2色のうち1色と見なされます。

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

透明色設定の最後の2つのオプションは、「同じレイヤーの塗りつぶされた領域」に色を追加している場合にのみ適用されます。

透明部分を覆わない: 隣接する2色間でブレンドを作成します。（これはチュートリアルの前半で使用されたものです。）

透明部分を覆う: 1色の近くで使用すると「透明なブレンド」を作成し、色を「除去」します。2色の間で使用すると、「透明部分を覆わない」に設定した場合と同様に、それら2色を完全に不透明度でブレンドします。

透明部分を描画色で置き換え: 選択した色を使用して1色とブレンドを作成します。2色の間にある場合は、それら2色を完全に不透明度でブレンドします。

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

これはグラデーションの混合率です。

矢印をクリックすると、アルゴリズムをカスタマイズできる小さなグラフが開きます。

線上の任意の場所をクリックして、いずれかの方向にドラッグします。離すと、四角いピンがそこにとどまります。グラフからピンをクリックしてドラッグすると、ピンが削除されます。

サブツールウィンドウには3つのプリセットがリストされています: 通常のペイント、最も明るい影、最も深い影。球体は、以下の写真に示す順序でこれらの3つの設定を使用して着色されています。

これらは、各出力設定に基づいてグラデーションがどのように変化するかを示しています。

 

以下は私が作成した3つのカスタム設定です。

各セグメントに異なる設定を使用することもできます。

----- 

さまざまな設定を試してもまだ目立つバンディングがある場合は、ぼかすことができます。

手順は次のとおりです。

 

1. グラデーションがあるレイヤーを選択します。

 

2. レイヤーを「透明度をロック」（レイヤーウィンドウ上部の小さなロックと市松模様のアイコン）に設定します。

3. [選択範囲]ツールでぼかしたい領域を選択します（全体をブレンドしたい場合は選択しない）。

4. メインメニューに移動し、「フィルター」>「ぼかし」>「ガウスぼかし」を選択し、適切な量になるまで矢印を動かします。

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

これは、線が途切れている場合や、完全に閉じられていない領域がある場合に使用されます。

 

開口部がある場所を修正する必要がある代わりに、このオプションはそれらを閉じられているかのように扱います。この設定は、詳細な線画を多く着色する場合に役立ちます。

左側のボックスをクリックして有効にすると、チェックマークが表示されます。右側のボックスのスケールを調整することで、どれくらいの大きさの開口部が「閉じられている」と見なされるかを制御できます。右側の矢印をクリックすると、最大50までの数値を手動で入力できます。

開いた空間を塗りつぶす際に「閉じられた隙間」が有効になっていない場合、キャンバス全体が塗りつぶされます。

これは同じ例ですが、今回は有効になっています。隙間に境界線が作成されていることに注目してください。

各隙間のサイズに応じて、各描画または領域で機能するようにバー/数値を調整する必要があります。

 

以上のことから、線画を使用し、すべての隙間を閉じている場合は、オフにしたままにする方が良いかもしれません。境界線描画ツールで「閉じられた隙間」を有効にして使用した際に、閉じた領域の一部に「閉じた隙間」を作成し、領域全体を塗りつぶさないことがありました。

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

色の誤差は、ある色と別の色がどれだけ「異なる」か、そして2つ以上の色を同じと見なすかどうかを決定します。

これらの紫のバリエーションがどのように異なり、それぞれが個々の色であることがわかります。プログラムも同様です。ただし、設定によっては、プログラムはこれらの同じ色をこのように認識する場合があります。

またはこのように。

このツールはこれを考慮して、ある色がグラデーションの一部であるかどうかを認識します。

 

これを説明するために、同じレイヤーに描かれた3つの円が並んでいます。各バージョンで、境界線描画ツールは左上の円にのみ使用され、色の誤差はそれらの下の数値に設定されています。

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

これは非常に便利な設定です。チュートリアルの前半で、参照レイヤーを使用して領域を定義する方法について説明しました。これにより、[境界線描画]がそれらを使用できるようになります。また、他のレイヤーを参照して、グラデーションをどのように、どこで作成するかを決定することもできます。

 

すべてのレイヤー: すべてのレイヤーに描画されたすべてのものを考慮して、グラデーションをどのように、どこで作成するかを決定します。

 

参照レイヤー: グラデーションがどのように、どこで作成されるかを決定するために参照レイヤーを設定できます。これは、回数無制限に任意のレイヤーに変更できます。（私はこれを最もよく使用します。）

 

選択レイヤー: この設定が無効になっている場合と同じように見えます。現在選択しているレイヤーに適用されます。これは、ご存知の通り、常にツールが使用されるレイヤーです。このオプションを使用する理由が見つかりませんし、なぜ存在するのかもわかりません。

 

フォルダー内のレイヤー: ツールはフォルダー内の選択したレイヤーに適用されますが、フォルダー内の「他の」レイヤーは、影響を受けるレイヤーの下にあるかどうかにかかわらず、「表示されたまま」になります。

 

 

 

フォルダー内のレイヤーの例を示します。

 

フォルダー内に4つのレイヤーを作成しました。それぞれ隣接する色のセットは独自のレイヤーにあり、単一のピンク色も同様です。

右上の2色（緑と紫）があるレイヤーがツールの対象レイヤーです。このレイヤーはフォルダー内の他の3つのレイヤーの「上」にあります。

着色された円の外側の空きスペースでツールを使用すると、こうなります。

それは2つの円をそれらの定義された領域（たまたまキャンバス全体）にブレンドします。覚えているように、他のすべての色はターゲットレイヤーの「下」のレイヤーにあるため、グラデーションで覆われる「はず」です。しかし、そうはなりません。

 

代わりに、この設定はグラデーションを作成すると同時に、フォルダー内の他のすべてを「マスク」しました。下の他のレイヤーをオフにすると、このように作成されたことがわかります。

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

次に説明する設定は、サブツール詳細ウィンドウにあります。これにアクセスするには、ツールプロパティウィンドウの右下にあるレンチアイコンを押します。

新しいウィンドウで、左側の「参照」をクリックすると、それが最後のオプションです。

----- 

例: レイヤーを作成し、緑で塗りつぶします。次に、設定ウィンドウの「この色で塗りつぶしを開始しない」ボックスを同じ緑で塗りつぶします。

複数参照を「すべてのレイヤー」に設定するか、またはそのレイヤーを参照レイヤーとして設定します。

次に、その上に新しいレイヤーを作成し、同じ緑色のマークと異なる色のマークを作成し、[境界線描画]でそれらをブレンドしようとします。

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

この設定はデフォルトでオンになっています。オフにすると、その色のインスタンスがいくつあっても、どこにあっても、[境界線描画]を1つの色に適用できます。

 

私は同じレイヤーにいくつかの青い円と、色が異なるいくつかの円を作成し、右上の青い円に[境界線描画]を使用しました。

このオプションがオンの場合（デフォルトの状態）:

オフにした場合の結果です:

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

私の意見では、このツールは線画の着色に最適であり、コミックに特化したプログラムとしては理にかなっています。イラストに線画を取り入れる予定がある場合、このツールは試す価値があるかもしれません。

 

布地の折り目など、形状が変化するグラデーションを作成する際には、このツールが役立つ可能性があります。

 

また、特定のライティングを得ようとする際に、放射状グラデーションを使用するよりも球状オブジェクトを着色する際に時間を節約できるかもしれません。

 

一般的に、[境界線描画]は、素早くシンプルなグラデーションが必要な小さな領域に最適だと思われます。

💡 ヒント: 境界線描画ツールで花を着色する

これらの情報をすべてまとめて、何かを着色する時が来ました！花を着色しましょう。

異なる着色スタイルを示すために、2つの花を着色します。どちらの例も線画を使用しますが、一方は線画の下に着色し、もう一方は線画をグラデーションにブレンドします。

 

まず、アンチエイリアスをオフにしたペンまたはブラシで花を描画します。このレイヤーを複製して、各例ごとに1つずつ用意します。

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

1. 花の線画を参照レイヤーに設定します。

2. その直下に新しいレイヤーを作成します。

3. 2色、できれば暗い色と明るい色を選びます。

4. 最下層のレイヤーで、アンチエイリアスがオフのブラシを使用して、各花びらの「最も内側」の部分に1色（最も暗い色）の点を塗ります。その後、中心部の縁の周りに同じ色で円を描きます。

5. 「同じレイヤー」に、各花びらの「最も外側」の部分に別の色の点を追加し、次に花の「真ん中」に十分な大きさの点を追加します。すべての花びらに「両方の色」が必要です。

6. 境界線描画ツールを選択し、同じレイヤー上で各花びらまたは2色の間の空間をタッチします。

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

1. 2色選びます。一方はもう一方よりも明るい色でなければなりません。

2. 花の線画レイヤーを選択し、「透明度をロック」ボタンを押します。

3. 線画レイヤーが選択されたままで、最も明るい色を選択し、メインメニューの近くにあるキャンバス塗りつぶしボタンを押します。

これで花全体がその色になったはずです。（線画レイヤーの「透明度をロック」がオンになっているため、このレイヤーで行うことは線画にのみ変更または適用されます。）

4. ブラシ（アンチエイリアスオフ）を選択し、「より暗い」色を使用して雌しべ（花の中央の円）を着色します。

5. 下に新しいレイヤーを作成し、このレイヤーで各花びらの最も内側の部分に濃い色の点を追加します。より明るい色を選択し、中央に適切なサイズの点を作成します。

6. 線画レイヤーを選択し、下のレイヤーと結合します。

7. 境界線描画ツールを使用して、各花びらまたは2色の間の空間をタッチします。

イラストの花は2番目の方法で着色します。

最終イラスト

グラデーション、グラデーションマップ、境界線描画ツールのこれらすべてのテクニックは、イラストをより魅力的なものに磨き上げるのに役立ちました。

グラデーションと線画がどのように見えるかを示すために、イラストの簡略化されたバージョンです。

グラデーションを明確に使用した着色イラストがこちらです。

こちらは微妙なグラデーションを使用した別の着色バージョンですが、それでもアートワークに大きな影響を与えています！

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

この情報が、グラデーションを初めて使う方や、追加情報を求めている方の助けになったことを願っています！楽しくペイントして探求してください！

 

• Salacia