【photoshop】バナートレース第13回目 ネオン文字のバナーにチャレンジ

 
こんにちは!
今回はモスバーガーの竜田バーガーのバナーをトレースしてみました!

ネオンのデザインはとても魅力的なのですが、再現するのにまだまだ時間がかかってしまいました。
今回も学んだことを紹介させていただきます!
バナートレースを使用路考えている方は是非チェックしてみてください!

トレース画像

バナーサイズ(幅×高さ):1200×900
使用ソフト:Photoshop
使用カラー:#033159 #5acbec #f5153f
使用フォント:VDL ラインGアール-pop / HGP創英角ゴシックUB
参照:BANNER LIBRARY

振り返り

知識・スキル

フォント

「モスでヤンニョむ?」のフォントが独特で、見本と似ているフォントを探すのに時間がかかりました。

Adobe Fontsで必死で見つけてVDL ラインGアール-popのフォントを選んで使用しました!

 
Adobe Fontsの中の分類の中に、デザインという項目があるので、一味違うフォントを探している方は必見です!

背景の水玉

背景の水玉はそれぞれ同じ色を再現するのに、1つ1つ楕円形ツールで丸を書いて、カラー、透明度、ぼかし(ガウス)を調整しました。

1つ1つ調整するのが大変だったので、もっと効率的にできる方法を見つけたいと思います。

ぼかし(ガウス)の設定方法
フィルター>ぼかし>ぼかし(ガウス)

吹き出しのネオン

吹き出しのネオンは、光彩(内側)、カラーオーバーレイ、光彩(外側)で再現しています。

「モスでヤンニョむ?」のネオンデザインの吹き出し設定の詳細を解説します!

吹き出し設定の詳細
光彩(内側)
透明度100% ノイズ0% カラー:#caeaf3 ソース:エッジ チョーク0% サイズ117px 範囲100% 適用度76%

カラーオーバーレイ
不透明度:100% カラー:#a8d0d9

光彩(外側)
描画モード:通常 不透明度100% ノイズ0% カラー:#5acbec スプレッド10% サイズ8px 範囲60% 適用度53%

気づき

背景のぼかし

背景の水玉はすべて不透明度を下げて、輪郭にぼかしが入っています。

また、背景の紺色はすべてが紺ではなく、若干中心が薄くなるようにグラデーションがかかっています。

このように、全体的に背景がぼかされるようにデザインすることで、被写体であるハンバーガーの写真を強調することができていると感じました。
商品を取り扱うバナーを作成する際には、参考にしてみようと思います!

まとめ

食べ物を訴求するバナーは、商品写真を大きく存分に使うといいですね!
とてもおいしそうでおなかが空いてきました。

商品写真がバナーの半分以上を占めていて迫力がありますよね!
食べ物のバナーを作成するときは参考にしてみようと思います!

今回は、今までの復習となるような作業が多かったのですが、まだまだ時間がかかるので、効率的に進められるようにこれからも模索していきます。
ありがとうございました!


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

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