【Photoshop】トーンカーブの使い方【新人デザイナー向け】
Photoshopのトーンカーブの使い方が分からない。
そもそもトーンカーブって何なんだろう?
トーンカーブを使ったチュートリアルがあればやりたい。
Photoshopのトーンカーブについて詳しく知りたいです。
こういった疑問に答えるよ!
デザイナーの@Naoyaです。
Youtube
目次
- Photoshopのトーンカーブとは
- Photoshopのトーンカーブの使い方
- トーンカーブを使ったPhotoshopチュートリアル
- よくある質問
![](https://nexout.blog/wp-content/uploads/2024/02/1280x360_1-1024x288.jpg)
Photoshopのトーンカーブとは
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_01.jpg)
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_01_01.jpg)
Photoshopの「トーンカーブ」は画像の明るさやコントラストをカーブの形状で調整することができる色調補正の内の一つの機能だよ!
画像の調整をする時に最もよく使う色調補正と言ってもいい程、利用頻度高め!
トーンカーブのショートカット
- Mac=Command+M
- Windows=Ctrl+M
トーンカーブのショートカットはこんな感じ。
Photoshopのトーンカーブの使い方
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02.jpg)
続いてトーンカーブの使い方!
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02_01.jpg)
今回はこの画像を使って進めていくよ、画像は何でもいいので用意しておいてね!
画像の開き方が分からない人は下の記事を参考にしてみてね!
- プリセット
- トーンカーブ
- チャンネル
- 画像内でドラッグ
- スポイトツール
順番に見て行こう!
プリセット
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02_02.jpg)
カラーのネガ(RGB)
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02_03.jpg)
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02_12-1024x576.jpg)
プリセット=「カラーのネガ(RGB)」の見え方はこんな感じ!
クロスプロセス(RGB)
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02_04.jpg)
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02_13-1024x576.jpg)
プリセット=「クロスプロセス(RGB)」の見え方はこんな感じ!
暗く(RGB)
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02_05.jpg)
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02_14-1024x576.jpg)
プリセット=「暗く(RGB)」の見え方はこんな感じ!
コントラストを上げる(RGB)
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02_06.jpg)
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02_15-1024x576.jpg)
プリセット=「コントラストを上げる(RGB)」の見え方はこんな感じ!
明るく(RGB)
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02_07.jpg)
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02_16-1024x576.jpg)
プリセット=「明るく(RGB)」の見え方はこんな感じ!
リニアコントラスト(RGB)
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02_08.jpg)
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02_17-1024x576.jpg)
プリセット=「リニアコントラスト(RGB)」の見え方はこんな感じ!
コントラスト-中(RGB)
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02_09.jpg)
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02_18-1024x576.jpg)
プリセット=「コントラスト-中(RGB)」の見え方はこんな感じ!
ネガ-階調の反転(RGB)
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02_10.jpg)
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02_19-1024x576.jpg)
プリセット=「ネガ-階調の反転(RGB)」の見え方はこんな感じ!
コントラスト-強く(RGB)
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02_11.jpg)
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02_20-1024x576.jpg)
プリセット=「コントラスト-強く(RGB)」の見え方はこんな感じ!
トーンカーブ
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02_31.jpg)
トーンカーブは下に行くほど、画面のシャドウ部分、上に行くほど画面のハイライト部分になるよ!
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02_32.jpg)
トーンカーブは左上の方向にドラッグすると明るくなるよ!
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02_33.jpg)
トーンカーブは右下の方向にドラッグすると暗くなるよ!
アンカーポイントを追加する
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02_34.gif)
トーンカーブは線の上でドラッグするとアンカーポイントを追加することができるよ!
よく使うトーンカーブ
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02_35.jpg)
このトーンカーブの形状はよく使うので覚えておくのがおすすめ、明るい所をより明るくして暗い所をより暗くする処理だよ!
チャンネル
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02_21.jpg)
RGB
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02_25.jpg)
チャンネル=「RGB」は画像全体の明るさやコントラストを調整できるよ!
レッド
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02_22.jpg)
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02_31.gif)
チャンネル=「レッド」は画像のレッドの部分の明るさやコントラストを調整できるよ!
グリーン
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02_23.jpg)
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02_32.gif)
チャンネル=「グリーン」は画像のグリーンの部分の明るさやコントラストを調整できるよ!
ブルー
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02_24.jpg)
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02_33.gif)
チャンネル=「ブルー」は画像のブルーの部分の明るさやコントラストを調整できるよ!
画像内でドラッグ
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02_26.jpg)
![](https://nexout.blog/wp-content/uploads/2022/07/AGDRec.gif)
手のマークのアイコンを選択して画像の上で上下にドラッグすると、選択した部分の明るさを直感的にコントロールすることができるよ!
スポイトツール
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02_27.jpg)
黒点
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02_28.jpg)
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02_29.gif)
黒のスポイトでクリックするとクリックした部分がシャドウとして認識されるよ!
白色点
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02_29.jpg)
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_02_30.gif)
白のスポイトでクリックするとクリックした部分が画像内で一番明るくなるよ!
トーンカーブを使ったPhotoshopチュートリアル
![](https://nexout.blog/wp-content/uploads/2022/07/220730_h2_03.jpg)
【Photoshopチュートリアル】水彩を泳ぐウミガメ【#01】
![](https://nexout.blog/wp-content/uploads/2022/02/220221_h2_01_104.jpg)
【Photoshopチュートリアル】スプラッターな女性【#03】
![](https://nexout.blog/wp-content/uploads/2022/02/220223_main_visual-1.jpg)
【Photoshopチュートリアル】悪の組織【#11】
![](https://nexout.blog/wp-content/uploads/2022/03/220319_h2_01_99.jpg)
【Photoshopチュートリアル】羊たちの静寂【#12】
![](https://nexout.blog/wp-content/uploads/2022/03/220320_h2_01_95.jpg)
【Photoshopデザインチュートリアル】ハニーポッター【#02】
![](https://nexout.blog/wp-content/uploads/2022/04/220424_h2_01_94.jpg)
【Photoshopチュートリアル】パーフェクト・ゲートウェイ【#17】
![](https://nexout.blog/wp-content/uploads/2022/09/220902_h2_01-1.jpg)
![](https://nexout.blog/wp-content/uploads/2022/09/220902_h2_01-1.jpg)
【Photoshopチュートリアル】The Usual Suspense【#18】
![](https://nexout.blog/wp-content/uploads/2022/09/220906_h2_108.jpg)
![](https://nexout.blog/wp-content/uploads/2022/09/220906_h2_108-e1664502202561.jpg)
よくある質問
![](https://nexout.blog/wp-content/uploads/2020/04/QA.jpg)
質問質問質問質問質問質問質問
URLURLURLURLURLURLURLURLURLURLURLURLURLURLURLURLURLURLURLURL
![](https://nexout.blog/wp-content/uploads/2024/02/1280x360_1-1024x288.jpg)