バナーの作り方講座でフォトショップ、flashなどバナーの名前の由来
やタイプ、バナーのサイズからバナーの作り方のお役立ちサイト
スポンサード リンク
スポンサード リンク
バナーとはサイトへのリンクに使われる画像です。バナーの作り方が気になりますが、まずバナーはbannerと書いて、「旗」「垂れ幕」「幟」などの意味があり、広告画像が帯状のため宣伝用の垂れ幕を連想させることからバナーという名がついたとされています。サイト所有者は、自分のサイト用のバナーをはっている方が多いと思いますが、検索エンジンに投稿する時やリンク用にもバナーがあると大変便利です。バナーは通常、GIF形式で作られることが多いですが、FlashやJPEG形式のバナーもあります。GIFとFlashを使用すると動くバナーを作ることができます。また、小さめの画像のことをボタンといい欧米ではバナーと区別しています。バナーの作り方としてはまずフォトショップなどで材料となる画像を作ってみるとよいでしょう。バナーには少しずつ変化したイラストを表示させるドット絵イラスト型や静止画を次々に表示させる静止画表示型、文字が一つ一つ表示されるタイプライター型、ワープテキストで少しずつ変化させるワープテキスト型、文字をフィルタで加工したものとイラストを移動したものであるフィルタ(ぼかし)型などがあります。
スポンサード リンク
バナーのサイズには規格があります。日本ではおもに88×31(幅×高さ)のバナーが最もよく使われています。このバナーが広く普及した理由はNetscape Navigatorのバナーがたまたまこのサイズだったために広まりました。大きいサイズのバナーでは200×40(幅×高さ)がよく使われています。バナーはこのふたつを持っていればほとんどのサイトに対応できるでしょう。国際的には88×31(幅×高さ)と468×60(幅×高さ)です。日本でもこの大サイズは企業広告によく使われています。またハーフサイズ(232×60)(幅×高さ)もかなり普及しています。バナーを英語サイトやアニメ、ゲーム関連サイトに張るなら、200×40(幅×高さ)もけっこう使ってもらえるでしょう。
バナーの作り方ですが、まずバナーの形式としてはGIFかJPGが一般的です。PNGもありますが、あまり一般的ではないようです。できればデザインはシンプルにして、軽くしたほうが好まれます。すごく重いアニメGIFは迷惑になるかもしれません。バナーは人それぞれいろいろな環境で表示されるものです。背景の色は不透明が無難です。また周囲をドットの枠で囲んだ場合、似たような色背景に置かれた場合でも見やすいです。バナーは一般のイメージエディタ(画像加工ソフト)などで簡単に製作することができます。新規作成で作った枠に指定した大きさで、好きな文字や画像を貼りつけましょう。バナーはページデザインに雰囲気が似ているものが好ましいです。そしてタイトルロゴと同じ字体を使うのが一般的です。バナーに人の写真や絵を使う場合は90°回転させて使うとよいでしょう。バナーを一から自分で作るのが苦手な人はホームページ作成ソフトのバナーやタイトルロゴ作成機能がありますので、こちらを使いましょう。ほとんどのソフトについています。サンプル画像なども活用しましょう。