Clip Studio Paintチュートリアル

グラデーションマップでカラーリングをマスターする方法！

12,684

CrimsyCreates

序章

みなさん、こんにちは。私はクリムジー教授です。10回目のClipStudioPaintチュートリアルへようこそ。

今日のクラスでは、グラデーションマップについて知っておく必要のあるすべてのことと、この機能がグレースケールのイラストをすばやく効率的に色付けおよび編集するのにどれほど効果的かを説明します。そして、5月は私にとってバニーの月なので、この機会にゾンビバニーガールのアブシンスのグレースケールの肖像画を描きました！

最初に、グラデーションマップとは何か、そしてそれらを学ぶ価値がある理由について説明します。次に、グラデーションマップウィンドウとそのすべての設定の概要を説明し、最後に、次のことを行うために知っておく必要のあるすべての手順とヒントについて説明します。グレースケールのアートワークを、以下のような鮮やかでカラフルなイラストに変えましょう！

この機能だけでカバーすることがたくさんあるので、これ以上面倒なことはせずに、儀式を始めましょう！

グラデーションマップの概要

グラデーションマップは、「新しい修正レイヤー」サブメニューの下部にある「レイヤー」メニューに移動することで、ClipStudioPaintにある機能です。レイヤーまたはフォルダーのいずれかを選択して右クリックし、[新しい修正レイヤー]に移動して、そこからグラデーションマップを作成して同じ結果を得ることができます。

グラデーションマップウィンドウが開くと、以前に選択したレイヤーの上に、白いレイヤーマスクとともに新しい補正レイヤーが自動的に作成されます。グラデーションマップを選択的に適用するときに、キャラクターのさまざまな部分を分離することが後で重要になるため、このレイヤーマスクを保持します。

補正レイヤーの優れた点は、非破壊的であるということです。つまり、[OK]を押してこれらの設定をアートに適用した場合でも、いつでも修正レイヤーに戻ってダブルクリックし、グラデーションマップウィンドウを再度開いて新しい変更を加えることができます。また、[編集]メニューからグラデーションマップにアクセスできることにも注意してください。ただし、補正レイヤーを作成する代わりに、グラデーションマップ効果をレイヤーとユーザーに適用するだけなので、個人的にこの方法を使用することはありません。後で結果を編集できなくなるので、そのことは忘れましょう。

了解しました。グラデーションマップを作成すると、アートワークの色調の変化にすぐに気付くはずです。たとえば、ここでは、私のものは目に見えて暗くなった。これは、グラデーションマップウィンドウが現在の設定のインスタントプレビューと、それらが私のアートワークにどのように影響するかをリアルタイムで提供するためです。

なぜグラデーションマップを使用するのですか？

では、追いかけましょう。グラデーションマップ機能を学ぶ価値があるのはなぜですか。

理由はたくさんありますが、簡単な答えはスピードと汎用性です。簡単に言うと、この上部にあるグラデーションバーを使用すると、基本的に、キャンバスにすでに存在するすべての値にまったく新しい色の値を再割り当てできます。たとえば、「線画を黒にしたくない、代わりに濃い青にしたい」と言うことができるので、グラデーションバーの最も暗いレベルにある最初の小さな矢印ノードに移動し、クリックします。その上で、ここでそのカラーボックスに移動し、ダークブルーの色を選択します。

そして、ちょうどそのように、アートワークのすべての黒い領域の値が濃い青に変更されます。

また、アートワークのすべての色調値に対してこれを行うことができます。白でも、その間のすべての灰色の色調でもかまいません。この機能を使用すると、基本的に、ボタンをクリックするだけで、アートに対して必要な数の色の反復を行うことができます。

グラデーションマップの多くの用途

確かに、グラデーションマップには多くの用途がありますが、そのうちのいくつかを次に示します。

1.カラーマンガページ。

2.コンセプトアートにすばやくカラーバリエーションを作成します。

3.色を決める前に、作品の雰囲気を試してみてください。

4.すでに完成している作品にカラーフィルターを追加するか、気分を完全に変えます。（はい、グラデーションマップはカラー画像でも機能します！）

