こんにちは。mito(@mito_works)です。
デザイン力アップのためにバナートレースを始めることにしました。
ここでは、私なりのやり方を書いていこうと思います。
なぜやるのか
トレースは実際に手を動かすので、ツールの勉強にもデザインの勉強にもなると思いやってみることにしました。
とくにバナーは限られた小さなスペースの中に必要な情報をうまく配置しなければいけません。
そのため、ツールを使いこなす技術と情報整理、配置の仕方、デザインで必要な情報をどう伝えるか?という考え方の勉強になります。
momo
ツールの勉強って具体的にはどういう状態になりたいの?
mito
ある程度の操作はいちいち検索しなくても作業できるレベルになりたいな。よく使う操作も忘れないようにまとめておきたい!
momo
現状はどお?
mito
PhotoshopもIllustratorも都度検索してます…(汗)
momo
じゃあ、デザインの勉強って具体的にはどういう状態になりたいの?
mito
頭の中で、この時はこのパターンのデザインというようにある程度デザインが分類され、整理されている状態になりたい!!!
momo
今のmitoちゃんは?
mito
何かデザインをする時には参考になるデザインをいつもゼロから調べてます…。
まずはとにかく量をこなすことを目標とします。
「100本やるといいよ!!」と風の噂で聞きましたがw。
ハードルを下げて、できそうな1ヶ月20本を目標にやります。
バナートレースとは
「トレース」とは日本語で「模写、真似する」という意味です。
今回はバナー(広告)に絞って模写します。
やり方
素材の選び方
難易度低~高へ徐々にレベルアップしていくために最初は要素の少ないものから始めます。
- 背景単色で文字のみ
- 文字と簡単なオブジェクト
- 背景グラデーションや写真と文字
トレースの手順
色々あると思いますが、目的に沿って以下のようにしました。
- Pintarestでトレースするバナーを見つける
- 近しいフォント、素材を探す
- ガイドを引いて配置場所やサイズ感を把握する
- PhotoshopとIllustratorを使い分けてトレースする
- フォント、カラーその他気づいたことをまとめる
マイルール
ゴール設定にもつながりますが、以下の2点を意識します。
時間をかけすぎないこと。
やりっぱなしにせず、(フィードバックをもらったりしたいので)他人が見てもわかる状態に整理しておくこと。
ゴール設定
4種類のゴールを設定しました。
量 | 1ヶ月でバナー20本トレース。(平日1本、1週間で5本) |
---|---|
時間 | 1本1時間以内でトレース。 |
質 | レビューしてもらい、休日は修正にあてる。(1本30分以内) |
ストック | トレースしたものはTwitter&ブログに投稿する。 |
ではさっそくはじめます!
ABOUT ME