クリスタで「グレーすぎる絵を鮮やかに明るくする」方法
![グレーすぎるイラストを鮮やかに明るくする方法](https://nonkatsu.com/wp-content/uploads/2021/09/brighten-up-a-too-gray-illust.webp)
デジ絵は「色調補正」でイマイチなイラストをかなりカバーできます。
![](https://nonkatsu.com/wp-content/uploads/2024/08/nonkatsuPR240811.webp)
反則級です。
この記事のタイトルイラストも、元はグレーすぎてイマイチでした。
![この記事のタイトルイラストの色調補正](https://nonkatsu.com/wp-content/uploads/2021/09/img_brighten-up-a-too-gray-illust1.webp)
![この記事のタイトルイラストの色調補正](https://nonkatsu.com/wp-content/uploads/2021/09/img_brighten-up-a-too-gray-illust1.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)
クリスタをどう使ったのか書いていきますね。
グレーすぎる絵はトーンカーブの色調補正が難しい
クリスタの色調補正の中で、
初心者さんに一番おすすめできるのが「トーンカーブ」です。
クリスタの色調補正は9種類
![クリスタの色調補正メニュー](https://nonkatsu.com/wp-content/uploads/2021/09/img_brighten-up-a-too-gray-illust2.webp)
![クリスタの色調補正メニュー](https://nonkatsu.com/wp-content/uploads/2021/09/img_brighten-up-a-too-gray-illust2.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/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/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/2021/09/img_brighten-up-a-too-gray-illust3.webp)
![右クリック](https://nonkatsu.com/wp-content/uploads/2021/09/img_brighten-up-a-too-gray-illust3.webp)
「新規色調補正レイヤー」を選択して、
「明るさ・コントラスト」を選びます。
![明るさ・コントラストの場所](https://nonkatsu.com/wp-content/uploads/2021/09/img_brighten-up-a-too-gray-illust4.webp)
![明るさ・コントラストの場所](https://nonkatsu.com/wp-content/uploads/2021/09/img_brighten-up-a-too-gray-illust4.webp)
設定ウィンドウがポップします。
![明るさ・コントラストの設定](https://nonkatsu.com/wp-content/uploads/2021/09/img_brighten-up-a-too-gray-illust5.webp)
![明るさ・コントラストの設定](https://nonkatsu.com/wp-content/uploads/2021/09/img_brighten-up-a-too-gray-illust5.webp)
今回は明るさを「-5」、コントラストを「50」に設定しました。
OKをクリックすると色調補正レイヤーが追加されます。
レイヤーのプロパティで加工の強さや雰囲気を変えられます。
![加工の強さや雰囲気を変えられる](https://nonkatsu.com/wp-content/uploads/2021/09/img_brighten-up-a-too-gray-illust6.webp)
![加工の強さや雰囲気を変えられる](https://nonkatsu.com/wp-content/uploads/2021/09/img_brighten-up-a-too-gray-illust6.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/2021/09/img_brighten-up-a-too-gray-illust7.webp)
![ここまでの加工](https://nonkatsu.com/wp-content/uploads/2021/09/img_brighten-up-a-too-gray-illust7.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/2021/09/img_brighten-up-a-too-gray-illust8.webp)
![グラデーションマップを選択](https://nonkatsu.com/wp-content/uploads/2021/09/img_brighten-up-a-too-gray-illust8.webp)
設定ウィンドウがポップしたら、
グラデーションセット「くすんだ陰影」の、
「くすんだ陰影(赤)」をダブルクリックします。
プレビューにグラデーションマップが反映されたら、
OKをクリックします。
![グラデーションセットを【ダブルクリック】してからOKをクリック](https://nonkatsu.com/wp-content/uploads/2021/09/img_brighten-up-a-too-gray-illust9.webp)
![グラデーションセットを【ダブルクリック】してからOKをクリック](https://nonkatsu.com/wp-content/uploads/2021/09/img_brighten-up-a-too-gray-illust9.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)
ずっとシングルクリックしていました…orz
![](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/2021/09/img_brighten-up-a-too-gray-illust10.webp)
![不透明度を変更](https://nonkatsu.com/wp-content/uploads/2021/09/img_brighten-up-a-too-gray-illust10.webp)
今回は不透明度を10%にしました。
合成モードはデフォルト(通常)のままです。
![](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/2021/09/img_brighten-up-a-too-gray-illust11.webp)
![加工前からグラデーションマップ適用までの比較](https://nonkatsu.com/wp-content/uploads/2021/09/img_brighten-up-a-too-gray-illust11.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)
赤み大事ですわ…。
これでグレーすぎるイラストを鮮やかに明るくする手順は終わりです。
ではまた!