お小遣いの神様

ホームページ作成編 その6

バナーをデザインしよう!

バナー作成手順1ではLOGOを使って下のようなデザインの8枚の画像を作ります。まずLOGOをダウンロードしたら解凍し、起動させましょう。

   
   

LOGOの画面表示イメージです。まず赤い矢印の"文字"の設定を行います。赤い線で囲まれている場所でバナーのサイズ、文字列、フォント、フォントサイズ、配置を決める事が出来ます。


【サイズ】バナーのサイズは、一般的な88×31(幅×高さ)で作ります。
【文字列】サイト名など(自由に決めてください)
【フォント】利用するフォントの種類を決めてください。
【フォントサイズ】フォントの大きさを決めてください。
【配置】左揃え、中央揃え、右揃えを決めてください。
【更新】変更した場合は更新を押すと反映されます。

文字色と背景色を決めよう!

【文字色を決める】
LOGOの画面表示イメージです。まず赤い矢印の"文字色"の設定を行います。"文字色"をクリックしてください。そうすると文字の色の変更ができます。次に赤い線で囲まれた"設定"をクリックすると色を選択できる画面が出てきます。"色の設定画面"で赤い線で囲まれた"パレット"か"HTMLコード"で色を選択してください。"OK"をクリックすると設定した色に変わります。

 

赤い矢印"色"が黒からオレンジに変わりました。赤い線で囲まれた"更新"をクリックすると文字色が黒からオレンジになるはずです。

 

【背景色を決める】
赤い矢印の"背景"の設定を行います。"背景"をクリックして下さい。そうすると背景の色の変更ができます。次に赤い線で囲まれた"スタイル"で単色を選択して下さい。
背景色を変更したい場合は、文字色を変更したときと同じように赤い線で囲まれた"設定"で変更してください。今回は背景色は"白"にしています。
次にバナーの縁をオレンジにしたいので赤い線で囲まれた"スタイル"で単色を選択してください。

 

次に赤い線で囲まれた色のボックスをクリックして下さい。文字色の変更のときと同じように"色の設定"画面が出てきますのでバナーの縁の色をオレンジに変更します。最後に"更新"をクリックして下さい。
赤い矢印"縁の色"が黒からオレンジに変わるはずです。

 

まずこれで一枚出来上がりました。ここでファイルの保存をして下さい。このLOGOというソフトはファイルを読み込む場合"ldf"形式のものだけ読み込むことができます。作成したファイルは必ず"ldf"形式で保存しておきましょう。また同時に"BMP"形式で保存しましょう。

残りの画像(あと7枚)を作成しよう!

さぁ一枚できてしまえば簡単です。先ほど"ldf"形式で保存したファイルを読み込んでください。そしたら赤い矢印の"文字"の設定のフォントサイズを小さくしていけばいいだけです。一枚目に作成したものは、フォントサイズが11でした。今回はフォントサイズ10で作成して、後はフォントサイズ4まで同じように作成して8枚のBMP形式の画像ファイルが出来上がります。

これで8枚の画像が出来ました。作成手順1はこれで終了です。作成手順2に進みましょう。

>> 7、バナー作成手順2に進む。

ホームページに企業のバナーを掲載して広告収入を稼ぎませんか?
ホームページやブログを運営している方なら誰でも始めることが可能です。
詳細はホームページで稼いでみよう♪を読んでみましょう!

▲ページの先頭へ戻る

お小遣いの神様トップへ



Copyright (C) 2008 お小遣いの神様. All Rights Reserved.