今回は「しまなみ海道のカフェバナー」にチャレンジしました!
前回北陸の観光バナーのトレースをして旅行のバナートレースが楽しかったので、今回はも観光系のバナートレースをしました!
学んだことを書いていますので、同じバナーのトレースを考えている方は是非チェックしてみてください(*^^*)
トレース画像
バナーサイズ(幅×高さ): 950 x 480
使用ソフト:Photoshop
使用カラー:#227cae #ffffff
使用フォント: UD デジタル 教科書体 NP-B / Arial Bold
参照:バナー広場
振り返り
知識・スキル
パターンオーバーレイ
キャッチコピー下の、「広島・向島・因島・生口島」の背景のデザインはパターンオーバーレイを使用しました!
ペンツールで形を作り、パターンオーバーレイでPhotoshopに入っている「水」のパターンを選択しています。
通常で不透明度を30%程度で設定して、見本と同じようなデザインになるように調整しました!
使用素材
今回は自転車のイラスト・背景の写真3枚ををダウンロード素材からダウンロードをしました♪
背景左側の画像は広島の「未来心の丘」の写真です!
「未来心の丘」は知らなかったので、こんなきれいな観光名所があることを知れてよかったです。
まっ白な大理石で作られた広大な庭園で、世界最大規模の大理石彫刻庭園だそうです!
広島に行く際にはぜひ行ってみたいですね(*´ω`*)
自転車のイラストICOOON MONOは、背景の写真3枚は写真ACでダウンロードをしています!
写真ACは、クレジット表記やリンクは不要で、ダウンロード回数の制限はありますが無料でダウンロードができるので愛用しています。
ICOOON MONOは、クレジット表記や許可なしで無料でダウンロードができるのでシンプルなアイコン素材をダウンロードしたいときにおすすめです!
背景の画像の形
背景の画像の形はシェイプを作成した後に、クリッピングマスクで写真の形を再現しています!
①まず背景の形をシェイプで作成します。
②次にシェイプに当てはめたい画像を反映します。
③次にクリッピングマスクで背景で設定した形にクリッピングマスクで当てはめます。
④同じ手順でほかの2枚の画像も設定すると完成です!
AIでドリンクと果物を生成
見本バナーにあるドリンクは、ダウンロード下画像になかったので「生成塗りつぶし」の機能を使用してAIで生成しています!
画像の生成塗りつぶし機能を使用して、ドリンクと果物を生成しました。
1回の生成に3つの候補が出てくるので、イメージに近いものを選択しています。
3つの中に適したデザインがない場合は、生成ボタンをもう一度押すと候補がまた3つほど出てきますので合計6つの中から選ぶことができます!
とても便利な機能なので是非使ってみてください(*^^*)!
気づき
シンプルで写真とテキストに目が行くデザイン
前回のバナートレース同様に、観光を目的としたバナーはシンプルで観光地がイメージできる画像を活かしたデザインが多いと感じました。
キャッチコピーも中央にシンプルで、半分以上が背景の画像がみえるようになっています。
また、キャッチコピーのある中央のデザインも白の透過を使用して文字以外はできるだけ背景の画像が見えるようにデザインがされていてとても勉強になりました。
まとめ
今回は前回に引き続きaiで画像に要素を生成してみました!
画像の雰囲気に馴染むようにもう少し調整ができるようになりたいと思いました(>_<)
また、観光系のバナーは使用する写真の選定がとても重要になりますので、使用写真の選定の背景なども考えながらバナートレースをしていけたらいいなと思いました。
ありがとうございました!