こんにちは！
本日からバナー作成の練習としてバナートレースの記録を発信していこうと思います！
Photoshopでバナートレースをした作品と、振り返りや気づきを発信できればと思っています。
Photoshopは始めたばかりなのでまずは、
- 文字が多いもの
- 画像をしようしたもの
- デザインが複雑なもの
と段階的にトレースしていこうと思います(*^^*)
バナートレースされる方と一緒に頑張れたら嬉しいです。
今回は初めてのトレースということで、Adobe Blogにあったトレース方法を参考に、
テキストのみで構成されたセールバナーを作成してみました！
トレース画像
バナーサイズ（幅×高さ）：300×300
使用ソフト：Photoshop
使用カラー：e70012
使用フォント：凸版文久見出しゴシック StdN
参照：Adobe Blog
振り返り
考察
正方形のバナーを作成してみました！
テキストだけだったので、作業イメージをつかみ黙々と進めることができました。
知識・スキル
フォント
使用したいフォントがPhotoshop内にないときは、Adobefontで探して適用するとPhotoshop内で使用できるようになる。
不透明度
トレースするときは、不透明度を下げてロックをするとできる。
気づき
テキスト
「最大」「期間限定」「SALE」「期間」「パーセンテージ」の目の付くテキストを並べることで、お得感を訴求できる。
色
赤を使用することで、お得感が出る。
シンプルなデザインだけど、色を統一することで訴求したいテキストが見たときに認識しやすい。
枠
バナーに枠線をつけることで、中のテキストに目が行く。
まとめ
今回はテキストだけのバナーを作成してみました！
Adobe Blogの説明がすごくわかりやすかったので初めてトレースをしてみましたがやり方を掴むことができました。
初めてだったので意外と時間がかかりましたが、こんな感じでたくさん作成をしていきたいと思います。トレースなしでバナー作成ができるようになりたいので、これからも頑張っていきます！
ありがとうございました！
HerTech
