グラデーションマップのビギナーズガイド

fdsfdsfdsa

このチュートリアルは、今月のトピックの1つである「色補正」のために、Esra（https://profile.clip-studio.com/en-us/profile/362yzkvzw-o8）と私（Toffl）のコラボレーションとして作成されました。具体的には、グラデーションマップ補正レイヤーについて説明し、それらについての最も重要なすべてのこと（それらが何であるか、どのように機能するか、どのように使用するか、どのようにグラデーションを作成するか）について説明します。グラデーションマップは非常に用途の広いツールであるため、このチュートリアルでも、可能なことのほんの一部にすぎません。

また、このチュートリアルをYouTubeビデオに変換しました。ビデオバージョンとテキストバージョンの両方が同じトピックをカバーしているため、どちらかお好みのものを選択してください。 （ビデオは英語で、英語の字幕が付いています。）

さて、これ以上苦労することなく、すぐにそれに飛び込みましょう。ただし、実際にグラデーションマップについて説明する前に、まず補正レイヤーとは何か、なぜそれらが非常に役立つのかを明確にする必要があります。

補正レイヤー

まず、とにかく補正レイヤーとは何ですか？簡単に言うと、補正レイヤーはその下のすべてのレイヤーに特定の効果を適用します。正確に何をするかは、選択した補正レイヤーの種類によって異なります。そして、それらの素晴らしいところは、それらが非破壊的であるということです。つまり、いつでも効果を元に戻したり、設定を編集したりできます。

レイヤーパレットを右クリックして修正レイヤーを作成できます。コンテキストメニューの[新しい修正レイヤー]の下から9つのオプションを選択できます。

ほとんどすべての補正レイヤーで、カスタマイズ可能な設定を含むダイアログボックスがポップアップ表示されます（ここでは無視します）。

補正レイヤー自体は次のようになります。

通常、レイヤーのコンテンツが表示されるのは完全に灰色のボックスで、隅に小さなアイコンがあります。アイコンは、それがどのタイプの補正レイヤーであるかを示します。新しい補正レイヤーごとに、マスクも自動的に作成されます。

後でいつでも灰色のボックスをダブルクリックして設定を調整できます。これにより、レイヤーの作成時に表示されたのと同じダイアログボックスが開きます。

 

 

次に、これらすべての異なる補正レイヤーで何ができるでしょうか。簡単な要約は次のとおりです。

まず、明るさ/コントラスト。名前が示すように、この効果は画像の明るさとコントラストの両方を変えることができます。

色相/彩度/明度は、色相、彩度、明度を調整できます。

トーンカーブエフェクトは、グラフ上のコントロールポイントを使用して画像のRGBチャンネルを調整します。

レベル補正はトーンカーブと非常に似ていますが、代わりにヒストグラムのスライダーを使用します。

ポスタリゼーション効果は、画像の色の量を設定された数に減らします。

逆グラデーションはすべての色を反転します。 （これは、それ以上の設定がない唯一の効果です。）

カラーバランスを使用すると、各RGBカラーのバランスを調整できます。

そして、二値化は画像のすべての色を純粋な黒または純粋な白に変えます。

しかし、これらの補正効果はすべて、グラデーションマップの素晴らしさに比べると見劣りします。グラデーションマップは、おそらくこれら9つの中で最も複雑であり、さらに重要なことに、私のお気に入りです。そのため、この1つの修正レイヤー専用のチュートリアル全体を作成しました。

グラデーションマップ：それらが何であり、どのように機能するか

グラデーションマップは、グレースケール画像とカラー画像の両方で、画像の色を変更するためのシンプルでありながら用途の広いツールです。

他の補正レイヤーと同様に、[レイヤー]パレットを右クリックし、[新しい補正レイヤー]、[グラデーションマップ]の順にクリックすると、グラデーションマップレイヤーを作成できます。その後、次のウィンドウがポップアップ表示されます。

上部にカラーバーが表示され、キャンバスに適用されるグラデーションが表示されます。左下には、選択できるグラデーションがあります。グラデーションをダブルクリックして、カラーバーにコピーします。

このグラデーションのグループは、グラデーションセットと呼ばれます。他のグラデーションセットにアクセスするには、現在のグラデーションセットの名前をクリックします。これにより、プレインストールされた、自分で作成した、または以前にダウンロードしたグラデーションセットを含むドロップダウンメニューが開きます。

次の例では、プリインストールされている「Sky」グラデーションセットから「Sunset（紫）」グラデーションを選択しました。

それ以上の設定を変更せずに単に[OK]を押すと、画像に次のような影響があります。

左側には、編集されていないバージョンが表示されます。右側は同じ画像ですが、「日没（紫）」が適用されています。

補正レイヤーのブレンドモードまたは不透明度を変更すると、効果が異なります。これについては、後のセクションで詳しく説明します。

