見出し画像

バナートレース #01

やってみました!という事でまとめです。

ぱっと見たとき、
キャッチコピー・キャンペーン値段が目につきやすい。
バナーの可愛い雰囲気が気になる。
と思ったのでトレーズしてみました。
調べたところ20代,30代がメイン層…?の女性向け商品のようです。

デザインPOINT
・ピンクなど淡い色がメイン
・フォントがゴシックと明朝の間のようなもの
・全体的に丸みがあって、柔らかみがある
・外枠にべースカラーより少し暗い色で1pxのboader

サイズ / 300px×250px

素材探し / 20分ほど トレース作業時間 / ~1時間半
バナートレース:photoshop
まとめ画像:illustrator
まとめに関してはillustratorの練習になるかと思ってですが、案の定時間がかかりました。まとめのデザインでも悩みました…;
あと参考バナーの画像背景が花柄の布…?だったので、それに合わせて水色ではなく色を変えた方が良かったのか少し迷ったんですが…今回このままいきました。
トレースを続けてデザインの引き出しを増やすのと時短を目指したいです!


作業時に調べたこと一覧

バナーについて
ディスプレイ広告で必要な全バナーサイズと最低限必要なバナー一覧 /
https://marketer.jp/display-ad-banner-size.html

photoshop
シェイプのアンカーポイントをピクセルスナップさせない方法 /
(ペンツールのときにピクセルに沿ってしまって困りました…)
https://edge.sincar.jp/photoshop/photoshop-disable-pixel-snap/

シェイプレイヤーやパスを編集する方法 /
レイヤーを選択した状態で、「Ctrl」を押しながらシェイプレイヤーがあるところをクリック。編集したいパスの範囲をドラッグすると編集可に!
http://cubelic3.jp/path_edit/

illustrator
オブジェクトの移動を細かく動かせるようにする /
【表示】→【グリッドにスナップ】【ポイントにスナップ】のチェック外す

ここまで読んでいただきありがとうございました!

この記事が気に入ったらサポートをしてみませんか?