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

 
こんにちは!
今回は「北陸の旅行バナー」にチャレンジしました!

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

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

トレース画像

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

振り返り

知識・スキル

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

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

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

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

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

文字を曲げる

 
キャッチコピー上部の「何度訪れても美しい。」の文字は円の続きになるように曲げています!
文字を曲げる方法
①テキストを打ち込む
②打ち込んだテキスをレイヤーパネル上で選択
③上にあるワープテキストを作成”をクリック
スタイルを”円弧“に設定
カーブを調整
⑥完了です!

使用素材

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

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

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

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

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

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

①なげなわツールで追加をしたい場所を選択します!
②生成塗りつぶしボタンをクリック
③生成したいテキストを入力
④候補が3つでるのでその中から選びます!
(3つの中にいいのがない場合は、「生成」をクリックするとされに追加で3つ候補が生成されます!)
 
Adobe Photoshopの生成塗りつぶしを使用すると、Adobe Fireflyの生成AIを活用した簡単なテキスト入力で、コンテンツの追加や削除をおこなえます!

(参照:photoshop

気づき

画像と白の使い方

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

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

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

まとめ

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

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


HerTech

 

HerTechといえば、完全初心者でもたった4か月でWebデザインスキルを習得できる女性限定スクールです♪

また、なんといってもオンライン勉強会・チャットサポート・グループコーチングで挫折・不安をゼロにする仕組みがあるので継続して勉強することができます
短期間でWebデザインスキルを学びたい!」「挫折せずスキルを身に着けたい!」方には、HerTechがおすすめです♪

でも、結構高い金額かかるんじゃないの…?
はじめは無料の説明会があるから、自分にあっている内容なのか確認できるから安心だよ!
しかも、60分少人数だから受講内容を詳しく知れるよ♪
ほんと!?
じゃあ、試しにHerTechの無料説明会に参加してようかな!
あと、補足で未経験でも分かりやすいオンライン動画講義と、実践課題があるから着実にスキルアップできるよ♪

 疑問や不安をすべて解消!
HerTech無料説明会を実施中(60分)

WEBCOACH

WEBCOACHといえば、副業・フリーランスを目指す幅広い年代(20代 ~ 40代)の方が学習できるオンラインWebデザインスクールです♪

また、なんとコーチは採用率5%を潜り抜けた現役のフリーランスコーチだから、プロ目線の指導を受けることができます。
質の高いWebデザインスキルを学びたい!」方には、WEBCOACHがおすすめです♪

でも、結構高い金額かかるんじゃないの…?
まずは無料カウンセリングがあるから、学習内容やコースがあっているか確認できるから安心だよ!
ほんと!?
じゃあ試しにWEBCOACHの無料カウンセリングに参加してようかな!
あと、完全マンツーマンで24時間担当コーチに質問をしたり、定期的なコーチングで学習計画やモチベーション管理があるから挫折せず続けられるよ♪

東京デザインプレックス研究所

東京デザインプレックス研究所といえば、2012年1月に開校し、急成長している「プロフェッショナル養成」のためのWebデザインの学校です♪

また、社会人・学生を中心に20代の方に人気で、未経験からキャリアチェンジしたい人におすすめの学校です。
プロのWebデザイナーになりたい!」方には、東京デザインプレックス研究所がおすすめです♪

でも、結構高い金額かかるんじゃないの…?
まずは無料で資料請求できるから、自分の方針にあっている学校なのか確認できるから安心だよ!
ほんと!?
資料請求ならすぐできるね!まずは、東京デザインプレックス研究所の資料請求してみるよ!
あと補足で、次世代のクリエイター/デザイナーに求められる志向性やスキルを学べるプログラムがあるから未経験からキャリアチェンジしたい人にはぴったりだよ♪