基本的に、グラデーションマップ補正レイヤーは、画像内の各ピクセルのグレースケール値（つまり、色がどれだけ暗いか明るいか）を読み取ります。次に、各ピクセルにグラデーションに応じて新しい色が割り当てられます。純粋な白の領域はグラデーションの右端の色に変わり、純粋な黒は左端の色になります。中程度の色は、グラデーションの中央に沿った色に変わります。

遭遇するほとんどのグラデーションは、左側の暗い色から右側の明るい色までの範囲です。しかし、グラデーションマップで可能なことはそれだけではありません。たとえば、グラデーションは必ずしもスムーズな遷移を持つ必要はありません。暗い色から明るい色に移行する必要はなく、必要な数の色を使用できます。

グラデーションマップの編集と作成の基本

カラーバーの下には、いくつかの小さな矢印があります。これらのノードはそれぞれ特定の色を定義します。グラデーションの他のすべての色は、これらの色を混合することによって作成されます。

これらのノードをドラッグして別の位置に移動するか、右下の[位置]ボックスに別の番号を入力できます。新しいノードを作成するには、グラデーションの空のスポットをクリックします。右下のゴミ箱アイコンをクリックすると、現在選択されているノードが削除されます。

ノードに別の色を割り当てるには、[指定した色]の下にある色付きの長方形をクリックします。これにより、カラーセレクターが開きます。 （代わりに「メイン描画色」または「サブ描画色」を選択することもできます。名前が示すように、これにより、現在選択されているメイン色またはサブ色に色が変更されます。これは、ツールのグラデーションを作成するのに役立ちますが、勝ちました。これはこのチュートリアルのトピックではないので、これについてはこれ以上詳しく説明しません。）

 

重要：カラーバーに加えた変更は、グラデーションセットに自動的に保存されません。グラデーションをセットに保存するには、グラデーションセットの下にあるボタンを使用する必要があります。

1.最初のボタンは、現在強調表示されているグラデーションをカラーバーのグラデーションに置き換えます。別のグラデーションを強調表示するには、1回クリックします（2回クリックするとカラーバーが上書きされます）。

2. 2番目のボタンは、強調表示されたグラデーションをダブルクリックするのと同じように機能します。カラーバーのグラデーションを置き換えます。

3. 3番目のボタンは、グラデーションセットで強調表示されたグラデーションのコピーを作成します。

4. 4番目のボタンは、グラデーションを新しいグラデーションとしてカラーバーに保存します。

5.最後に、ごみ箱アイコンは、強調表示されたグラデーションをセットから削除します。

意図していないグラデーションを誤って上書きまたは削除した場合でも、恐れることはありません。 「OK」ではなく「キャンセル」をクリックすると、行われたすべての変更が取り消されます。ただし、グラデーションマップウィンドウを開いてから行ったすべての変更が含まれるため、この点に注意してください。

 

まだ言及していないインターフェースの最後の領域は、混合率曲線です。

各ノードの混合率曲線は、その色が右側の次のノードの色とどのように混合するかを決定します。したがって、右端のkönnenノードには混合率曲線がありません。混合率曲線は、ノード間のすべての色がどのように混合されるかを決定するため、グラデーションの外観を決定する上で最も重要な要素の1つです。

x軸は、左ノードの位置から右ノードの位置までの範囲の位置を表します。一方、y軸は、特定の位置で右色と左色が混合される比率を決定します。

 

下の画像は、デフォルトの混合率曲線を示しています（右側の黒いノード）。混合率曲線チェックボックスがチェックされていない場合、上記のデフォルト曲線と同じように動作します。

このグラフは完全に線形ではありません。つまり、2つのノード間の勾配は完全に滑らかではありません。線形グラデーションを作成するには、2つの中央のコントロールポイントをグラフからドラッグして削除します。

 

以下に示すような曲線は、混色なしで、ある色から次の色に直接遷移します。

 

一方の端が黒でもう一方の端が白の場合、デフォルトの曲線と同様のSカーブを作成すると、非常に暗いグレーと非常に明るいグレーが得られ、中間調の範囲ではグレーが少なくなります。

 

一方、逆Sカーブでは、中間調のグレーが多くなり、非常に暗いまたは非常に明るいグレーが少なくなります。

 

また、左右の色の間を何度か行ったり来たりすることもできます。

 

セット内のグラデーションを編集できるだけでなく、まったく新しいグラデーションセットを作成することもできます。グラデーションセット名の横にあるレンチアイコンをクリックします。そこには、グラデーションセットを作成するためのオプションがあるだけではありません。セットまたは単一のグラデーションの名前を変更することもできます。

グラデーションマップの可能な用途

もちろん、以下の用途に限定されるものではありません。グラデーションマップを仕事で利用する方法には無限の可能性があります！これらの例は、私が個人的によく使用する方法と同様に、最も一般的でよく知られている使用法の一部です。

