ハタフルアカデミーの「人」を知り倒すメディア
Photoshopで写真のトーンを合わせる
![Photoshopで写真のトーンを合わせるの画像](https://academy.hatafull.co.jp/wp-content/uploads/2022/07/sample4.jpg)
Wenデザインを作る時など複数の素材を使用する場合、写真のトーンが不揃いになることがあります。
その場合はPhotoshopなどで色味を調整して使います。
例えば以下のように、やや青みが強い写真と黄みが強い写真の組み合わせになった場合、
2つの中間ぐらいのトーンに合わせてあげます。
わずかな違いですが、写真のトーンを合わせると統一感が出てクオリティーも上がります。
![](https://academy.hatafull.co.jp/wp-content/uploads/2022/07/stockphotos_tone-1024x330.jpg)
ただ「トーンの合わせ方がわからない〜」という方は以下の方法で試してください。
目次
Photoshopの「カラーバランス」でトーン合わせ
Photoshopで対象の写真を開く
![](https://academy.hatafull.co.jp/wp-content/uploads/2022/07/b697cba05910034aa215d902ac9c8aac-1024x576.jpg)
![](https://academy.hatafull.co.jp/wp-content/uploads/2022/07/05261b370c10a92cf9af0288b4d085e4-1024x576.jpg)
「カラーバランス」を開く
上部メニューバーのイメージ > 色調補正 > [ カラーバランス ]
![](https://academy.hatafull.co.jp/wp-content/uploads/2022/07/9c62c859ab70fa1fa98fbde5719692eb-1024x576.jpg)
「カラーバランス」で色彩調整する
「カラーバランス」の色彩調整メニューバーが表示されるので、
こちらで写真の色味に合わせて調整していく。
![](https://academy.hatafull.co.jp/wp-content/uploads/2022/07/2581946aac2b90f5bfe9fd34a35494ca.png)
![](https://academy.hatafull.co.jp/wp-content/uploads/2022/07/17ab293f328df7e89c65cc268598d4bb-1024x576.jpg)
青みが強い写真の調整
青みが強い写真を黄み強い写真と中間ぐらいのトーンに調整する場合は、黄みに合わせるように(レッド、マゼンダ、イエローに数字をふって)調整してください。
![](https://academy.hatafull.co.jp/wp-content/uploads/2022/07/9d8bd732d1669282cf9ffc175b281c75.png)
調整が終わりましたらメニューバー右側の[ OK ]をクリック。
![](https://academy.hatafull.co.jp/wp-content/uploads/2022/07/dfcfa07898bedb67a2e32e10d6d165af-1024x576.jpg)
黄みが強い写真の調整
黄みが強い写真を青み強い写真と中間ぐらいのトーンに調整する場合は、青みに合わせるように(シアン、グリーン、ブルーに数字をふって)調整してください。
![](https://academy.hatafull.co.jp/wp-content/uploads/2022/07/72d04c2c17f7fe8a2f29ad51e52efbac.png)
調整が終わりましたらメニューバー右側の[ OK ]をクリック。
![](https://academy.hatafull.co.jp/wp-content/uploads/2022/07/6827c29a3f97a19e52f6a760381e53b6-1024x576.jpg)
写真のトーン合わせ完了
![](https://academy.hatafull.co.jp/wp-content/uploads/2022/07/stockphotos_tone01_a.jpg)
![](https://academy.hatafull.co.jp/wp-content/uploads/2022/07/stockphotos_tone02_a.jpg)
Photoshopの「カラーの適用」でトーン合わせ
こちらは2つの中間ぐらいのトーンに合わせるのではなく、
どちらかのトーンに合わせたい時に素早くトーンの調整ができるものです。
Photoshopで対象の写真を開く
1.1 までは一緒の流れです。
「カラーの適用」を開く
上部メニューバーのイメージ > 色調補正 > [ カラーの適用 ]
![](https://academy.hatafull.co.jp/wp-content/uploads/2022/07/ffda899eca2284f0c753b4a98301119b-1-1024x576.jpg)
「カラーの適用」で色彩調整する
「カラーの適用」のメニューバーが表示されるので、
こちらで写真の色味に合わせて調整していく。
![](https://academy.hatafull.co.jp/wp-content/uploads/2022/07/a3e92dee8b74fa8bdc9d095b0713afb1.png)
![](https://academy.hatafull.co.jp/wp-content/uploads/2022/07/2bdc73e6882a81af04beeb3ebca542e6-1024x576.jpg)
画像の適用設定
まずメニューバー下部の「画像の適用設定」の「ソース」の部分から設定します。
「ソース」にトーンを合わせたい画像を設定します。
![](https://academy.hatafull.co.jp/wp-content/uploads/2022/07/8607d8f537882a1aa20628e71907aa02-1.png)
![](https://academy.hatafull.co.jp/wp-content/uploads/2022/07/9f03a1e1e16477a7b02cb82d12f1f7fe-1024x576.jpg)
画像オプション
次はメニューバー上部の「画像オプション」の「彩度、カラーの適用度、フェード、色かぶりを補正」の部分を設定します。
「ソース」にトーンを合わせたい画像を設定します。
![](https://academy.hatafull.co.jp/wp-content/uploads/2022/07/77962ab4c828d806595ffc8cc13fa8c4-1.png)
調整が終わりましたらメニューバー右側の[ OK ]をクリック。
![](https://academy.hatafull.co.jp/wp-content/uploads/2022/07/c8f80a1dcb0c8ca64c1f8aa5efa8ac16-1-1024x576.jpg)
写真のトーン合わせ完了
![](https://academy.hatafull.co.jp/wp-content/uploads/2022/07/9050a6f904074e6d37418729928c37e1.jpg)
![](https://academy.hatafull.co.jp/wp-content/uploads/2022/07/c0670415115ef9fab928e7634caba40f.jpg)
最後に
このように写真のトーンを合わせることで統一感がでます。
統一感があるデザインは、ユーザーが利用しやすくする為の要素のひとつです。
なんだかまとまらない、上手くデザインできないという方は写真のトーンが整っているのか再度確認してみてください。