【photoshop】バナートレース第15回目 麦茶のバナーにチャレンジ

 
こんにちは!
今回は「やかんの麦茶」のバナートレースに挑戦しました!

実はこの麦茶はとてもおいしくて毎日飲んでいます(*^^*)
昔、暑い夏に飲んでいた、あの懐かしい味が好きで愛飲しています。
飲んだことがない方は是非一度飲んでみてください!

今回もバナートレースで学んだこと、気づいたことを書いてみましたので是非見てみてください。

トレース画像

バナーサイズ(幅×高さ):1200 × 527
使用ソフト:Photoshop
使用カラー:#32b6c2 #ffffff
使用フォント:Shippori Antique B1
参照:BANNER LIBRARY

振り返り

知識・スキル

画像の一部の色を変える

背景の緑の暖簾(のれん)の画像は、もともとも暖簾(のれん)の色を変えています。
もともとの色は”青”だったのですが、Photoshop内で緑に変更をしてみました!

同じ色の暖簾(のれん)画像を探していたのですが、なかなか見つからなかったので元画像の色を変える方法を調べてみました!

元画像

(参照元:写真AC

Photoshopで元画像の色を変更する方法

  1. デザインに取り入れたい画像を画像サイトから探す
  2. Photoshop内に画像を取り込む
  3. 「オブジェクト選択ツール」で被写体を選択
  4. 「塗りつぶし調整レイヤー」の「色彩・彩度…」を選択
    被写体にパス線が反映されたら、「色彩・彩度…」で色相・彩度・明度を調整します。
  5. 完成!!
 
こちらのYouTubeを参考にしました!

垂直方向に反転

中心にある「やかんの麦茶サウナへ」のテキスト両脇のモコモコについてです。
このモコモコはペンツールで作成しました!
まず右側を作成したのですが、複製して左側に回転させるとモコモコの大きさが逆になってしまいました…。

調べてみると「垂直方向に反転」させることで、再現できるとわかり簡単にできました!

気づき

配色

パッケージと同じ色をバナー全体の色に採用することで、ブランドイメージの強化につながると思いました。
麦茶のパッケージ、女性のエプロン、背景の色すべて同じ色を使用しているので、商品イメージを訴求することを目的に作成されたバナーだと感じました。

まとめ

今回は見本バナーを探すときに、目に留まったものにしようと思っていました。
そんな時にこのやかんの麦茶のバナーが目に飛び込んできました!

デザイン全体に統一感があり、とても魅力的なバナーですよね!
メインカラーと白の使い方がシンプルでわかりやすく、ユーザーの目を引くデザインでとても参考になりました。

バナートレースはまだまだ続けていきますので、一緒に頑張っていきましょう。
ありがとうございました!


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

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