【Photoshop】グラデーションマップを使って色を変更する方法

  • URLをコピーしました!
絵描き好きさん

色違いを作りたいんだけど、上手くいかないよー!💦
もっと自然な色の変更方法って無いかな?

卯月まめ

グラデーションマップを使えば簡単に、かつ自然な色変更ができます!
カラーバリエーションを作る時にもおすすめです。

この記事ではこんな事がわかります

  • 色を変更する方法
  • グラデーションマップの使い方

下準備として、変更したい箇所をレイヤー分けしておきます。

龍のイラスト
2005年作

今回こちらのイラストの、龍の体の青い色を変更します。

レイヤーはこんな感じ。

(私にしては)細かく分かれていますが、今回は「体」のレイヤーを使用します。竜の青色の部分がこのレイヤーに描かれています。

髪の毛や瞳など、のちのち色を変更していく予定がある部分は、レイヤーを分けて描くと、変更が楽にできます。

それでは解説していきます。

CONTENTS

グラデーションマップレイヤーの作り方と使い方

STEP
新規のグラデーションマップレイヤーを作成する
Photoshopのグラデーションマップを新規作成する
  1. 色を変更したいレイヤーを選択
  2. レイヤーウィンドウの下にある丸いアイコンをクリック
  3. グラデーションマップをクリック
STEP
グラデーションマップレイヤーにクリッピングマスクを適用する
Photoshopのグラデーションマップレイヤーが作成された

「体」レイヤーのすぐ上に、「グラデーションマップ 1」というレイヤーが新しく作成されます。

「グラデーションマップ 1」レイヤーより下にあるレイヤーは、グラデーションマップの影響を受けるため、背景も含めて色が変更されています。

クリッピングマスクを使い、「体」レイヤーのみにグラデーションマップを適用するようにします。

Photoshop、グラデーションマップレイヤーを下のレイヤーにクリッピングマスクを適用する
  1. 「グラデーションマップ 1」レイヤーを選択
  2. レイヤーウィンドウの右上にあるハンバーガーメニューをクリック
  3. クリッピングマスクを作成をクリック

Photoshop、グラデーションマップレイヤーを下のレイヤーにクリッピングマスクを適用する

「体」レイヤーのみに適用されました。

STEP
グラデーションマップのプロパティウィンドウを出す
Photoshop:グラデーションマップのプロパティウィンドウを出す

グラデーションマップレイヤーにある、グラデーションマークをWクリックします。

すると、グラデーションマップのプロパティウィンドウが表示されます。

STEP
グラデーションエディターから色を変更する
Photoshop:グラデーションマップの色を変更する
  1. グラデーションマップのプロパティウィンドウから、グラデーションバーをクリック
  2. グラデーションエディターの、グラデーションバーの下にあるカラー分岐点をクリック
  3. カラーを変更する

Photoshop:グラデーションマップの色を変更する

赤っぽい色にはなりましたが、まだのっぺりとした不自然な赤です💧

グラデーションエディターでの微調整方法

より自然な色味にするために、グラデーションの色を細かく調整していきます。

STEP
カラー分岐点を増やす
Photoshop:グラデーションマップの色を増やす

さきほどのグラデーションエディターから、カラー分岐点の何もない部分をクリックします。


Photoshop:グラデーションマップの色を増やす

すると新しいカラー分岐点が追加されます。

こちらも色を変更する事ができます。

STEP
カラー分岐点をスライドして位置調整
Photoshop:グラデーションマップの色の配置を調整する

カラー分岐点をドラッグすると、位置を変更する事ができます。


Photoshop:グラデーションマップの色の配置を調整する

右に移動してみました。
カラー分岐点の位置を変更するだけでも、かなり印象が変わりますね。

このカラー分岐点を足したり移動したり、色を変更したりして細かく調整していきます。

STEP
納得いくまで調整する
Photoshop:グラデーションマップの色の微調整をする

今回はこんな感じで調整してみました。

一番左の暗い色にあたる部分を、グレー系にする事で反射光的な効果が出ましたね。
イラストや好みで、入れてみるのも良いかもしれません。

グラデーションマップレイヤーをコピーして、別レイヤーに適用する

ヒゲが青いのが気になるので、グラデーションマップをコピーして、「体」レイヤーと同じように赤くします。

STEP
グラデーションマップレイヤーをコピーする
Photoshop:グラデーションマップレイヤーをコピーして、別のレイヤーに適用する
  1. コピーしたいグラデーションマップのレイヤーを選択
  2. レイヤーウィンドウの右上にあるハンバーガーメニューをクリック
  3. レイヤーを複製をクリック
STEP
コピーしたグラデーションマップレイヤーを移動させる
Photoshop:グラデーションマップレイヤーをコピーして、別のレイヤーに適用する

「グラデーションマップ 1のコピー」レイヤーをドラッグして、「髭」レイヤーの上に移動させます。

ちなみにこの流れは、Ctrl+C & Ctrl+V(コピー&ペースト)のショートカットも使えます。

STEP
クリッピングマスクを適用させる
赤い龍

最初のSTEP2でしたように、「グラデーションマップ 1のコピー」レイヤーを、「髭」レイヤーにクリッピングマスクの設定をすれば完了です!

グラデーションマップを上手く使えば、カラーバリエーションも作りやすい!

Photoshop:グラデーションマップを使って作ったカラーバリエーション
  • レイヤーウィンドウで、グラデーションマップレイヤーを非表示にすれば、元の色に戻す事もできます。
  • 新しくグラデーションマップレイヤーを作成すれば、カラーバリエーションをどんどん増やす事ができます。

他にもPhotoshopの基本操作や小ネタなどを載せています。
このブログが少しでもお役に立てれば幸いです。

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
CONTENTS
閉じる