webデザインの勉強方法 バナートレースとは

当ページのリンクには広告が含まれています。
  • URLをコピーしました!

初めまして。WEBデザイナーをしておりますゆるりと申します。
WEBデザインを勉強したいけど、まず何から始めていいのかわからない…という人は多いはず。

そんな方に最初に取り組んでみた欲しいのがバナートレースです。
今回はバナートレースのやりかたについてご紹介します。

目次

そもそもバナーとは?

バナーとはよく広告などに書かれている宣伝のところ↓↓




思わずクリックしたくなるようなバナーってありますよね?
いきなりWEBページ全体のデザインを考えるのは難しいですが、まずはお客さんの見たくなるようなデザインを考えるうえでバナー作成は大変有効です。

バナーの勉強方法 バナートレースとは

バナートレースというのは実際にお手本のバナーを見ながら同じようになぞること。
最近はInstagramにバナートレースの軌跡を投稿しています。

私がトレースするときやること

STEP
トレースしたいバナーを探す

ピンタレストやLINE公式の広告やWEB広告など「かわいいな」「これ私も作ってみたいな」と思うバナーを常にブックマークしたりスクショしたりしてストックしています。

STEP
使いたい画像を探す

トレースするのに必要な写真やイラスト、背景などの画像を用意します

おススメなのが

などです。
※これがメインではないので、あまり時間をかけないように注意!!

STEP
模写したい画像をレイヤーの一番下に準備

実際に模写したい画像を準備。レイヤーの一番下にひいていきます。

STEP
背景レイヤーを一度作った後、消した状態でトレーススタート

一番下の模写したい画像のすぐ上に背景レイヤーをいったん作成しますが、見えない状態にしてトレーススタート。
これを消しておかないと模写したいレイヤーが見えなくなってしまうからです。

あとは、色、文字のフォントなどを似せてトレースするのみ。

デザインのトレース初心者におススメ デザインのドリル

デザインのトレース初心者は何と言っても素材の準備に時間がかかってしまって大変なのですがこちらのデザインのドリルは
予め素材がダウンロードできるので、とてもおススメです。
また、知っておきたい要素がまんべんなく学べるので、トレース内容にも偏りがなく、いろんなデザインを学ぶことができます。是非読んでみてはいかがでしょうか?

こちらからご購入いただけます。

何か始めたい方のお役に少しでもなれたら幸いです。

バナートレースができるようになったら・・バナーお題にチャレンジ

バナートレースである程度自信がついて来たら、是非オリジナルを作成してみてください。
これがまた難しいのですが、とても楽しくなってくると思います。
バナーの勉強におススメのお題サイトをこちらで紹介しているのでもしよろしければご覧ください。

Instagram、Twitterもやっているので是非、仲良くしてください

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

調剤薬局にてフルタイムの薬剤師をしながらセラピスト→HP制作→サムネイル作成などなどいろいろな副業にチャレンジしてきました。
ココナラ売り上げ実績100件以上。
副業のことや電源カフェ&ノマドスペースについてブログにつづる。
現在SOUPGIRLSコレクションを作成する
NFTクリエーターとしてマイペースに活動中。

コメント

コメントする

CAPTCHA


目次