【photoshop】バナートレース第17回目 はちみつ紅茶のバナーにチャレンジ

 
こんにちは!
今回はLiptonのはちみつ紅茶のバナートレースにチャレンジしました!

見本バナーを選定していた時に目に飛び込んできたデザインだったのでやってみようと思いました!

商品のイメージと全体のバナーデザインがマッチしていて素敵なデザインですよね!
学習内容をアウトプットしましたので是非参考にしてみてください。

トレース画像

バナーサイズ(幅×高さ): 1200 × 850
使用ソフト:Photoshop
使用カラー:#fff7b6 #480607 #f4ad25
使用フォント: 凸版文久見出しゴシック StdN / TA-角ゴGF03 / MS ゴシック / UD デジタル 教科書体 N-B
参照:BANNER LIBRARY

振り返り

知識・スキル

使用素材

 
 


今回使用した素材はすべてイラストACでダウンロードをしました!
こちらのバナートレースをチャレンジ方は是非参考にしてみてください!

背景のハチの巣デザイン

背景のハチの巣のデザインは、多角形ツールで六角形を1つ1つ作成しました。
かすれたデザインは、作成した六角形にレイヤーマスクをかけてドライブラシで粗いデザインを再現しました
ドライブラシは背景色と同じ色で設定して見本と同じデザインになるように調整しました!

ハチの足跡

ハチの…の足跡はペンツールで作成しました。
ペンツールで線を書き、線の種類を…に設定したら見本と同じように再現できました!

気づき

使用しているイラスト素材

使用しているイラスト素材は、商品パッケージより目がいかないようにシンプルなものを選定しているんだと思いました。
左下にあるハチミツのツボとハチミツの棒はデザインがあまり入っていないシンプルな素材を使用していました。

トレースでも同じような素材を使用したかったのですが、ハチミツのツボはデザインが入っている素材になってしまいました。

全体のデザイン

全体のデザインは、パッケージと同じデザインになっていて商品イメージを訴求することを目的に作成されたバナーだと思いました。
実際の商品とバナーのデザインの再現性がとても高くてすごく勉強になりました。

15回目に作成したバナートレースと同じように、商品パッケージと同じデザインのバナー作成がされていて学びが深まりました。

まとめ

シンプルなデザインに見えて、細かなデザインにこだわりがあって完成させるのに少し時間がかかりました。

今までのバナートレースでは、フォントの種類が1~3種類だったのですが、今回は4種類のフォントをしようしました。
見本バナーでは多分2.3種類のフォントを使用していると思うのですが、同じようなフォントを探すことができませんでした…(>_<)

フォント探しはまだまだ課題が残りますが引き続きバナートレースをする中で学習していきたいと思います!
ありがとうございました!


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デザイナーになりたい!」方には、東京デザインプレックス研究所がおすすめです♪

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