スタッフコラム −WEBモバイル現場より−

バナーコンテストのバナーを作ろう!

7月1日(火)~13日(日)まで、サポタントでは
バナー力コンテストを開催しています!

第1回の夏バナーコンテストに引き続き、今回のテーマは「秋」。

「秋」といえば…「敬老の日」「ハロウィン」「読書の秋」「スポーツの秋」
「月見」「紅葉狩り」「食欲の秋」「スィーツ」「チョコ」…

などなど、たーくさん思いつきますね♪


そこで!今回は簡単にできちゃう、超初心者向け★バナーの作り方手順をご案内♪
ぜひみなさんもバナー力コンテスト
にご参加くださいね★



1.素材を探しましょう!
~~~~~~~~~~~~~~~~~~~~~~~~~
Yahoo!フリー素材
具満タン(有料)

 などで素材を探しましょう!
 他にも検索サイトで「フリー素材」などで検索をするといろいろと
 でてきますので、見てみてください。

 サイト内の検索窓で「秋」とか「ハロウィン」とか「紅葉」とか、
 つくりたいバナーの関連ワードを入力して検索するとブワッとでてきます。


 気にいったものがあればダウンロードしましょう!



2.デザインソフトを用意!
~~~~~~~~~~~~~~~~~~~~~~~~~~~
ここからはデザインソフトでの出番です!
 PhotoshopやFireworks、Illustratorなんかをご用意下さい。

 もっていない方は、コチラから無料で試用版のダウンロードが
 できます♪



3.素材のサイズを調整しましょう!
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 今回の募集サイズは以下の通り。
 ・468×60px
 ・234×60px
 ・180×180px

 とってきた画像の大きさや配置なんかを考慮しながら、
 上記サイズに合わせてリサイズしましょう。

 ここで使うツールは「切り抜きツール(トリミング)」と
 「拡大・縮小ツール」です。

 もとってきた画像が大きすぎる場合、まずは「拡大・縮小ツール」
 で適度な大きさに縮小しましょう。

 それができたら「切り抜きツール」でサイズをバナーのサイズに
 変更します。

webtant_user_35_1215790012.gif

 逆に、「切り抜きツール」で切り取った素材を「拡大・縮小ツール」
 でバナーのサイズに変更してもOKです!


 注:縮小する際、縦と横の縮小率が異なると、画像が歪みます。
   180px×180pxのバナーをつくりたい場合、上記画像のように、
   200px×200pxで切り抜いてから縮小するなどするとOKです!


4.文字をいれましょう!
~~~~~~~~~~~~~~~~~~~~~~~~~
サイズの調整ができたら、それに文字をのせましょう!
 
 「テキストツール」で適当なところにキャッチコピーを
 いれます。 キャッチコピーはかなり重要ですよ♪

webtant_user_35_1215790005.gif


5.完成!!
~~~~~~~~~~~~~
え!!?? もう?
 そうです。超初級であれば、これでも立派なバナーの完成です。


 今回は超初級編ということでここまで。最低限のバナー作成講座でした。

 他にも、画像の明るさを変えたり、テキストに装飾をいれたり、本当に
 様々なことができます。デザインを追及するとおもしろいですよ♪


 ぜひぜひ素敵なバナーがでてくることを期待しています!!

 バナー力コンテストを開催中!




2008.7.10
高見

人材のご依頼・お問合せはこちら

このページの先頭へ