Topics  last update 2009年2月12日
ホームページのSEO初級講座ホームページのしくみ
ホームページのSEO初級講座Homepage Managerの簡単な使い方
ホームページのSEO初級講座タイトルロゴの作りかた
ホームページのSEO初級講座トップページを完成させる
ホームページのSEO初級講座テキスト(文章)を書く
ホームページのSEO初級講座ホームページを検索エンジンに登録する
ホームページのSEO初級講座こんなことをすると検索順位が下がる
ホームページのSEO初級講座HTML+CSSサイトの場合
ホームページのSEO初級講座タイトルロゴの作りかた
ホームページのSEO初級講座フリーソフトGimpの導入と新規レイヤーの作成
ホームページのSEO初級講座script-fuで一発作成
ホームページのSEO初級講座バナーの作り方
ホームページのSEO初級講座動きのあるバナーの作り方 
ホームページのSEO初級講座ネットは匿名性があるのか否か
ホームページのSEO初級講座IPの伏せ方
ホームページのSEO初級講座プロクシを自動で切り替えて使う
ホームページのSEO初級講座IPアドレス以外の環境変数の漏洩を防げないのか?
ホームページのSEO初級講座ブラウザの設定を検証する

TOPへ

タイトルロゴの作り方タイトルロゴの作り方


タイトルロゴの作り方ウェブアートデザイナーを使う

ホームページビルダー付属のウェブアートデザイナーが必要です。


事前に 以下のような画像を用意しておく 639×100ピクセル (サイズは適当です)
タイトルロゴ画像例
タイトルロゴ画像例
(この画像上で右クリックして、『名前を付けて画像を保存』すれば練習に使っていただけます。)

この画像の上に文字を載せてタイトルロゴ(またはタイトルバナーとも言う)を作ります
で、用意した画像をウェブアートデザイナーで開きます。
『ウェブアート素材』タブを開き、『ロゴ』と言う部分をクリックします。
例えば、あなたが『びっくりハウス』というショップを作っているなら、『文字』記入欄にびっくりハウスと入力してください。
適当でいいのですが、030番の画像をクリックして 一番下の『挿入』ボタンをクリックしてください。
すると下記のようになっていると思います。



タイトルロゴの作り方 
タイトルロゴ画像例

グレーの部分は、キャンバス部分です 『びっくりハウス』の文字の部分をダブルクリックすると、『ロゴの編集』ができます。
文字の色、書体、大きさ、効果などさまざまなことをコントロールできます。

書体は、デフォルトでは『MS UI Gothic』あたりになっていると思いますので、適当に御自分のセンスで変更してください。かなり雰囲気が変わると思います。これでは、文字が小さく見ずらいので、少し中央部分に移動させてかつ大きくします。

(下の画像で)
文字の部分を選択し、左下かど、または右下かどをグイーっとひっぱれば 大きくなります。
右上かどに カーソルをあてると画像を回転させることができます。

 タイトルロゴの作り方 
タイトルロゴ画像例

以下のように設定すると、完成いっぽ手前の画像ができあがります
背景に写真を使うと、奥行きがでるので好きなのですが、白い背景を塗りつぶしたり
グラデーションをかけたり、テクスチュアで塗りつぶしたりすると 無限の組合せがあります。
御自分の好きなように作り上げてください。背景をモノクロ写真にするとシブイですよ!


タイトルロゴの作り方
タイトルロゴの編集   フォントやスタイルを変えてみる


タイトルロゴの作り方
タイトルロゴの編集  文字の色を変えてみる


タイトルロゴの作り方
タイトルロゴの編集  縁取りなどを試してみる おかしい場合は設定しない


タイトルロゴの作り方
タイトルロゴの編集  影をつけてみる  おかしい場合は設定しない



完成いっぽ手前の画像タイトルロゴの作り方







タイトルロゴの編集   位置を微調整する

これだけでは、完成したことにはなりませんね。
背景画像を選択し、右クリ-WEB用保存ウィザードで順に選択して保存します。
このような画像の場合は、jpgかpngで、 イラスト的な画像の保存の場合はgifが使えます。


タイトルロゴの作り方 WEB用保存ウィザード


タイトルロゴの作り方  
下の項を選択します 『指定』ボタンを押す



タイトルロゴの作り方



















  


まんなかを選択すると、文字が現れます。 OKをクリック。



で、はじめのダイアログに帰って、『次へ』タイトルロゴの作り方






























この場合は、jpegかpngを選びます。
pngのほうが、重い画像になります。
一度やってみてください。比較するとわかります。




タイトルロゴの作り方




タイトルロゴの作り方

jpeg保存の場合、『画質』の項が 75になっていると思いますが一度最後まで保存して画質を確認してみてください。あまりに劣化がひどいなら、上の画像のように75から100にあげてやってください。
ケースバイケースで。




タイトルロゴの作り方
で、画像を保存するフォルダに保存してから、ホームページビルダーからこの画像を呼び出します。

いつかまた編集作業するかも?しれないので、ウェブアートデザイナーの独自形式 mif も保存しておけばいつでもこの状態から編集作業が再開されますので便利です。








ソーシャルブックマークで情報を共有!


   
        
このサイトに掲載されている記事・写真・図表などの無断転載を禁じます。sitemap リンクについて     
Copyright © 2006〜2009  ホームページのSEO対策初級講座   all rights reserved