1.グレースケールアートワークの色付け

前に示したように、不透明度100％の標準でグラデーションマップを使用するだけで、スケッチやモノクロのアートワークに色を追加できます。これにより、ソーシャルメディアに投稿する前に、実際に色を付けることなく、単純な落書きをはるかに面白くすることができます。

しかし、それをさらに一歩進めて、その上にローカルカラーを追加することもできます。ローカルカラーは、オーバーレイレイヤーまたはオーバーレイフォルダーにある必要があります。これを行うには、オーバーレイレイヤーの色が真っ白に表示されないため、紙の色を中間調の灰色に変更することをお勧めします。

下の画像では、左バージョンと右バージョンの両方に紫色のオーバーレイが適用されています。ご覧のとおり、左バージョンのホワイトペーパー領域は完全に白のままでした。

 

上にいくつかのローカルカラーをペイントした後、これは前の同じ図面がどのように見えるかです：

上記のバージョンでは、シンプルで温かみのある色調のセピアグラデーションを使用しました。ただし、補正レイヤーは非破壊であるため、戻ってグラデーションを変更することはできます。 2回クリックするだけで、アートワークはまったく異なる雰囲気を得ることができます。

2.不透明度のある線画の着色

線画の不透明度を変化させて作業する場合、グラデーションマップはシンプルでありながら効果的なツールであり、手動で色を付けることなく、線のくすみを大幅に軽減できます。

まず、線画レイヤーをフォルダーに配置します。線の下に別のレイヤーを追加し、真っ白で完全に塗りつぶします。線画の上に、選択したグラデーションでグラデーションマップ補正レイヤーを作成します。

グラデーションの右端は真っ白になっているはずです。そうでない場合、グラデーションマップは線画だけでなく、その下のすべての色にも影響します。 （それが目的であれば、どちらを有利に使用できますが、この場合、線画の下のカラーレイヤーに影響を与えないようにします。）

これまでのところ、線画は次のようになっているはずです。

 

そして最後のステップ：lineartフォルダーのブレンドモードをMultiplyまたはLinearBurnに変更します。これらのブレンドモードの両方で、白い領域が透明になるため、下の色が再び表示されます。

 

下の画像は、前と後を示しています。これは前の方法よりも微妙な効果ですが、素晴らしい仕上げを作成します。

 

この方法で覚えておく必要があることの1つは、フラットカラーが十分にきれいでなく、線画がかなり明るい場合、フラットカラーのエッジが見えるようになることです。線画が全体的にかなり暗い限り、問題になることはありません。

3.オーバーレイでコントラストを調整する

これは、色付きのアートワークに仕上げを加えるためのもう1つのすばやく簡単なトリックです。グラデーションマップは、コントラストを増減できるだけでなく、配色も調和させます。

通常どおりにグラデーションマップレイヤーを追加します。コントラストを上げるには、グラデーションを左側の暗い色から右側の明るい色に移行する必要があります。一方、明るい色から暗い色に変化するグラデーションは、画像のコントラストを低下させます。

 

グラデーションの右側にあるボタンを使用して、グラデーションマップの方向を反転できます。

 

 

グラデーションマップ補正レイヤーは、他のすべてのレイヤーの上にある必要があります。次に、補正レイヤーのブレンドモードをオーバーレイに設定し、必要に応じて不透明度を下げる必要があります。

この場合、私は暗い色から明るい色へのグラデーションマップを使用しました（コントラストを上げています）。左側はグラデーションマップオーバーレイを100％で示していますが、右側では不透明度が50％に低下しています。

 

4.画像をグレースケールに変換する

グラデーションマップ補正レイヤーを使用すると、画像を正確にグレースケールに変換する最も簡単な方法です。ここで重要なのは「正確に」です。技術的には、色相/彩度/明度レイヤーを追加して彩度を0に変更する方が簡単だからです。以前は後者を使用して、アートワークの値をチェックしていました。これはほぼ最悪です。それについて行く方法。私が犯したのと同じ過ちを犯さないでください。

その理由については詳しく説明しませんが、ご自身で確認できるように、結果は大幅に異なります。

飽和度が0％のバージョンは、他の2つとは大きく異なります。黄色は本来よりもかなり暗くなり、青は明るすぎます。

 

例で使用されているようなグレースケールグラデーションマップを作成するには、一方の端に黒を追加し、もう一方の端に白を追加することはできません。ブラックノードの混合率曲線は線形である必要があります。混合率曲線をデフォルトのままにすると、画像のコントラストがわずかに増加します。

グラデーションマップをダウンロードする方法

独自のグラデーションマップを作成せずに、より多くのグラデーションマップを利用できるようにしたい場合は、Clip StudioAssetsからグラデーションマップをダウンロードできます。

