Photoshopで写真の色味を補正しよう
![](https://mirudakedesign.com/wp-content/uploads/2024/01/8ad98cef-e037-45cf-815b-542a7ea34c5a-1-1024x356.webp)
今回は、Photoshopで写真の色味を補正する方法を2つご紹介します。
![ポイント](https://mirudakedesign.com/wp-content/themes/cocoon-child-master/images/point.png)
一緒に編集してみよう!
- 画像はこちらからダウンロード可能です。
カラーバランスを使う方法
カラーバランスはその名の通り、写真のカラーのバランスを調整する事ができる機能です。
カラーバランスを使いこなすには補色について理解する必要があります。後ほど補色とは何なのか、詳しく解説していきます。
![こばやし](https://mirudakedesign.com/wp-content/uploads/2022/02/f_f_object_111_s512_f_object_111_0bg.png)
ひとつひとつ見ていきましょう。
![](https://mirudakedesign.com/wp-content/uploads/2024/01/5f24f7b9-feda-4c23-9f86-d50a2d1fe2d1-1024x389.webp)
![](https://mirudakedesign.com/wp-content/uploads/2024/01/スクリーンショット-2024-01-31-12.19.29-1024x606.png)
まず、Photoshopで画像を開きます。
![こばやし](https://mirudakedesign.com/wp-content/uploads/2022/02/f_f_object_111_s512_f_object_111_0bg.png)
Photoshopで画像を開く方法はこちらの記事を参考にしてみてください。
![](https://mirudakedesign.com/wp-content/uploads/2024/01/2ca35c50-ad73-4b15-b0e7-b2e768299e28-1024x658.webp)
カラーバランスを出す方法はいくつかあります。
まず1つ目が、Photoshopの画面右側にある色調補正パネルの中からカラーバランスを選ぶ方法です。
![](https://mirudakedesign.com/wp-content/uploads/2024/01/437fcece-3156-448a-af3c-ba2d2ff0278b-1024x658.webp)
2つ目が、メニューバーのイメージ → 色調補正 → カラーバランスと出す方法です。
![](https://mirudakedesign.com/wp-content/uploads/2024/01/1eaf1c3e-ac84-4238-b5c6-4435a21ebc8d-1024x680.webp)
3つ目が、レイヤーパネルの下にある塗りつぶし調整レイヤー → カラーバランスと出す方法です。
![こばやし](https://mirudakedesign.com/wp-content/uploads/2022/02/f_f_object_111_s512_f_object_111_0bg.png)
お好きなやり方で大丈夫です。
![](https://mirudakedesign.com/wp-content/uploads/2024/01/ce6e6d25-ea81-4530-8740-2fce9b325554.webp)
するとこんな感じのパネルが出てきます。
![こばやし](https://mirudakedesign.com/wp-content/uploads/2022/02/f_f_object_111_s512_f_object_111_0bg.png)
レイアウトは違うけど、機能は全く同じです。
![](https://mirudakedesign.com/wp-content/uploads/2024/02/88b9b721-8414-4fa1-ae71-d95a117cb798-1024x346.webp)
まず上の画像でオレンジ色で囲っている部分は、これから行う調整を画像内のどの明るさ部分に反映させるかを意味しています。
![ポイント](https://mirudakedesign.com/wp-content/themes/cocoon-child-master/images/point.png)
シャドウ:画像の暗い部分
中間調:画像の中間の明るさの部分
ハイライト:画像の明るい部分
![こばやし](https://mirudakedesign.com/wp-content/uploads/2022/02/f_f_object_111_s512_f_object_111_0bg.png)
とりあえずまずは中間調にチェックを入れて調整するのがおすすめです。
![](https://mirudakedesign.com/wp-content/uploads/2024/02/f73b4f11-0019-4e52-8701-2a4b7a517b3a.webp)
カラー変更により輝度の値が変更されるのを防ぎたい場合は輝度を保持にチェックを入れます。
![ポイント](https://mirudakedesign.com/wp-content/themes/cocoon-child-master/images/point.png)
Q
輝度ってなに?
A
輝度とは、明るさの度合のことをいいます。
![こばやし](https://mirudakedesign.com/wp-content/uploads/2022/02/f_f_object_111_s512_f_object_111_0bg.png)
ここはチェックを入れた方がいい場合と入れない方がいい場合があるので、その都度変えてみて下さい。今回はチェックを入れたまま進めていきます。
![](https://mirudakedesign.com/wp-content/uploads/2024/02/a8b6af91-addc-401f-87a0-2e2682b9c334.webp)
ピンクで囲ったグラフの三角を動かすことで写真の色味を変えることができます。
![ポイント](https://mirudakedesign.com/wp-content/themes/cocoon-child-master/images/point.png)
ブルー側に動かすと画像の色味が青く、
イエロー側に動かすと画像の色味が黄色くなります。
三角をどのように動かしていけばいいのかに補色が関係してきます。
![](https://mirudakedesign.com/wp-content/uploads/2024/02/1b609418-f728-49e2-9151-7e4e4cc6833f.webp)
補色とは色相環上で反対の位置にある色のことをいいます。
![ポイント](https://mirudakedesign.com/wp-content/themes/cocoon-child-master/images/point.png)
Q
色相環ってなに?
A
色相環とは、上の画像にあるような色を円環状にならべた図のことをいいます。
![](https://mirudakedesign.com/wp-content/uploads/2024/02/acfd5a4f-4b91-4601-ac02-a99c2da3eca8-1024x658.webp)
今回のように画像の色味が水色(シアン)っぽい場合は、色相環を見て補色に位置するレッドの値を調整します。
![](https://mirudakedesign.com/wp-content/uploads/2024/02/download-1.gif)
レッドの値を上げると、画像の水色掛かっていた部分がどんどん取れていきます。
![](https://mirudakedesign.com/wp-content/uploads/2024/02/093f36e4-4fa6-4fb8-baff-eb3879203a40.webp)
カラーバランスで、目で見た色と同じような色に調整することができました!
レンズフィルターを使う方法
レンズフィルターはカメラレンズに取り付けるカラーフィルターをPhotoshop上で再現できる機能です。写真の色味の調整に使用されます。
![](https://mirudakedesign.com/wp-content/uploads/2024/02/ab27c30a-4c28-4a74-ae77-1214ab259cbe-1024x389.webp)
![](https://mirudakedesign.com/wp-content/uploads/2024/02/2e1c2216-0ad0-403a-903e-0c3bb9d8541b-1024x660.webp)
レンズフィルターを出す方法はいくつかあります。
まず1つ目が、Photoshopの画面右側にある色調補正パネルの中からレンズフィルターを選ぶ方法です。
![](https://mirudakedesign.com/wp-content/uploads/2024/02/29b248c8-4261-499f-b360-bb9505b8c87d-1024x648.webp)
2つ目が、メニューバーのイメージ → 色調補正 → レンズフィルターと出す方法です。
![](https://mirudakedesign.com/wp-content/uploads/2024/02/5ab96f30-bf64-494b-ac2f-1fca400402c3-1024x681.webp)
3つ目が、レイヤーパネルの下にある塗りつぶし調整レイヤー → レンズフィルターと出す方法です。
![こばやし](https://mirudakedesign.com/wp-content/uploads/2022/02/f_f_object_111_s512_f_object_111_0bg.png)
お好きなやり方で大丈夫です。
![](https://mirudakedesign.com/wp-content/uploads/2024/02/38bfd69d-2be5-4563-86aa-43e6e96d02a3.webp)
するとこんな感じのパネルが出てきます。
レンズフィルターは、フィルターまたはカスタムから色を選び、画像の上に色を重ねることで色調の補正を行います。
適用量では、選んだ色をどれくらい適用させるのか、強さを調整することができます。
カラー変更により輝度の値が変更されるのを防ぎたい場合は輝度を保持にチェックを入れます。
![](https://mirudakedesign.com/wp-content/uploads/2024/02/6b3a7a53-2453-4e08-875c-78a247103e1c.webp)
カスタムとフィルターがありますが、まずはフィルターから解説していきます。
フィルターにチェックを入れ、三角をクリックすると21個のフィルターが表示されます。
![こばやし](https://mirudakedesign.com/wp-content/uploads/2022/02/f_f_object_111_s512_f_object_111_0bg.png)
次にそれぞれのフィルターの比較をざっくりと見ていきましょう。
Warming Filter(85)
![](https://mirudakedesign.com/wp-content/uploads/2024/02/0d2271c9-ebe9-488c-bbb8-c430479fda91-1024x544.webp)
Warming Filter(LBA)
![](https://mirudakedesign.com/wp-content/uploads/2024/02/f9f8f7f6-2bcf-44e8-8eaf-027463857395-1024x544.webp)
Warming Filter(81)
![](https://mirudakedesign.com/wp-content/uploads/2024/02/a7cdd456-e137-4278-9f7b-46e3cd706fbb-1024x544.webp)
Cooling Filter(80)
![](https://mirudakedesign.com/wp-content/uploads/2024/02/491eeb98-e306-4238-a30b-e33fb3c4ef45-1024x544.webp)
Cooling Filter(LBB)
![](https://mirudakedesign.com/wp-content/uploads/2024/02/dc945a93-11e7-40c1-acd3-7c9a55fdaef2-1024x544.webp)
Cooling Filter(82)
![](https://mirudakedesign.com/wp-content/uploads/2024/02/47e49131-b4b8-422b-91c6-6d5aeb0ce8a9-1024x544.webp)
Red
![](https://mirudakedesign.com/wp-content/uploads/2024/02/0e3ec86f-0b3f-416f-a182-3fe179071380-1024x544.webp)
Orenge
![](https://mirudakedesign.com/wp-content/uploads/2024/02/8042a34d-c0a2-432a-baec-eccba53cb7bd-1024x544.webp)
Yellow
![](https://mirudakedesign.com/wp-content/uploads/2024/02/e357d609-c237-40a7-bb6a-474cc110c6cf-1024x544.webp)
Green
![](https://mirudakedesign.com/wp-content/uploads/2024/02/45bc0086-10dd-4af8-86b2-a09b44e4d464-1024x544.webp)
Cyan
![](https://mirudakedesign.com/wp-content/uploads/2024/02/a23c656f-cb11-4cce-9c80-94a2231a6f16-1024x544.webp)
Blue
![](https://mirudakedesign.com/wp-content/uploads/2024/02/4abaf4d5-cdfa-4fe0-9af0-881f08012ef2-1024x544.webp)
Violet
![](https://mirudakedesign.com/wp-content/uploads/2024/02/f178e100-5351-41d9-99bd-401d0bc84c66-1024x544.webp)
Magenta
![](https://mirudakedesign.com/wp-content/uploads/2024/02/ca77efb2-4f62-4875-9a74-115ed58b01b4-1024x544.webp)
Sepia
![](https://mirudakedesign.com/wp-content/uploads/2024/02/b8b3a781-2b26-42b0-9e70-26305054b593-1024x544.webp)
Deep Red
![](https://mirudakedesign.com/wp-content/uploads/2024/02/b117f355-2c44-45b3-801d-e90b32645ab1-1024x544.webp)
Deep Blue
![](https://mirudakedesign.com/wp-content/uploads/2024/02/5e49837b-2d15-4e4d-8a3f-1703a9ad5286-1024x544.webp)
Deep Emerald
![](https://mirudakedesign.com/wp-content/uploads/2024/02/629dde24-86a8-446e-b062-d4ad817c486a-1024x544.webp)
Deep Yellow
![](https://mirudakedesign.com/wp-content/uploads/2024/02/ad308c69-1492-4375-9206-51805ff36f82-1024x544.webp)
Underwater
![](https://mirudakedesign.com/wp-content/uploads/2024/02/3a1fce58-de05-4ddf-a27d-9a1eebcbfbc9-1024x544.webp)
ブルー
![](https://mirudakedesign.com/wp-content/uploads/2024/02/8a46a855-12c3-4701-8a2f-e08086e5dfba-1024x544.webp)
![こばやし](https://mirudakedesign.com/wp-content/uploads/2022/02/f_f_object_111_s512_f_object_111_0bg.png)
似ている色味のフィルターもありますね。
次に、フィルターをどう選べばいいのか見ていきます!
![](https://mirudakedesign.com/wp-content/uploads/2024/02/1b609418-f728-49e2-9151-7e4e4cc6833f.webp)
結局なんのフィルターを使えばいいのか、それは先程のカラーバランスと同じで補色の考え方を使います。
色相環で反対に位置する色が補色です。
![](https://mirudakedesign.com/wp-content/uploads/2024/02/acfd5a4f-4b91-4601-ac02-a99c2da3eca8-1024x658.webp)
今回は水色(シアン)っぽい画像なので、レッド系のフィルターを使っていきます。
![](https://mirudakedesign.com/wp-content/uploads/2024/02/download-2.gif)
レッド系のフィルターということでRedを選択し、適用量を上げていきます。
![こばやし](https://mirudakedesign.com/wp-content/uploads/2022/02/f_f_object_111_s512_f_object_111_0bg.png)
適用量を上げすぎると、赤くなりすぎるので注意!
![](https://mirudakedesign.com/wp-content/uploads/2024/02/fb3dcab4-329c-4850-85c0-d71d5d87d2b9-1024x526.webp)
フィルターをRedにし、適用量を20%にすると丁度良く画像の色味を調整することができました!
![こばやし](https://mirudakedesign.com/wp-content/uploads/2022/02/f_f_object_111_s512_f_object_111_0bg.png)
Good
![](https://mirudakedesign.com/wp-content/uploads/2024/02/49a04c91-17b8-476b-b7b7-f00b61056e11.webp)
最後にカスタムでフィルターの色を指定する方法を解説します。
カスタムにチェックを入れ、横の四角をクリックします。するとカラーピッカーが表示されるのでここから色を選んでいきます。
![](https://mirudakedesign.com/wp-content/uploads/2024/02/ebc24cc8-01c9-48bb-b645-88f901cedc88.webp)
考え方はフィルターと同じです。水色(シアン)っぽい画像の色を補正したいので、補色の赤系の色を指定します。
![](https://mirudakedesign.com/wp-content/uploads/2024/02/3b5698aa-d4f2-4574-9bfa-345398134f2b-1024x526.webp)
カスタムで赤系の色を選択し、適用量を20%にすると丁度良く画像の色味を調整することができました!
まとめ
今回は、Photoshopで画像の色を補正する方法について解説しました。
- まとめ
- カラーバランス:写真のカラーのバランスを調整する事ができる。視覚的に操作出来るので使いやすい。
- レンズフィルター:カメラレンズに取り付けるカラーフィルターをPhotoshop上で再現できる。フィルターの色味を自由に選べる。
個人的に、カラーバランスの方が視覚的に操作が出来るので使いやすく、おすすめです。しかしレンズフィルターは重ねるフィルターの色を自由にカスタム出来るという大きなメリットがあるので使用されるケースによって使い分けてみて下さい。
こちらのブログではAdobePhotoshopをはじめ、デザインについての記事を更新しています。
![こばやし](https://mirudakedesign.com/wp-content/uploads/2022/02/f_f_object_111_s512_f_object_111_0bg.png)
AdobePhotoshopについての記事一覧はこちら
![こばやし](https://mirudakedesign.com/wp-content/uploads/2022/02/f_f_object_111_s512_f_object_111_0bg.png)
デザイン本が全国の書店で発売中です!
頑張って作ったので、手に取って頂けたら嬉しいです!
コメント