タグを絞り込む : バナートレース

#21
ここから、オリジナル要素を追加していこう。



 


バナー考察:インプットの気づき

  • ターゲットはドーナツ好きの全世代と思われ
  • 新商品の誕生を商品写真と文字のみでシンプルに伝える
  • 文字間をキツキツにすることで「むぎゅっと」感を伝える
  • 影をつけることで、写真の強調、主役感が出る

 

トレースメモ:アウトプットの気づき(学び)

1~20を終えて、こうやって作っているだろうというのが大体思い浮かぶようになってきたと思うので、(複雑なものはまだまだですが。。。)
21からは見本バナーをヒントにオリジナリティを追加しようと思いました。
・見本バナーのいいところ(好きなところ)
・どういう時に応用できそうか
などを踏まえてアレンジしていけたらと思います。

そして21回めの今回。

文字間キツキツで「むぎゅっと」感が素敵
→ むぎゅっと感があるものに使えそう

→ あかちゃんのむちむち感(誕生もかけられる)
→ 太ももとお腹のむちっと感がかわいい赤ちゃんの写真を採用
→ 浮き輪にのってたのでプールに浮いてる風にしてみる
→グラサンかけてファンキーな感じなので「ベィビー」の文字にしてみる・「hello!」を足してみる

そんな思考回路でした。
ファンキーなお宅の出生ハガキなんかにいかがでしょうか笑。(あかちゃんの顔見えなすぎw)


 


使用ツール photoshop
所要時間 60分
フォント ロゴJrブラック(少し変更)
デザイン特徴 文字間キツキツ正方形
バナータイプ 飲食

#20
サボりすぎサボリすぎ
お仕事で使いたいので練習。



 


バナー考察:インプットの気づき

  • ターゲットは20代前後の若い世代?
  • ポップな色使いで賑やかさ
  • いろんな形・線・塗りで賑わい
  • こういうポップなデザインに太めの筆記体は発想になかった

 

トレースメモ:アウトプットの気づき(学び)

  • こういったランダム配置に規則性はないのだろうか(案外線の角度が違ったり)
  • 素材サイトのデザインだから自由な感じなのだろうか
  • 学びというか疑問になった
  • パスの変形→ジグザグ、いろいろ使える

 


使用ツール illustrator
所要時間 60分
フォント SignPainter・Raleway
デザイン特徴
幾何学模様
バナータイプ 素材

#19
忙しさにかまけてスローペースになってきた、30まで頑張ろ。
ポップな幾何学模様やりたくてこれにしました。



 


バナー考察:インプットの気づき

  • ターゲットは20代前後の若い世代?
  • ポップな色使いで賑やかさ
  • Webデザインでもちょくちょく見かける背景模様は「ポリゴン」というらしい
  • 先進的なデザインで使われている印象
  • 作字で可愛らしさ・ユニークさ

 

トレースメモ:アウトプットの気づき(学び)

  • 背景はライブペイント選択ツールを使いながら作ってみた
  • 一つ一つの図形の組み合わせでは微妙にずれてしまうので、大枠図形に線を入れて分割するのが良いと思った

 


使用ツール illustrator
所要時間 60分
フォント 作字・DIN 2014
デザイン特徴 作字
幾何学模様
バナータイプ イベント

#18
作字&水しぶき感がさわやかでこれにしました。
写真を変えてみました。



 


バナー考察:インプットの気づき

  • ターゲットは20代前後の若い世代?
  • ほぼ丸と直線のみでできた作字がおしゃれさを演出している
  • 水しぶきとカラーによって夏らしい涼しげなデザイン
  • 切なげなキャッチが印象的

 

トレースメモ:アウトプットの気づき(学び)

  • 画像に、水しぶきの写真と玉ボケの写真を合成
  • 水しぶきの写真は描画モード:スクリーンで合わせた
  • 玉ボケの写真は下部だけに描画モード:ソフトライトで合わせた

 


使用ツール photoshop
所要時間 60分
フォント 作字
デザイン特徴 作字
画像合成
バナータイプ 商業施設

#17
湯気の表現をやりたくてこれにしました。



 


バナー考察:インプットの気づき

  • ターゲットは幅広い世代に
  • ぷりぷり感・サクサク感が伝わってくる写真
  • 衣の破片が飛んでいるのがいい
  • 湯気が目立ちやすい背景色
  • お得は赤のボックスで一番目を引く

 

トレースメモ:アウトプットの気づき(学び)

  • 湯気は写真素材を合成して表現

 


湯気について

調べていて、湯気が出ている表現をするのに3パターンあることを知りました。
・photoshopで自分で湯気を作る(雲模様フィルターなどを使用)
・湯気や煙のブラシ素材を使用する
・湯気の写真素材を合成する

今回は写真素材の合成で湯気を表現しました。
・似た雰囲気の湯気の写真素材を探す
・バナー作成中のphotoshopファイルに湯気の写真読み込み、描画モードを「スクリーン」に設定する
・湯気の写真にマスクをつけ、不要な部分をブラシツールで消していく
・不透明度を調整して自然になるようにする

↓今回は、以下のように湯気の写真の不透明度が50%のものと20%のものを2種類合成しました。(2種類でマスクした部分は異なります)



 


使用ツール photoshop
所要時間 60分
フォント 秀英丸ゴシック
デザイン特徴 シズル感のある写真
バナータイプ 飲食