（このチュートリアルで使用されているグラデーションの多くは、アセットから無料でダウンロードできます。ユーザー名「toffl」を検索するか、プロファイルにアクセスしてください）

まず、他のブラシやマテリアルと同様に、アセットに移動し、好きなグラデーションセットを見つけて、右上のダウンロードボタンをクリックする必要があります。次に、グラデーションマップレイヤーを作成し、グラデーションセットの名前の横にあるレンチアイコンをクリックして、[マテリアルセットのインポート]をクリックします。これにより、ダウンロードしたグラデーションセットを含む新しいウィンドウが開きます。いずれかを選択して[OK]をクリックすると、グラデーションセットのリストに追加されます。

（このチュートリアルで使用されているグラデーションの多くは、アセットから無料でダウンロードできます。ユーザー名「toffl」を検索するか、プロファイルにアクセスしてください）

プロセスのチュートリアル：真の値のグラデーションマップを作成する

私の仕事では、ほぼ独占的に「真の価値」の勾配を使用しています。 （私はその用語を自分で作成しました。他にもっと一般的な用語があるかどうかはわかりません。）さて、それは正確にはどういう意味ですか？

最初に説明したように、グラデーションマップは、その値に従って画像内のすべての色に新しい色を割り当てます。真の値のグラデーションマップは、新しい色の値が下にある色の値と一致することを確認します。つまり、新しい色は前の色とは異なる色相または彩度を持っている可能性がありますが、値は同じままです。

つまり、グラデーションによって既に選択した値が変わることを心配する必要はありません。

 

次に、これらのグラデーションを作成する方法について説明します。

ステップ1：グラデーションの最後に純粋な黒と純粋な白のノードを配置します。

ステップ2：グラデーションを構成する色を追加します。色は好きなだけ多くても少なくてもかまいませんが、使用する色が多いほど、グラデーションを完成させるのに時間がかかることに注意してください。

この場合、ダークグリーン、インディゴ、ラベンダー、イエローの4つのノードを追加しました。

各カラーノードの位置の値は、カラーのHLS明度の値と一致する必要があります（少なくとも今のところ）。そうすれば、各色は、価値に忠実であると見なされるために、少なくともほぼ正しい位置になります。

したがって、たとえば、黄色のHLS明度が90の場合、それを位置90に移動し、すべてのノードに対してそれを繰り返します。

ステップ3：すべてのノードの混合率曲線を線形に設定します。これを行うには、[混合率曲線]ボックスをオンにし、2つの中央のコントロールポイントをグラフからドラッグして削除します。

ステップ4：最後のステップは値を調整することです。これを行うには、最初に次のようにキャンバスを設定する必要があります。

まず、完全に滑らかな黒から白へのグラデーションでレイヤーを作成します。編集するグラデーションマップは、その上にある必要があります。そして最後に、最上部には、グレースケールグラデーションマップを備えた別のグラデーションマップレイヤーが必要です。

これまで取り組んできたグラデーションマップのオンとオフを切り替えると、結果がわずかに変化することに気付くでしょう。

ここでの目標は、前後ができるだけ似るように新しいグラデーションマップを変更することです。これを行うには、色のHLS明度を変更するか、別の位置に移動します。次に、グラデーションマップのオンとオフを切り替えて、値を再度確認する必要があります。結果に満足する前に、おそらくこのプロセスを数回繰り返す必要があります。

通常、青と紫は左側（暗い）側に近づける必要がありますが、黄色とオレンジは右側（明るい）側に押す必要があります。

（新しいグラデーションマップとグレースケールグラデーションマップの両方をオンにすると、グラデーションにいくつかのアーティファクトがあり、それを取り除くことができない場合があります。なぜそれが時々発生するのかわからないため、無視することにしました。 ）

結論とソーシャルメディア

そして、それはすでにグラデーションマップの世界への私たちの短い余談の終わりです。

このチュートリアルが何らかの形でお役に立てば幸いです。グラデーションマップを適用するためのいくつかの基本的な方法のみを取り上げたので、探索する可能性はもっとたくさんあります！

冒頭で述べたように、このチュートリアルは2人のアーティストによって作成されました。私（Toffl）がチュートリアルを書き、ナレーションを録音している間、Esraはビデオを編集してアニメーション化しました。このチュートリアルで使用されるすべての図面、アニメーション、およびビデオは私たちの1人によって作成され、使用されるすべてのグラデーションはClip Studio Paintにプリインストールされているか、私によって作成されました。

Instagram、Twitter、Artstationでフォローして、アートやその他のコンテンツをもっと見てみましょう。

 

Esra：esra_arts（twitter、instagram）

（クリップスタジオプロファイル：https：//profile.clip-studio.com/en-us/profile/362yzkvzw-o8）

 

Toffl：ktoffl（instagram、artstation）