Photoshopでトーンカーブを使って色調補正する方法【初心者向け】現役デザイナーが解説
Photoshopで【トーンカーブ】を使って色調補正する方法を初心者向けに解説した記事です。トーンカーブを使用すると、画像の色や明るさを細かく調整することができます。編集例も紹介しているので、ぜひ自分で試してみてください。
テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査
監修してくれたメンター
ノマリカ
伝わりやすくて明快なデザインを得意としている。
Photoshopでトーンカーブを使って色調補正する方法を初心者向けに解説した記事です。
トーンカーブを使用すると、画像の色や明るさを細かく調整できます。
目次
(※今回の作業はすべてAdobe Photoshop CCのバージョンで行っています)
今回は色調補正の機能の1つ「トーンカーブ」を使ってみよう。
田島メンター！！トーンカーブは何をするんですか～？
明るさの補正やコントラスト、色合いなどカラーに関する調整をまとめて行えるんだ。
少し複雑だけれど、慣れるといろいろな表現ができるのでぜひ挑戦してみよう。
はい！やってみまーす！
トーンカーブの設定画面
トーンカーブの設定画面を説明します。
今回はサンプルとして下の画像を使用します。
上部メニュー「イメージ」内にある、「色調補正」→「トーンカーブ」を選択します。
すると、トーンカーブの設定画面が開きます。
画面内に表示されたグラフの対角線上に直線があり、この線を変形（カーブ）させることによって色を調整していきます。
また、このグラフの横軸は「変更前の値」を、縦軸は「変更後の値」を示しています。
下の画像のようにカーブのない直線の状態は、変更前と変更後の色の差がないことを意味します。
トーンカーブの基本的な使い方
実際に線を動かして画像の色調を補正してみましょう。
トーンカーブで色調補正をする場合、カーブの形状パターンをいくつか覚えておくと便利です。
例えば、直線上の一点をドラッグして上に移動し、下の画像のような上向きのカーブにすると画面全体が明るくなります。
ドラッグした点は「制御点」として曲線上に追加され、この制御点をさらに動かすことで補正具合を調整できます。
下の画像のような下向きのカーブにすると画像全体が暗くなります。
設定画面の右側にある「プレビュー」にチェックを入れると、開いている画像に調整具合が反映されます。
ぜひ、プレビューを確認しながら適切なカーブを探してみてください。
曲線の形状をさらに変更する場合は、線上をクリックし新たに制御点を追加します。
追加した制御点はCtrl（command）を押しながらクリックするか、グラフの枠外へドラッグすることで削除できます。
制御点を利用し下の画像のようなS字の形状にすると、暗い部分はより暗く、明るい部分はより明るくなり、メリハリのあるはっきりした画像になります。
トーンカーブの線を左右反対にすると、画像の色が反転されます。
基本的な使い方はこんな感じかな。
トーンカーブを触っただけなのに、ずいぶん雰囲気が変わりましたね。
曲線の操作方法には他にもいくつか便利なものがあるので、そっちも見てみよう。
トーンカーブの便利な機能
設定画面の右側にある「自動補正」ボタンを押すとPhotoshopが画像を解析し、自動的に制御点が追加され、曲線が形成されます。
ペンの形をした「描画してトーンカーブを変更」のアイコンをクリックすると、グラフ上に直感的に線を描画してカーブの形状を変更できます。
ペンのアイコンをクリックして線を描画した後、左の「ポイントを編集してトーンカーブを変更」アイコンをクリックすると、描画した形を反映したまま制御点によって編集し直せます。
あとから微調整するためにも、この辺りの編集方法はしっかり押さえておくといいと思うよ。
制御点はいくつでも追加できるんですね。
でもいろいろ触ってたら何か色合いが変な画像になっちゃいました……
慣れないうちは今回やったメリハリをつけるS字など、いくつか決まった形とその効果を覚えておくのがいいかもしれないね。
他にも編集例が見たいです！
風景写真の色調補正例
今度は他の写真を使ってトーンカーブを編集してみましょう。
下の都市風景の写真を補正していきます。
少しぼやけた印象があるので、トーンカーブの曲線を下に向けてくっきりとした印象にしていきます。
写真のトーンを落とすことで、全体的に引き締まった印象になりました。
今度はトーンカーブの曲線を上に向けて明るくしてみましょう。
全体が明るくなり、写真の印象が明るくなりました。
トーンカーブを少し操作するたけで、かなり印象が違う写真になるんですね！
トーンカーブをマスターすれば、同じ写真から複数パターンの写真を作れるんだよ。
カーブの形状パターンを覚えておけば、ある程度補正後のイメージが予測できるから、覚えておくといいよ。
はい！覚えてみます！
コントラストを強調した色調補正例
次は下の写真の色調を補正していきます。
逆光により手前の人物が暗くシルエットのように見え、雰囲気のある写真です。
もう少し太陽の光が目立つよう、少しトーンを落としつつコントラストを高めてみましょう。
トーンカーブは以下のように編集しました。
太陽の光以外の明るさを落とすことでコントラストがより強調され、感動的な印象が加わりました。
トーンカーブだけでもいろいろな雰囲気の写真が作れるんですね！
トーンカーブと他の編集を組み合わせて使うことはよくあるから、しっかりと覚えておくように。
分かりました！ありがとうございます！
まとめ
トーンカーブは、画像のもつ階調（最も暗い部分から最も明るい部分までの遷移）を、変更前は横軸で、変更後を縦軸で示したものです。
直線をさまざまな形状の曲線に変更することで、画像の色調を細かく補正できます。
初めのうちは、いくつかのカーブの形状パターンがどんな効果を持っているのかを覚えておくとよいでしょう。
Photoshopには他にも「明るさ・コントラスト」や「レベル補正」などの色調補正機能がありますが、トーンカーブを使えばそれらを一度に調整できるようになります。
トーンカーブを使った画像補正を覚えて、さらに幅広い表現を身につけてみてください。
Photoshopを学習中の方へ
これで解説は終了です、お疲れさまでした。
- Photoshopを調べたけど分かりづらい
- 副業や転職後の「現場で使える」知識やスキルを身につけたい
Photoshopの学習や情報収集をしていて、このように思ったことはありませんか？
テックアカデミーのPhotoshop講座では、第一線で活躍する「プロのWebデザイナー」が教えているので、効率的に実践的なスキルを完全オンラインでしっかり習得できます。
合格率10%の選考を通過した、選ばれたWebデザイナーのチャットサポートを受けながら、初心者でもフォトレタッチをマスターできます。