5.そしてもちろん、本日取り上げるとおり、グラデーションマップを使用するだけで、グレースケールのアートワークを最初から完全に着色することができます。

グラデーションマップウィンドウの設定

ただし、今日のチュートリアルの要点に入る前に、まずグラデーションマップウィンドウとそのすべての設定に目を通し、グラデーションマップの設定と管理の方法をよりよく理解しましょう。

グラデーションバー

まず、一番上にグラデーションバーが表示され、現在使用されているグラデーションのプレビューが表示されます。その下にあるノードとも呼ばれる小さな矢印は、グラデーションの色の値を表しており、選択するとここのカラーボックスに表示されます。これらのノードはバーに沿った任意の位置に移動でき、バーの下の増分に沿ってクリックするだけで新しいノードを作成できます。

グラデーションに適した色を選択するためのヒント

グラデーションバーについて言及するもう1つの重要なことは、グラデーションの色を選択するときに覚えておく必要のあるいくつかのルールです。デフォルトのバーは黒から白に変わり、グレースケールのアートワークも同様になります。グラデーションマップを操作するときは、トーンと値の概念を理解することが非常に重要です。選択した色とグラデーションバーのどこに配置するかは、見栄えを良くするために特定のロジックに従う必要があるためです。

たとえば、ノードの色は、独自のアートワークの値の信頼性を維持するために、値が暗い色から明るい色に変わる必要があります。

また、おそらく互いに色相が近い色を選択することを目指す必要があります。これらの色は通常、グラデーションで最適な色の組み合わせになります。

最後に、ノード間のブレンドがより自然に見えるように、同じ程度の彩度の色を選択するようにしてください。

つまり、実際には、色彩理論、色のプロパティ、色空間を基本的に理解することは、グラデーションマップに関しては、色調と値を理解することと同じくらい重要です。すべての色には同等のグレースケールがあり、特定の色に合う色を選択したい場合があるからです。トーンですが、選択に使用している色空間によっては、色の色相と彩度を調整するときに、そのトーンを維持するのが難しい場合があります。

色空間とそれらが色選択にどのように影響するかについての簡単なレッスン

これを簡単に示すために、6つの正方形を作成しましょう。 3つの正方形はHSV色空間を表し、3つの正方形はHLS色空間を表します。

カラースペースにアクセスするには、メインのカラーアイコンをダブルクリックしてカラー設定ウィンドウに移動する必要があります。ご覧のとおり、HSVは色相、彩度、値を表し、HLSは色相、明度、彩度を表します。私が信じるこれらの2つの色空間は、そこにあるすべてのデジタル描画ソフトウェアに見られ、両方ともまったく同じ量の色を持っていますが、あまり詳細に説明することなく、それらはほとんどの場合、言われた色を表示する方法が異なり、私を信じています、これは非常にグラデーションマップを操作するときに知っておくべき関連情報。

現在、すべての正方形がニュートラルグレーの色調で塗りつぶされているので、色設定ウィンドウに移動して、HSV色空間にいることを確認し、彩度を50にして[OK]を押します。次に、灰色の正方形のピクセルをロックし、ショートカットAlt + Delを使用して、2番目の正方形を現在の色で塗りつぶします。次に、同じことを行いますが、今回は彩度を100にします。これが完了したら、同じ手順を繰り返しますが、今回はHLS色空間で行います。途中で色相をゼロに、明度を50に保ち、彩度の量を50と100に変更するだけです。

正しい方法で、これらの色が同じではないことがわかります。トップメニュー→レイヤー→新しい補正レイヤー→色相/彩度/明度に移動し、色からすべての彩度を削除すると、上の正方形に気付くでしょう。、同じ値を維持した後でも、すべてのトーンが異なるようになりましたが、下の四角はずっとトーンの一貫性を保っていました。

簡単に言うと、これは、これらの色空間が色特性を優先する順序のために発生します。 HSV空間では、色相が一番上にあり、彩度が2番目になり、値が最後になります。 HLSスペースでは、色相も一番上にありますが、明度が2番目になり、彩度が最後になります。おそらくそれよりもはるかに複雑ですが、これは私が覚えやすいようにするために私が個人的にそれを呟く方法です。

混合率曲線

