副業・稼ぐ力
PR

Photoshopの色調補正は3段階で|自動補正・トーンカーブ・自然な彩度を録画で解説

Photoshopの色調補正は3段階で|自動補正・トーンカーブ・自然な彩度を録画で解説
河合義寛(YoshihiroK)
このページには広告・アフィリエイトリンクを含みます。

Photoshopの色調補正は、「色かぶりを取る」「明るさを整える」「色を戻す」の3段階で考えると迷いません。

この記事では、暗く青っぽい朝食の写真を、自動カラー補正、トーンカーブ、カラーと自然な彩度の順に整えた手順を、実際の操作録画とスクリーンショットで紹介します。

案内役の黒猫
案内役の黒猫です。
「7つのキホン」の5つ目、
写真の色を整える方法です。
スポンサーリンク

結論:Photoshopの色調補正は3段階で考える

この記事の結論

  • 色かぶりを取る:「イメージ」→「自動カラー補正」。
  • 明るさを整える:調整レイヤーの「トーンカーブ」で、線の真ん中を少し持ち上げる。
  • 色を戻す:調整レイヤーの「カラーと自然な彩度」で、色温度と自然な彩度を少し上げる。
Photoshopの色調補正の練習用に暗く青っぽくした朝食の写真
練習用の写真。
Adobe Stockの無料素材を、わざと暗く青っぽくしてあります。
Photoshopの色調補正で明るく自然な色に整えた朝食の写真
3段階の補正を終えた写真。

今回の写真は、効果が分かりやすいように、元のAdobe Stockの写真を練習用にわざと暗く、青っぽくしてから使っています。

スマホで室内の料理を撮ったときに、よく起きる写り方をまねたものです。

この記事を読んだら、手元の暗く写った写真を1枚開いて、「自動カラー補正」だけ押してみてください。

それだけで変わる写真も多いです。

操作の録画:自動補正から自然な彩度まで

この記事のために、Photoshop 2026で実際に操作した様子です。

色調補正の操作録画(約45秒・音声なし)。
自動カラー補正、トーンカーブ、カラーと自然な彩度の順です。
待ち時間は詰めています。
Photoshopの色調補正を3段階で行ったときの各段階の比較
各段階の写真を並べたもの。
左上から、練習用の写真、自動カラー補正、トーンカーブ、カラーと自然な彩度。

手順1:自動カラー補正で色かぶりを取る

画面上の「イメージ」メニューから「自動カラー補正」を選びます。

キーボードなら shift+command+B(WindowsはShift+Ctrl+B)です。

Photoshopのイメージメニュー。自動トーン補正、自動コントラスト、自動カラー補正が並ぶ
「イメージ」メニューの「自動カラー補正」。

押した瞬間に、写真全体の青みが取れて、白いお皿やヨーグルトが白く見えるようになりました。

すぐ上には「自動トーン補正」「自動コントラスト」も並んでいます。

写真によって合うものが違うので、気になるときは順に試して、command+Zで戻せば大丈夫です。

ただし、この3つは写真そのものを書き換えます。

あとから強さを変えることはできません。

手順2:トーンカーブで明るさを整える

「新規調整レイヤー」から「トーンカーブ」を選ぶ

明るさは、「レイヤー」メニューの「新規調整レイヤー」から「トーンカーブ」を選んで整えます。

名前を決める画面が出たら、そのまま「OK」を押します。

Photoshopのレイヤーメニューから新規調整レイヤーのトーンカーブを選ぶところ
「レイヤー」→「新規調整レイヤー」→「トーンカーブ」。

調整レイヤーは、写真の上に重ねる「補正だけの層」です。

元の写真は書き換わらないので、あとから強さを変えたり、目のアイコンで消して比べたりできます。

線の真ん中を、少しだけ上へ

プロパティパネルに、斜めの線が引かれたグラフが出ます。

この線の真ん中あたりをクリックして、少しだけ上にドラッグしました。

写真全体が明るくなり、くすんでいたいちごやオレンジがはっきりしました。

元の明るさ(暗い→明るい) 真ん中を、少しだけ上へ 点線がもとの線。 緑が持ち上げたあとの線。 中くらいの明るさが明るくなり、 いちばん暗い所と明るい所は動かない。 持ち上げすぎると白っぽく、のっぺりする。

図1:トーンカーブで真ん中を持ち上げたときの変化

線を大きく持ち上げるほど明るくなりますが、やりすぎると白っぽく、のっぺりした写真になります。

録画でも、グラフの高さの2割ほどしか動かしていません。

案内役の黒猫
迷ったら「少なめ」がコツ。
調整レイヤーなら、あとで足せます。

手順3:カラーと自然な彩度で色を戻す

最後に、同じ「新規調整レイヤー」から「カラーと自然な彩度」を選びます。

プロパティパネルに「色温度」「色かぶり補正」「自然な彩度」「彩度」の4本のスライダーが並びました。

Photoshopのカラーと自然な彩度のプロパティパネル。色温度、色かぶり補正、自然な彩度、彩度
「カラーと自然な彩度」のプロパティパネル。

今回は、色温度を+10にして少し暖かい色にし、自然な彩度を+40にしました。

朝食の写真らしい、明るく温かい色になりました。

「彩度」はすべての色を同じように濃くするので、上げすぎると肌や木の色が不自然になります。

