グラデーションマップをカスタム作成する方法
![グラデーションマップをカスタム作成する方法](https://nonkatsu.com/wp-content/uploads/2022/09/make-gradient-map.webp)
この記事は、
クリスタのグラデーションマップを自分で作りたい!
人向けの記事です。
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
グラデーションマップ、便利ですよね。
この記事のタイトルイラストも、カスタム作成したグラデーションマップで塗りました。
![グラデーションマップをカスタム作成して色を塗ったイラスト](https://nonkatsu.com/wp-content/uploads/2022/09/img_make-gradient-map1.webp)
![グラデーションマップをカスタム作成して色を塗ったイラスト](https://nonkatsu.com/wp-content/uploads/2022/09/img_make-gradient-map1.webp)
カスタム作成したグラデーションは7つです。
グレーで描いたイラストの上にグラデーションマップのレイヤーを追加しました。
![レイヤー構成](https://nonkatsu.com/wp-content/uploads/2022/09/img_make-gradient-map2.webp)
![レイヤー構成](https://nonkatsu.com/wp-content/uploads/2022/09/img_make-gradient-map2.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
グリザイユ画法みたいな感じ?
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
そうそう。
グラデーションマップを作る手順を詳しく書いて行きますね。
グラデーションマップの作り方
グラデーションマップは、グラデーションマップのウィンドウで作ります。
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
グラデーションマップを使うときにポップするウィンドウです。
まずはグラデーションマップウィンドウを表示します。
グラデーションマップウィンドウを表示する
色を塗りたいレイヤーを右クリックしてメニューを表示します。
![レイヤーを右クリック](https://nonkatsu.com/wp-content/uploads/2022/09/img_make-gradient-map3.webp)
![レイヤーを右クリック](https://nonkatsu.com/wp-content/uploads/2022/09/img_make-gradient-map3.webp)
①「新規色調補正レイヤー」を選択します。
②「グラデーションマップ」をクリックします。
![グラデーションマップをクリック](https://nonkatsu.com/wp-content/uploads/2022/09/img_make-gradient-map4.webp)
![グラデーションマップをクリック](https://nonkatsu.com/wp-content/uploads/2022/09/img_make-gradient-map4.webp)
グラデーションマップウィンドウが表示されます。
![グラデーションマップウィンドウ](https://nonkatsu.com/wp-content/uploads/2022/09/img_make-gradient-map5.webp)
![グラデーションマップウィンドウ](https://nonkatsu.com/wp-content/uploads/2022/09/img_make-gradient-map5.webp)
新規グラデーションセットを追加する
新規グラデーションセットを追加します。
グラデーションセットの新規作成メニューは「工具のマーク」の中にあります。
![工具のマークをクリック](https://nonkatsu.com/wp-content/uploads/2022/09/img_make-gradient-map6.webp)
![工具のマークをクリック](https://nonkatsu.com/wp-content/uploads/2022/09/img_make-gradient-map6.webp)
「セットの新規作成」をクリックします。
![セットの新規作成をクリック](https://nonkatsu.com/wp-content/uploads/2022/09/img_make-gradient-map7.webp)
![セットの新規作成をクリック](https://nonkatsu.com/wp-content/uploads/2022/09/img_make-gradient-map7.webp)
①グラデーションセットの名前を付けます。
②OKをクリックします。
![名前を付けてOKをクリック](https://nonkatsu.com/wp-content/uploads/2022/09/img_make-gradient-map8.webp)
![名前を付けてOKをクリック](https://nonkatsu.com/wp-content/uploads/2022/09/img_make-gradient-map8.webp)
グラデーションセットが追加されます。
![新規グラデーションセットが追加された](https://nonkatsu.com/wp-content/uploads/2022/09/img_make-gradient-map9.webp)
![新規グラデーションセットが追加された](https://nonkatsu.com/wp-content/uploads/2022/09/img_make-gradient-map9.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
グラデーションセットの名前は「魔女さん」にしました。
グラデーションの色を指定する
次に、グラデーションの色を指定します。
色の指定方法は4つです。
- メイン描画色を指定する
- サブ描画色を指定する
- 色の指定ウィンドウで色を指定
- スポイトで画面の色を取得
![グラデーションの色を指定する方法は4つ](https://nonkatsu.com/wp-content/uploads/2022/09/img_make-gradient-map10.webp)
![グラデーションの色を指定する方法は4つ](https://nonkatsu.com/wp-content/uploads/2022/09/img_make-gradient-map10.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
今回は③の「色の指定ウィンドウ」を使いました。
グラデーションの色を指定する流れは以下です。
- グラデーションバーのポインターをクリック
- 色指定の四角をクリック
- 色の指定ウィンドウで色を指定
①色を変えたいポインターをクリックします。
②色指定の四角をクリックします。
![グラデーションの色を指定する流れ1](https://nonkatsu.com/wp-content/uploads/2022/09/img_make-gradient-map11.webp)
![グラデーションの色を指定する流れ1](https://nonkatsu.com/wp-content/uploads/2022/09/img_make-gradient-map11.webp)
色の指定ウィンドウがポップするので、色を指定してOKをクリックします。
![グラデーションの色を指定する流れ2](https://nonkatsu.com/wp-content/uploads/2022/09/img_make-gradient-map12.webp)
![グラデーションの色を指定する流れ2](https://nonkatsu.com/wp-content/uploads/2022/09/img_make-gradient-map12.webp)
ちなみに、色の指定ウィンドウの色の選び方は5種類あります。
- 標準
- カラーサークル1
- カラーサークル2
- カラーセット
- カラーヒストリー
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
わたしは「カラーサークル2」が使いやすいです。
![カラーサークル2の場合](https://nonkatsu.com/wp-content/uploads/2022/09/img_make-gradient-map13.webp)
![カラーサークル2の場合](https://nonkatsu.com/wp-content/uploads/2022/09/img_make-gradient-map13.webp)
色の指定ウィンドウで色を選んでOKをクリックすると、グラデーションの色が変わります。
![グラデーションの色を変更できた](https://nonkatsu.com/wp-content/uploads/2022/09/img_make-gradient-map14.webp)
![グラデーションの色を変更できた](https://nonkatsu.com/wp-content/uploads/2022/09/img_make-gradient-map14.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
2色以上のグラデーションを作りたい場合はどうしたらいいの?
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
ポインターを追加するといいよ。
ポインターを追加する方法
グラデーションバーの底辺をクリックするとポインターを追加できます。
![底辺をクリックするとポインターを追加できる](https://nonkatsu.com/wp-content/uploads/2022/09/img_make-gradient-map15.webp)
![底辺をクリックするとポインターを追加できる](https://nonkatsu.com/wp-content/uploads/2022/09/img_make-gradient-map15.webp)
アクティブなポインター(色を変えられるポインター)は「白」です。
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/02/ni2402.webp)
選択していないポインターはグレーになるんだね。
色を指定したいポインターをクリックして切り替えながら、
それぞれのポインターに好きな色を指定して、グラデーションを作ります。
ポインターを削除する場合は、
ポインターがアクティブな状態でグラデーションバーの右下のゴミ箱のアイコンをクリックします。
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
次は、作成したグラデーションを保存する方法です。
グラデーションを保存する
新規作成したグラデーションは保存しないと消えてしまいます。
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
保存すると、繰り返し使えて便利です。
グラデーションセットの枠の右下のアイコンをクリックします。
![アイコンをクリック](https://nonkatsu.com/wp-content/uploads/2022/09/img_make-gradient-map16.webp)
![アイコンをクリック](https://nonkatsu.com/wp-content/uploads/2022/09/img_make-gradient-map16.webp)
①グラデーションの名前を入力します。
②OKをクリックします。
![グラデーションの名前を決める](https://nonkatsu.com/wp-content/uploads/2022/09/img_make-gradient-map17.webp)
![グラデーションの名前を決める](https://nonkatsu.com/wp-content/uploads/2022/09/img_make-gradient-map17.webp)
グラデーションがグラデーションセットに追加されました。
![グラデーションセットにグラデーションを追加できた](https://nonkatsu.com/wp-content/uploads/2022/09/img_make-gradient-map18.webp)
![グラデーションセットにグラデーションを追加できた](https://nonkatsu.com/wp-content/uploads/2022/09/img_make-gradient-map18.webp)
「グラデーションを作成したら保存」をお忘れなく!
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
わたしはグラデーションの保存をたびたび忘れて悲鳴を上げます…。
これでグラデーションマップをカスタム作成する方法は終わりです。
グラデーションマップウィンドウのOKを押すとグラデーションマップのレイヤーが追加されます。
![OKをクリックするとグラデーションマップのイレヤーが追加される](https://nonkatsu.com/wp-content/uploads/2022/09/img_make-gradient-map19.webp)
![OKをクリックするとグラデーションマップのイレヤーが追加される](https://nonkatsu.com/wp-content/uploads/2022/09/img_make-gradient-map19.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
グラデーションセットを作りながら色を塗りました。
今回のタイトルイラストは、
「とことん解説!キャラクターの「塗り」入門教室」を見ながら描きました。
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
わたしが今イラストの練習に使っている本です。
ではまた!