自分でバナーを作ろう！

自分でバナーを作ろう！

画像関連ヒント＆トピックス

自分で苦労して作ったホームページ・・・できれば、バナーも自分で作ってみましょう！
ここでは、写真を利用した簡単なバナーの作り方（と言うほど大したものではありませんが、）を紹介します。写真を利用すれば、余り絵心が無くても（実は自分のこと・・）、それらしいバナーが割合簡単にできるんです。我が家の愛犬写真からフォトレタッチソフトを使ってバナーを作ってみましたので、簡単に手順を紹介します。

バナー画像	手　順
まず、バナーに使う写真画像を準備．・・・我が家の愛犬ロンです♪
	使用する部分をトリミングして、バナーサイズに縮小．ここでは、88x31ピクセルに縮小しています．
	画像が足りない部分は、コピー＆ペーストで適当に画像を作成．
	文字を入れる部分（背景）の明るさを変えたり、ボカしたり．
	文字を入れる。文字に影をつけたりするとそれらしくなる !?
	4辺1ピクセル幅の明るさを変えてボタン風に加工する．最後に減色してできあがり．（64色に減色しています）

如何でしょうか？センスが無いので、余り良い出来とは思いませんが、こんな方法でバナーを作ると、とにかく簡単なので試してみて下さい。

ところで、バナーの標準サイズってあるんでしょうか？　あちこちのWebを覗いてみても、バナーサイズはバラバラで、特にきまりはないようですが・・・。
ただ、誰が最初に作ったかはよく知りませんが、88x31ピクセルのバナーが古くから半標準(?)的なサイズのようです。このサイズ・・正式にはマイクロボタン（Micro Button）と呼ぶんだそうです。このマイクロサイズの中に写真や文字を詰め込むには、結構きついものがあります。特に、漢字を入れるのは難しい！


88x31 pixel （当Webサイト用に作成したMicro Button達）

他には、アニメ系のサイトでよく目に付く200x40ピクセルのサイズ。このサイズ・・やや横長ワイドな感じですが、どうやら日本産で、そこそこ普及しているバナーサイズのようです。

200x40 pixel

全くの個人的な趣味ですが、150x60ピクセル・・・色々と表現できそうでお気に入りのサイズです。下のバナーは、とあるサイトでリンクをはっていただけるということで、指定されたサイズで作成したものです。
[150x60]

150x60 pixel
いずれにしても、余りバナーサイズにこだわっても仕方ないかもしれません。取り敢えず、このページで紹介した程度のサイズのバナーをいくつか作ってみるのも面白いかも・・？　ただ、個人のサイトで広告バナー（468x60ピクセル；Full Banner）並の重～い特大バナーを作っても、誰も使ってくれない可能性が高いので、やめておいた方が良いかも・・・・。

468x60 pixel （本物のFull Banner広告）

Prev.
これからはPNG画像!?

写真はやっぱりJPG画像