「自然な彩度」は、もともと色の薄いところを中心に上げてくれるので、こちらから使うのがおすすめです。

色調補正がうまくいかないときの3つの原因

「色調補正」が押せない

レイヤーパネルで、写真ではなく文字や空のレイヤーを選んでいると、メニューが灰色になることがあります。

補正したい写真のレイヤーを選んでから操作してください。

補正したら、別の写真まで変わった

調整レイヤーは、その下にあるすべてのレイヤーに効きます。

1枚の写真だけに効かせたいときは、調整レイヤーを作るときの画面で「下のレイヤーを使用してクリッピングマスクを作成」にチェックを入れます。

やりすぎて元に戻せない

自動補正やイメージメニューの色調補正は、写真を直接書き換えます。

保存して閉じると戻せません。

迷ったら、今回のように「新規調整レイヤー」から補正すると、いつでも消して元に戻せます。

よくある質問

Q. 色調補正のメニューはどこにありますか?

「イメージ」メニューの「色調補正」と、「レイヤー」メニューの「新規調整レイヤー」の2か所にあります。

あとで直せるのは「新規調整レイヤー」のほうです。

Q. トーンカーブとレベル補正はどちらを使えばいいですか?

どちらも明るさを整える機能です。

トーンカーブのほうが細かく調整できますが、最初は線の真ん中を少し動かすだけで十分です。

Q. 自動補正だけでもいいですか?

写真によっては、自動カラー補正だけで十分きれいになります。

足りないと感じたときに、トーンカーブと自然な彩度を足してください。

Q. 一部分だけ色を変えたいときは?

選択範囲を作ってから調整レイヤーを作ると、その範囲だけに効きます。

特定の色だけを変えるなら「色相・彩度」も使えます。

Q. 補正した写真を保存するには?

あとで直したいならPSD形式で保存します。

ブログやSNSに載せるときは、「書き出し形式」でJPGにします。

Photoshop「7つのキホン」を実際に操作するシリーズ
  1. ワークスペースの基本
  2. 1 写真のサイズを変える
  3. 2 不要なものを自然に消す
  4. 3 2つの画像を合成
  5. 4 生成AIで画像を編集
  6. 5 写真の色を整える(この記事)
  7. 6 空を置き換えて雰囲気を変える
  8. 7 テキストの配置や装飾
  9. 実践編:バナーをデザイン
  10. 実践編:風景写真をレタッチ

補正した写真を軽くして保存する方法は、1つ目の「写真のサイズを変える」で紹介しています。

生成AIで描き足す方法は4つ目の「生成AIで画像を編集」です。

Photoshopで何ができるかは、Photoshopでできることをまとめたページで比べています。

元の写真はAdobe Stockの素材ページで見られます。

Photoshopを使うなら、フォトプランが第一候補

写真の編集が中心なら、PhotoshopとLightroomが入ったフォトプランが、いちばん安く始められます。

料金や内容は変わることがあるので、必ずリンク先の公式ページで確かめてください。

ただ、ツールを契約しただけでは何も変わりません。

筆者自身、WEBデザインのオンラインスクールに通ったものの、作りたいものが決まっていなかったので1円も稼げませんでした。

まずは無料体験の7日間で、暗く写った写真を1枚だけ整えてみてください。

スポンサーリンク(PR)

フォトプランの料金を見る(PR)

Photoshopの無料体験を見る(PR)

※上記はアフィリエイトリンクです

無料体験のあとに課金されないよう止める手順は、Adobe無料体験の解約方法とやり方にまとめています。

まとめ:今日は暗い写真を1枚、自動補正してみる

Photoshopの色調補正で押さえることは3つです。

自動カラー補正で色かぶりを取る。

トーンカーブの真ん中を少し持ち上げて明るくする。

カラーと自然な彩度で、色温度と自然な彩度を少し上げる。

Photoshopの色調補正の保存用まとめカード。色かぶりを取る、明るさを整える、色を戻すの3つ
保存用のまとめカード。

「7つのキホン」の6つ目、空を置き換えて雰囲気を変える方法は、空の置き換えの記事にまとめました。

この記事の写真と録画について

写真はAdobe Stockの無料素材を、練習用に暗く青っぽく加工してから使い、Photoshop 2026(2026年10月17日時点)で実際に操作して、画面を録画しました。

スクリーンショットはすべてその録画から切り出しています。

スポンサーリンク(PR)

Adobe Creative Cloudの広告バナー

※上記はアフィリエイトリンクです

案内役の黒猫

Instagramでは、図解を週3本出しています。

50代からのAdobeのコツと、心を軽くする本の1行を、黒猫が1分で案内します。

保存して、明日そのまま試せる形にしています。

Instagramを見る@yoshihirok0358

Xからの読者コメントをお待ちしています。
ブログ更新の励みになります!
Facebookでのコメントをお待ちしています。
ブログ更新の励みになります!
スポンサーリンク
Profile
河合義寛(YoshihiroK)
河合義寛(YoshihiroK)
「Re:じぶん再起動ノート」運営者
こんにちは、河合義寛(YoshihiroK)です。53歳で早期退職し、54歳のいまはAdobeとブログで人生を再起動中。医療業界30年の営業経験を土台に、50代からの学び直し・デザイン副業・ブログ収益化のリアルを実体験で発信しています。「今からでも遅くない」そんな再スタートを応援するブログです。
スポンサーリンク
記事URLをコピーしました