グラデーションマップウィンドウに戻ると、右下隅に混合率曲線があります。この曲線とそのコントロールポイントは、ノードとその右側の隣接ノードの間で発生するグラデーションのタイプを定義します。この「S」カーブは、ノード間で可能な限り滑らかなグラデーションを作成しますが、コントロールポイントをドラッグしてさまざまな種類のグラデーションを作成し、カーブに沿ってクリックして新しいグラデーションを作成し、ドラッグして削除することができます。グラフの。

グラデーションセット

次に、アクティブなグラデーションセットがあります。グラデーションセットは、基本的にグラデーションのグループを含むフォルダーです。ここでこのドロップダウンメニューに移動すると、Clip Studio Paintにデフォルトであるもの、作成したもの、Clip Studioアセットストアから取得したものなど、すべてのグラデーションセットにアクセスできます。

使用するには、ダブルクリックするか、選択して、下部にある[グラデーションバーに読み込む]アイコンをクリックするだけです。簡単です。

この時点で、これらのグラデーションのノードをいじってみても、デフォルト設定が上書きされないことに注意してください。グラデーションのノードを完全に変更した場合でも、別のグラデーションに切り替えると、すべての設定がデフォルトにリセットされます。グラデーションの設定を永続的に変更するには、ここにある[保存したグラデーションを置き換える]アイコンをクリックする必要があります。ただし、これらの設定を変更した場合、そのウィンドウで[OK]を押すと元に戻らないことに注意してください。

したがって、実際に行う方がよいのは、再生するグラデーションのコピーを作成し、それを選択してここの[選択したグラデーションの複製]アイコンに移動し、名前を付けて、代わりにそのグラデーションの設定を上書きすることです。。

元のグラデーションの1つに誤って変更を加えたり、作成済みのグラデーションから新しいグラデーションを作成したりして、結果を保持したい場合は、[新しいグラデーションを作成]に移動して、名前を付けて[OK]を押します。これにより、最初に基づいていた設定に影響を与えることなく、使用していた設定からまったく新しいグラデーションが作成されます。この方法を使用して、あるセットから次のセットにグラデーションを転送することもできます。グラデーションをダブルクリックし、セットを変更して、[新しいグラデーションを作成]をクリックするだけです。

グラデーションを削除するには、ゴミ箱アイコンに移動しますが、一度削除すると元に戻らないので注意してください。

最後に、セットのグラデーションを再編成するには、ここの側面にある矢印を使用します。

ちなみに、先ほど行ったこれらすべてのアクションには、グラデーション自体を右クリックしてアクセスすることもできます。このメニューには、グラデーションの名前を変更するための追加オプションもあります。

ああ、もう1つ知っておくべき非常に重要なことです。グラデーションとセットに加えたすべての変更を保存する場合は、最後にグラデーションウィンドウで[OK]を押す必要があります。このウィンドウを独自の作業セッションとして表示します。ウィンドウを終了するか、キャンセルを押すと、そのセッション中に行ったすべての変更が失われます。幸いなことに、これは、誤ってグラデーションを削除した場合に「キャンセル」を押すことができ、グラデーションウィンドウを再度開くと、削除前の状態に戻ることを意味します。

これは、グラデーションを個別に管理する方法をほぼカバーしていますが、グラデーションセット自体を管理する場合は、ここにあるこの小さなレンチアイコンに移動する必要があります。これにより、セットに固有のいくつかの新しいオプションを含むドロップダウンメニューが開きます。たとえば、新しい空のセットを作成して名前を付けることができます。また、不要になったセットを削除したり、セットのコピーを作成して、必要な名前に変更したりすることもできます。

その下でセットをマテリアルとして登録できます。ちなみに、これは、カスタムグラデーションセットをClipStudioアセットストアで共有する場合に実行する必要があります。

ああ、アセットストアについて言えば、このビデオを見ているすべての人がアセットストアにアクセスして、そこにある何百ものコミュニティで作成されたグラデーションセットを閲覧することを強くお勧めします。ゴールドのクリップポイントをダウンロードする必要があるものもありますが、それらの多くは無料で同じように優れているので、作業を節約して、好きなだけダウンロードしてください。

