Webデザイン

デザインとPhotoshopの練習に。バナーのトレース始めました。

webを作ったことない状態でいきなりwebのデザインをするのはハードルが高いので、まずはバナーを作る練習から始めました。

↓いろんなバナーが載っているサイト
BANNER LINKS
レトロバナー

上のサイトのバナーをマネしたり、ネットしてるときにコレいいなと思ったバナーをマネして練習しています。

バナーのトレースを始めて感じていること

Photoshopの練習になる

これまで紙媒体の制作をしてきたので、レイアウトするのはやっぱりIllustratorとIndesignが使いやすい。
でもweb制作ではPhotoshopを使うことが多いことを知って、もっとフォトショ練習しようと思いました。

そんでフォトショ使ってバナーをマネして作っているんですが……もう、しょっちゅうつまづきます。汗

これイラレだったらすぐ描けるのにー! とか、イラレでやってるこれはフォトショではどうやるんだろう? と思うことの連続です。立体的なボタンってどう作るんだっけ? 袋文字ってどうやるんだっけ?などなど…
小さいバナーひとつ作るのに何度もググっています。

フォントをもっと知りたい

フォトショの操作のほかには、このフォント何だろう?? もよく思います。
見本にしてるバナーと、自分で作っているのを並べて、あれでもないこれでもない…このフォントかなと思いきやよく見るとちがう…とか。

この筆記体のあしらいかわいい! とか、なんとなく見てるだけではスルーしてしまうけど、数字ちょっと小さくしてるなとか、色づかいでメリハリつけているなとか、じっくり見てると何かしら発見があります。

↓ この本、パラパラめくりながらフォントを探せて便利です。

ABCのみほん

ABCのみほん

デザインの引き出しが増える

これとこれをこうレイアウトするのかー! とか、写真の人物の服の色とアクセントの筆記体の色を揃えているなとか、こういう配色だとこんな印象だな〜とか、どのバナーにも発見があって面白いです。
このやり方今度使ってみたいなとか。

まとめ

なるべく毎日やることを目標にしていました。(すでに過去形)
が、2日に1個になり、3日に1個になり…。

疲れてるときは、あんまり難しくなさそうなのを選んでます。
写真があって文字ぽつん、みたいなやつとか。
(でも簡単そうと思っても何かしら引っかかるポイントがあって、必ずしもすぐできるわけではないんですよね…)