HAマガジン
HAマガジン

ハタフルアカデミーの「人」を知り倒すメディア

Photoshopで写真のトーンを合わせる

Photoshopで写真のトーンを合わせるの画像

Wenデザインを作る時など複数の素材を使用する場合、写真のトーンが不揃いになることがあります。
その場合はPhotoshopなどで色味を調整して使います。

例えば以下のように、やや青みが強い写真と黄みが強い写真の組み合わせになった場合、
2つの中間ぐらいのトーンに合わせてあげます。
わずかな違いですが、写真のトーンを合わせると統一感が出てクオリティーも上がります。

ただ「トーンの合わせ方がわからない〜」という方は以下の方法で試してください。

Photoshopの「カラーバランス」でトーン合わせ

Photoshopで対象の写真を開く

青みが強い写真
黄みが強い写真

「カラーバランス」を開く

上部メニューバーのイメージ > 色調補正 > [ カラーバランス ]

「カラーバランス」で色彩調整する

「カラーバランス」の色彩調整メニューバーが表示されるので、
こちらで写真の色味に合わせて調整していく。

青みが強い写真の調整

青みが強い写真を黄み強い写真と中間ぐらいのトーンに調整する場合は、黄みに合わせるように(レッド、マゼンダ、イエローに数字をふって)調整してください。

調整が終わりましたらメニューバー右側の[ OK ]をクリック。

黄みが強い写真の調整

黄みが強い写真を青み強い写真と中間ぐらいのトーンに調整する場合は、青みに合わせるように(シアン、グリーン、ブルーに数字をふって)調整してください。

調整が終わりましたらメニューバー右側の[ OK ]をクリック。

写真のトーン合わせ完了

Photoshopの「カラーの適用」でトーン合わせ

こちらは2つの中間ぐらいのトーンに合わせるのではなく、
どちらかのトーンに合わせたい時に素早くトーンの調整ができるものです。

Photoshopで対象の写真を開く

1.1 までは一緒の流れです。

「カラーの適用」を開く

上部メニューバーのイメージ > 色調補正 > [ カラーの適用 ]

「カラーの適用」で色彩調整する

「カラーの適用」のメニューバーが表示されるので、
こちらで写真の色味に合わせて調整していく。

画像の適用設定

まずメニューバー下部の「画像の適用設定」の「ソース」の部分から設定します。
「ソース」にトーンを合わせたい画像を設定します。

画像オプション

次はメニューバー上部の「画像オプション」の「彩度、カラーの適用度、フェード、色かぶりを補正」の部分を設定します。
「ソース」にトーンを合わせたい画像を設定します。

調整が終わりましたらメニューバー右側の[ OK ]をクリック。

写真のトーン合わせ完了

最後に

このように写真のトーンを合わせることで統一感がでます。
統一感があるデザインは、ユーザーが利用しやすくする為の要素のひとつです。
なんだかまとまらない、上手くデザインできないという方は写真のトーンが整っているのか再度確認してみてください。

無料体験レッスン ・説明会を 予約する

日程を選択した後、ご希望のコース 30分 60分 体験レッスン をお選びください

こんな方は さくっと30分 がおすすめ

  • どんなスクールか気軽に聞いてみたい
  • スクールやデザイナーについて情報収集したい
  • 入学は大体決まっていて、最後に色々確認したい

こんな方は じっくり60分 がおすすめ

  • 全くの未経験なので、色々と知りたいし聞いてみたい
  • キャリアに悩んでいるので腰を据えて相談したい
  • 他スクールと比較したいので、カリキュラムの詳細を知りたい

こんな方は 体験レッスン がおすすめ

  • デザイナーの仕事のイメージが出来ない
  • 実際のソフトを使用して体験してみたい
  • バナー画像を作成してみたい

説明会を受ける校舎をお選びください

始めるなら今!春の入学応援キャンペーン!4月30日(火)までの説明会予約で入学金50,000円OFF!スクール説明会に申込む

対象:2024年4月1日~4月30日までにハタフルアカデミーの説明会を予約し、2024年5月31日までに説明会に参加された方

本キャンペーンは説明会参加から1週間以内の受講申込が対象になります。

受講開始月・受講コースの制限はございません。

本キャンペーン期間外に決済方法の変更等の理由で再申し込みをされた場合、キャンペーン対象外となります。

上記以外の不測の事態発生の場合、当社の規定に準じて対応いたします。

キャンペーンは予告なく終了、変更する場合がありますのでご了承ください。

説明会に 参加した方全員に 特別ガイドブック2点を プレゼント

特典1:デザインの基礎ガイド

特典2:在宅ワーク・副業の始め方ガイド

入学金50,000円OFFキャンペーン中!

説明会を予約する
入学金50,000円OFFキャンペーン中!
スクール説明会を予約する