興味のあるものがあれば、それをクリックしてダウンロードボタンを押し、アートワークのキャンバスに戻ります。

グラデーションマップはツールとは動作が異なるため、ブラシとは異なり、他のグラデーションツールの横にドラッグアンドドロップすることはできません。ダウンロードしたグラデーションマップを使用するには、グラデーションマップウィンドウに戻り、レンチアイコンのドロップダウンメニューに戻って、[グラデーションセットを追加]をクリックする必要があります。

これにより、ダウンロードフォルダーからグラデーションが自動的に認識され、グラデーションライブラリに追加するグラデーションを選択できるようになります。次に、[追加]ボタンをクリックするだけで、グラデーションマップウィンドウが更新され、すべての新しいグラデーションが1つのセットに表示されます。最後に[OK]を押すのを忘れないでください。これで、グラデーションマップウィンドウの設定は完了です。

グラデーションマップを使用してグレースケールアートワークに色を付ける方法

これで、最終的にこのチュートリアルの実用的な章に進むことができます。これは、グレースケールのアートワークからフルカラーのイラストを作成することです。

グレースケールに関するヒント

グレースケールのイラストを作成する際のヒントを1つだけ挙げるとしたら、画像の最も暗い領域と最も明るい領域の間に幅広い値を維持することです。

これはまた、純粋な黒と純粋な白の使用をできるだけ避けることを意味します。これらの2つのトーンは、私たちのトーン範囲の極限を表すため、遊ぶ余地がないためです。アートワーク内の範囲が広くなり、グラデーションマップで使用できる範囲が増えるため、これは重要です。

アートの値の範囲が適切かどうかわからない場合は、トップメニュー→レイヤー→新しい修正レイヤー→ポスタリゼーションを選択して値6.6を入力することをお勧めします。私が通常グラデーションに配置するノードの最大数。これにより、基本的にアートワークが6つのメイントーンになり、それらが何であるかがわかります。

ここでわかるように、私のトーンは、シャドウのダークグレーからハイライトのライトグレーにはっきりと変化し、このように単純化されていても、シェーディングの深さは非常に読みやすくなっています。これを行っても、明るい値または暗い値が多すぎる場合、またはアートのグレーが互いにはっきりと離れていない場合は、明るさ/コントラスト補正レイヤーを使用して作品のコントラストをパンチするときが来ました。または、それに戻って、シャドウまたはライト領域をもう少し適切に再定義します。

グレースケールアートワークにグラデーションを適用する

したがって、グレースケールアートワークの価値に満足したら、いよいよ適用してカラーリングプロセスを開始します。そして実際、グラデーションマップをアートワークに適用することは、このビデオで最も簡単で最速のステップです。

いずれかのフォルダの上に新しいグラデーションマップを作成します。たとえば、ここでスキンレイヤーを開始します。ここで、グラデーションマップレイヤーをクリップするか、グラデーションの作成が完了した後で作成します。

これは、アートワークをこのようなフォルダーに分割していない場合に、補正レイヤーにアタッチされたレイヤーマスクを使用して、グラデーションマップを適用するアートワークの領域を分離できるポイントです。このプロセスは非常に簡単です。飽和グラデーションのタイプを選択するだけです。どちらを選択しても、[OK]を押してください。

次に、レイヤーマスクを選択し、キーボードの削除ボタンを押して、ペンブラシまたはソフトブラシをつかみ、マスクレイヤーに純白を適用し始めます。

少し速いので私が使いたいもう一つのツールはなげなわツールです。含める領域全体を選択し、キーボードのショートカットAlt+Delを使用して白を塗りつぶすだけです。

次に、あとはグラデーションマップのグラデーションを作成するだけです。また、グラデーションバーと適切な色の選択方法に関するすべての理論はすでに説明されているので、そのままスキップしてそれを実行できます。

通常、グラデーションにアプローチする方法は、最初に最も暗い値と最も明るい値を選択してから、そこから実験することです。そして、これは本当にグラデーションを作成することの要点です。たくさんの実験を行い、あちこちにカラーノードを追加して移動し、値と彩度を調整し、試行錯誤を繰り返すことで、本当に気に入った結果が得られます。

