早速作りましょう。

先ずは、一枚目のテーマでしょうか?大きい字でカラフルに?写真をバックにスッキリとでしょうか?個人のセンスで分れ目ですね。ポイントとしては重くない?クリックしたら直に開くように心がけましょう。PCの性能が上がったとはいえ見るのに手間が掛かっては折角見に来てくれた人が逃げてしまいます。『なかなか画面が開かないのはイライラしますよね』その点は注意して作りましょう

 バナーを作ろう!

先ずは、Windowsのペイント等でキャンパスのサイズを決めましょう。バナーサイズは 31×31/88×31/100×40/200×40/468×60 でしょうか。

(100X40)サンプルのため多少大きめ!
作業は小さいとやりづらいので拡大して作業してください。

背景の色付け
貴方のセンスでね 作り終わったら保存してください。

文字を入れる

ペイントで文字を入れると、こんな感じになってしまします。

そこでいいソフトがあります。  PictBear - ペイント フリーソフトですが大変重宝します。ダウンしてください。

先程保存したファイルをPictBearで呼んでください。
1. を選択し 画像の上でワンクリックすると ”文字列”のウインドウは開きます。フォント・サイズ・色を設定します。
 カレントレイヤーは画像に直接書き込みますので移動は出来ません。新規レイヤーは文字を移動できます。で好きな所に移動してください。
保存して完成です。

こんな感じになりました。
ファイルの変換、ペイントで作成すると、bmp(ビットマップ)のためファイルサイズが大きい。gif・jpgに変換して保存すること多少画質は落ちますがファイルサイズが1/10程度ですみます。写真等は、JPGで保管すると画像が綺麗です。いろいろと試して見てください。

あなたはこんなセンスの無いバナーではないと思いますが、いろいろと作って見てください。

先程の PictBear でフィルター→特殊効果→立体枠にすると


こんな感じにもなります。それっぽいでしょ?

背景に写真等を使うことも土台部分で写真からコピペすれば出来ますし、簡単でしょ!


バナー作りはいいでしょうか?
次は少し面倒な HTMLです ⇒ つづく