【photoshop】バナートレース第22回目 母の日のバナーにチャレンジ

 
こんにちは!今回は母の日のバナーを作成しました!

5月の第2日曜日は母の日ですよね🌸
母の日が近くなってきましたので季節に合うバナーを選んでみました!

ピンクとお花とハート可愛いバナーですよね(*^^*)
こちらのバナートレースのポイントをご紹介していますので、気になる方は是非一緒にトレースをしてみてください。

トレース画像

バナーサイズ(幅×高さ): 520 x 292
使用ソフト:Photoshop
使用カラー:#ea528f #f22c4b #ffffff
使用フォント: Myriad Pro Bold / UD デジタル 教科書体 NP-B
参照:バナー広場

振り返り

知識・スキル

使用素材

今回は、背景の花束と、ハートのイラストをフリー素材サイトからダウンロードをして使用しました!

同じ素材を探すのは難しいので、各素材ポイントを絞って選定しました。

選定のポイント

花束
 花束のボリュームが似ていること
 バナーで使われている赤もしくはピンクの花がメインの花束であること
ハート
 アクセントカラーである黄色のハートであること
 手書き風のハートであること
 周りを囲う線が赤もしくはピンクであること

花束の素材は写真ACハートの素材はイラストACの素材を使用させていただきました!

写真AC、イラストACともに、クレジット表記やリンクは一切不要でダウンロードができるのでとてもおすすめの素材サイトです。
1日のダウンロード回数に制限はありますが、無料でダウンロードができるので是非使ってみてください。

写真のぼかし

 
花束の写真と「Mother’s Day」の間に白で写真のぼかしをしています!

ブラシツールの「ソフト円ブラシ」で、不透明度と流量を下げて文字に近い花束の写真をぼかしています。
写真を背景色に合わせてぼかすことで、目立たせたい「Mother’s Day」の文字が目立ち、バナー全体に立体感がでてとても効果的な方法だと思いました。

気づき

配色について

使用カラーは基本的にピンク4割と白4割で、全体に統一感が出るデザインになっていると思いました。

アクセントに特別感のでる赤プレゼントとイメージするハートを使用していて、このバナーを見た時に「母の日」の特別感やプレゼントを連想させる工夫がされていると思いました。

メインの使用カラーを絞り、アクセントカラーを決めておくことが、バナーデザインに欠かせない重要なことであることを改めて感じました!

まとめ

今回はシンプルなデザインではありますが、母の日が近いので母のにバナーを見本にトレースをしてみました。

いろんな色を使わずにメインカラーで統一されたバナーはやはり目につきやすく訴求力が上がるデザインになるなと改めて感じました。

今までで学習したことでトレースがスムーズに進められましたが、デザイン要素やレイアウトについては何度トレースをしてもやはり勉強になりますね(*^^*)
まだまだこれからもいろんなバナートレースにチャレンジしていきたいと思います。
ありがとうございました!


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

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