ホームページビルダー編 ホームページビルダー編一覧へ戻る テクニック集トップへ戻る

@dreamの基本機能や便利な機能をご紹介しています。
18 　ロゴを作成しよう！

　自社のロゴマークや、ホームページに使用出来るバナーやボタンが作成できます。
　ここでは、ロゴマークの作成手順をご説明します。

　テンプレートを使用して簡単にロゴを作成する方法と、最初からすべてを作成する方法の２通りが有ります。

18-1 　テンプレートを使用してロゴを作成する

1.ウェブアートデザイナーを起動します。

　画面左側に「ウェブアート素材」というタブが表示されていなければ、
　「表示」メニューの中の「テンプレートギャラリー」をクリックします。






2.「ウェブアート素材」が表示されます。
　「ウェブアート素材」の「ロゴ」をクリックします。






3.「ロゴ」の中から、任意のロゴをダブルクリックします。
　右画面に選択したロゴが表示されます。






4.表示されたロゴをダブルクリックします。
　下記のような[ロゴの編集]という画面が表示されます。

　[文字][フォント]を任意の物に変更します。

　[×]印で[ロゴの編集]画面を閉じます。

　⇒　




5.編集したロゴが表示されます。
　編集したロゴを選択、右クリック、｢Web用保存ウィザード」をクリックします。






6.（1）「選択されたオブジェクトを保存する」を選択し「次へ」をクリックします。
　（2）保存形式をGIF（またはJPG）にチェックを入れて「次へ」をクリックします。
　（3）画質を設定します。ここでは特に設定をする必要は有りません。「次へ」をクリックします。
　（4）「ファイルに保存」を選択し「完了」をクリックします。

　　（1）　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　⇒　（2）
　　　


　⇒（3）　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　⇒　（4）　
　　　




7.マイドキュメント→homepageフォルダを開きます。
　分かりやすい名前を付け、「保存」をクリックしてください。
　（ホームページで使用する画像ファイル名は半角英数字を使用します。）





　ウェブ用保存ウィザードの詳細な手順はこちらをクリック↓↓↓
　　　　　　　　テクニック集ホームページビルダー編3番　ウェブアートデザイナーの画像保存



8.ホームページビルダーを起動し、トップページ（index.htm）を開きます。
　→作成したロゴファイルを挿入します。



18-2 　テンプレートを使用しないでロゴを作成する

1.ウェブアートデザイナーを起動します。
　
　任意の図形を選択します。
　ここでは、角の丸い四角を選択します。
　




　画面右側のキャンバス（白い部分）上でドラッグ（クリックしながらマウスを引っ張る）します。
　右図のような図形が作成されます。




2.作成された図形の上で右クリックし、「オブジェクトの編集」をクリックします。






3.「図形の編集」の画面が表示されます。

　（1）「線」タブをクリックし、太さや線種を選択します。
　（2）「線の色」タブをクリックし、枠線の色を選択します。
　（3）「塗りつぶしの色」タブをクリックし、枠線の中の色を選択します。
　（4）「影」タブをクリックし、影の設定をします。


　（1）　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　⇒　（2）
　　　


　⇒（3）　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　⇒　（4）
　　　




4.[×]印で[ロゴの編集]画面を閉じます。下図のように設定した色に変更された図形が表示されます。





5.文字を挿入します。

　「A」を選択し、図形の上でクリックします。
　左図のように、文字を入力するボックスが表示されます。
　任意の文字を入力します（右図）。






6.作成した.文字を選択、右クリックし「オブジェクトの編集」を選択します。






7.ロゴの編集

　（1）「文字」タブをクリックし、任意のフォントを選択します。
　（2）「色」タブをクリックし、文字色を選択します。
　（3）「縁取り」タブをクリックし、文字の縁取りを設定します。
　（4）「効果」タブをクリックし、効果の設定をします。


　　（1）　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　⇒　（2）
　　　


　　⇒（3）　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　⇒　（4）
　　　




8.[×]印で[ロゴの編集]画面を閉じます。設定変更した文字が表示されます。

　図形と文字を一緒に選択し、右クリック、｢Web用保存ウィザード」をクリックします。






9.（1）「選択されたオブジェクトを保存する」を選択し「次へ」をクリックします。
　（2）保存形式をGIF（またはJPG）にチェックを入れて「次へ」をクリックします。
　（3）画質を設定します。ここでは特に設定をする必要は有りません。「次へ」をクリックします。
　（4）「ファイルに保存」を選択し「完了」をクリックします。


　　（1）　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　⇒　（2）
　⇒　


　⇒（3）　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　⇒　（4）　
　⇒　




10. マイドキュメント→homepageフォルダを開きます。
　　分かりやすい名前を付け、「保存」をクリックしてください。
　　（ホームページで使用する画像ファイル名は半角英数字を使用します。）





　ウェブ用保存ウィザードの詳細な手順はこちらをクリック↓↓↓
　　　　　　　　テクニック集ホームページビルダー編3番　ウェブアートデザイナーの画像保存



11.ホームページビルダーを起動し、トップページ（index.htm）を開きます。
　→作成したロゴファイルを挿入します。
　　　　　▲上へ　　　　　　   　　
ホームページビルダー編一覧へ戻る