Design
フォトショップの「グラデーションマップ」を使えば、簡単に雰囲気を変えれて便利・初心者のレタッチにもオススメ
スポンサーリンク

フォトショップのグラデーションマップ効果はプレビューで色を見ながら使えるので、イメージの調整や変更が感覚的にできるので簡単で楽しい効果です。また複雑な設定もないので初心者がレタッチで雰囲気を出したい時にも使えます

スポンサーリンク

グラデーションマップは写真の雰囲気を簡単に変えれる

グラデーションマップは写真の雰囲気を劇的に変えたり、映画のようなムードにしたりもできます。調整レイヤーで行うので納得がいくまで何度も調整ができるのもGOODです

グラデーションマップってなに?

Photoshopの「グラデーションマップ」は、カラー画像をグレースケールに変換して、明暗の階調に応じてグラデーションのカラーを適用する機能。最も暗い部分(シャドウ)がグラデーションの始点、最も明るい部分(ハイライト)が終点、ちょうどその中間のカラーが中間点。この始点と終点のカラーや位置を変更することで、様々なバリエーションを試すことができます。ダブルトーンのような効果を簡単にできるのが魅力です

スポンサーリンク

グラデーションマップのやり方

やりかたは[メニュー]→[レイヤー]→[新規調整レイヤー]→[グラデーションマップ]から
ハイライトとシャドウを好きな色に変えるだけ!

画像はPexels※から使っています。 ※才能あるクリエイターがシェアする、最高の無料の写真素材や動画素材サイト!らしいです
画像はPexels※から使っています。 ※才能あるクリエイターがシェアする、最高の無料の写真素材や動画素材サイト!らしいです

デュオトーンぽい画像に

デュオトーン(Duo tone)は、2つの色を組み合わせて表現することです。コントラストの強い2色を使う事が多いですが、今回はもう少し淡い雰囲気にしてみました

この画像にグラデーションマップ効果していきます
この画像にグラデーションマップ効果していきます
レイヤーパネルから調整レイヤーのグラデーションマップを選びます
レイヤーパネルから調整レイヤーのグラデーションマップを選びます
グラデーションマップを選びます
グラデーションマップを選びます
グラデーションエディターで色を決めます
グラデーションエディターで色を決めます
元色が黄色なのであえて赤系のトーンに変更
元色が黄色なのであえて赤系のトーンに変更
[メニュー]→[レイヤー]→[新規調整レイヤー]→[明るさ・コントラスト]で調整レイヤーを追加
[メニュー]→[レイヤー]→[新規調整レイヤー]→[明るさ・コントラスト]で調整レイヤーを追加
詳細を調整して完成!
詳細を調整して完成!

パーカーにデザインを入れてみます

グラデーションマップ効果は完成しましたが、パーカーにデザインを入れてみることにしました

以前製作したロゴを合成
以前製作したロゴを合成
↑今回使ったロゴの作りかたを説明した記事
ロゴに入っている、背景の余計な部分を消去
ロゴに入っている、背景の余計な部分を消去
ロゴのレイヤーを乗算にしてなじませます
ロゴのレイヤーを乗算にしてなじませます
不透明度も少し下げます
不透明度も少し下げます
[メニュー]→[編集]→[変形]→[遠近感]でざっくり調整
[メニュー]→[編集]→[変形]→[遠近感]でざっくり調整
[メニュー]→[編集]→[変形]→[ワープ]でこまかく調整
[メニュー]→[編集]→[変形]→[ワープ]でこまかく調整
パスでパーカー表面にディティールができるだけ自然にみえるように
ワープをパスでロゴを変形、パーカー表面のディティールができるだけ自然にみえるように
ロゴのレイヤーをグラデーションマップの下に移動します
ロゴのレイヤーをグラデーションマップの下に移動します

ロゴマークに少し影を、ブラシツールで追加しました

別の写真と色味でもつくってみた