【photoshop】バナートレース第20回目 北陸の旅行バナーにチャレンジ

観光スポットの写真と白文字を使用したシンプルなデザインに見えますが、細かな工夫が散りばめられておりとても勉強になりました！

新しく使用した機能なども紹介していますので、ぜひチェックしてみてください！

トレース画像

バナーサイズ（幅×高さ）： 800×420
使用ソフト：Photoshop
使用カラー：#eec842 #ffffff
使用フォント： HGP明朝E / HGS行書体
参照：バナー広場

振り返り

知識・スキル

クリッピングマスクの使用

「Hokuriku pot」の文字はクリッピングマスクで背景の画像を透かしています！

クリッピングマスクについてはバナートレース11回で学習しましたので、やり方を覚えていました。
細かい設定は少し忘れてしまったのでまた改めて調べて設定を行いました！

今回のクリッピングマスクの設定は、レイヤーパネル上で文字を下（「Hokuriku pot」）に、上に背景の透過したい画像（中央の画像）を設定しています。

11回の記事に詳細を紹介していますので、是非チェックしてみてください！

文字を曲げる

使用素材

今回は背景の3つの写真を素材サイトからダウンロードをして使用をしています！
見本に似た写真を探していると、北陸の素敵な観光名所がたくさん出てきてとてもわくわくしました(*^^*)

左の東尋坊（とうじんぼう）は、福井県坂井市三国町安島に位置する崖。
中央の室堂平(むろどうだいら)は、富山県南東部，中新川郡立山町にある溶岩台地。
右の千里浜なぎさドライブウェイは、石川県にある国内唯一、波打ち際を自動車で走ることができる砂浜ドライブウェイ。

全てフォトACの画像を使用しました！
レジット表記やリンクは一切不要で使用ができるのでとても便利な素材サイトなのでおすすめです♪

Photoshopの新機能！AIを使用した生成塗りつぶし

砂丘にある車はPhotoshopに追加され新しい機能！生成塗りつぶしを使用して画像に車を追加しています！

元の写真に馴染む車のデザイン候補がいくつか表示され、今の車を選びました！
とても便利な機能で、画像に追加したい要素を打ち込むだけでAIが生成してくれます。

（参照：photoshop）

気づき

画像と白の使い方

旅行のバナーなので旅行先の風景写真が全体に反映されており、風景写真の邪魔にならないように文字はすべて白で反映されていました！

キャッチコピーだけ大きく白で打ち出し、「Hokuriku Spot」などの飾りの部分は風景写真を透過したりと背景の画像を尊重しているデザインがとても勉強になりました。
また、線も点線を使用してできるだけ背景の写真が見えるような工夫がされておりとても学びになりました。

背景に少しでも薄い色や白があると白のテキストが見えなくなってしまうのですが、1つ1つの画像に対して白い文字が見えるように色相・彩度・明るさを調整しているのも細かくて参考にしたいと思いました。

まとめ

今回は写真をメインにした旅行のバナーをトレースしてみました！
一見とてもシンプルなバナーに見えるのですが、フォントや写真など全体に統一感がでる且つ、訴求ができるデザインの工夫がされていてとても勉強になりました！

旅行のバナーを作成する際にはぜひ参考にさせていただきたいです！
ありがとうございました！