ヒント：アートの特定のトーンを本当にターゲットにしたい場合は、グラデーションマップを非表示にし、そのグレートーンをカラーピックして、その位置がグレースケールのどこにあるかを確認することをお勧めします。次に、グラデーションマップに戻り、グラデーションバーの同等の位置にノードを作成し、カラーピッカーに移動してメインのカラーアイコンをクリックし、色を割り当てたいのと同じグレー値を取得します。最後に、色空間をHLSに切り替えます。これは、前に説明したように、この時点から、任意の色相と彩度を選択でき、グレートーンは常に同じ値のままになります。

その色彩理論が私たちのアートワークのトーンに忠実であり続けることがどれほど実用的であったかをご覧ください。

とにかく、これが私が肌のグラデーションのために最終的に得たものです。私は、端にダークブラウンとライトベージュを使用し、より飽和したダークベージュの色合いに続いて、中央に近い少し飽和した明るいベージュの色合いを使用しました。

次に、そのグラデーションマップレイヤーを複製し、コピーをfaceフォルダーにクリップしました。

また、キャラクターの肌に緑がかったパッチが必要でした。彼女は結局ゾンビなので、肌のグラデーションマップを複製し、設定ウィンドウを開いて、事前に作成した緑のグラデーションの1つを使用しました。これはかなり単純で、開始中央と終了に濃い緑、薄緑、薄黄色の3つの値しかありません。

次に、マスクから白を削除し、なげなわツールを選択して、緑に変えたい各パッチの選択を開始しました。ショートカットAlt + delを使用して、マスクの白を塗りつぶしました。

それが終わったら、肌の層の彩度に合うように緑の層の不透明度を下げました。それだけです。

その後、髪の毛について、濃い青から緑、明るい黄色へと変化する、より複雑なグラデーションを作成しました。これは、カラーホイールで互いに近い色を選択すると、常に一緒に見栄えがするという先ほどのヒントと一致しています。次に、同じグラデーションを耳に適用しましたが、耳の内側にも別のグラデーションが必要だったので、緑色のグラデーションレイヤーを複製し、それにスキンレイヤーを適用してから、レイヤーマスクから耳の毛皮部分を削除しました。。

以前にClipStudioアセットストアにアクセスしたことのすばらしい点は、このビデオの前にこのセットを見つけたということです。残念ながら、このセットは読むことができませんが、ストアでは「淡いグラデーション」と呼ばれています。そのグラデーションセットで、この本当に素敵なゴールドタイプのグラデーションを見つけて、イヤリングフォルダーに適用しました。

さて、私が前に言及しなかったことは、時々、事前に作成されたグラデーションの色は見栄えがするが、それらはあなたのオリジナルアートの色調の価値に合わないということです。その場合にできることは、グラデーションレイヤーに移動し、そのブレンドモードを「カラー」にすることで、グラデーションの値をオーバーライドすることです。

これで、グラデーションの色の値のみがイヤリングフォルダーに転送されますが、イヤリング自体の色調の値は変更されません。グレースケールアートワークの値に一生懸命取り組むとき、必ずしもそれらの値から離れすぎたくないので、私はこのブレンドモードをグラデーションマップで最もよく使用する傾向がありますが、ブレンドモードを''カラーに変更することを知っています''は基本的にグラデーションの値を無効にするため、ケースバイケースのシナリオです。

その後、キャラクターの目、口、服のグラデーションマップを作成しました。すでに基本事項を説明しており、この記事がかなり長くなっていることを考慮して、これらの画像をいくつか示します。

次に、グラデーションマップレイヤーを調べて、カラーブレンディングモードで見栄えが良くなるかどうかを確認しました。そして、カラーモードの方が優れていることがわかったが、元の値が少し暗すぎて、ここのスキンのように、レイヤー→新しい補正レイヤー→明るさ/コントラストに移動し、クリップしてフォルダと私は私が望む明るい色合いに合うように領域の明るさを調整します。この手法は通常、暗い元の値を補正するために、グラデーションで明るいトーンを偽造するよりも優れています。

さて、もちろん背景を忘れないでください。私はしばらくの間、スパイラル効果を作成して、線がどんどん深くなっていくように見える完璧な色のグラデーションを作成しました。