ホームページビルダー　初級講座　 　Room110　 　第８回

ウエブアートデザイナーを使ってデザイン文字を作る

タイトルを文字で表現するのは、大きさ、色などに限られます。特殊フォントなどは、パソコン上で出来たつもりでも、サイトをアクセスしてきた人にとって、思った通りに見えるかどうかはわかりません。 で、無難なのは、文章はゴジックで、タイトルなどは、画像にするのです。　ほとんどサイトをよく見ると、そうなっていのがわかるでしょう。 　今回は、文字を画像でデザインすることを勉強しましょう。

１．　ウエブアートデザイナーを起動する。

　ウエブアートデザイナーはホームページビルダーとは独立したソフトですが、ホームページビルダーとうまくリンクされ、ホームページを作るのに大変使い勝手がよくできています。

        ツールバー上のツールをクリックすると、

プルダウンメニューが現れます。

[ウエブアートデザイナー]を選択して、左クリックします。

２．　文字作成アイコンをクリックします

文字入力枠が表示されます

３．　文字を入力します。

　　　「ちゃたびあーな」と入力しています
　　

４．　文字を大きくします

　　　　文字が小さいので、右下隅のポイントマークをつかんで、適当な大きさになるまで引っ張ります。　

大きさが決まったら、マウスを枠の中においてダブルクリックします。

５．　下のダイアログが現れます。入力した文字が表示されています

　　　　文字の変更はここで出来ます。

６．　ダイアログの上に５つのタブがあります。

[色]のタブをクリックすると、

文字の色が変更できます。

リアルタイムに　文字の色

が変わりますので、いろいろ試してください。

７．　[縁取り]タブをクリックすると、

縁取りの方法が選択できます。

それぞれクリックして、どんな感じに

なるか、体得すればいいでしょう。

効果タブも同様です。

図や文章で説明できるものでは

ありませんので、いろいろ試してください。。

８．　このようになりました。

　ページ全体のバランス内容とのマッチングなど　「感覚、センス、好み」が大いに影響してきます。自分だけの独りよがりでなく、第３者の評価が是非必要でしょう

　　　　文字デザインとしてはこれで完成です。保存をしておきましょう。

９．　ホームページビルダーに送り込む要領は次の通りです。　

　１）　先ほどのデザイン文字の中に、マウスを移動します。
　
　２）　ポイントマークが現れ、選択されたことを示しています。

　３）　右クリックします。

　４）　左のダイアログが現れます。


　５）　一番下、[Ｗｅｂ用保存ウイザード]を選択し右クリックします。
 
　６）　下のダイアログが現れます。

  　７）　次へ　のボタンを　クリックします。

　  ８）　下のダイアログが現れます。


　　保存形式を選択します。GIFにボタンチェックがついていますが、JPEGがいいでしょう。
　JPEGにチェックを入れて、[次へ] をクリックします。

 

９）　下のダイアログが現れます。

ファイルサイズを決めます。

はじめは1４Kバイトを超していますが、[レバー]を左に動かして、8k程度に減らしています。

[次へ]　ボタンをクリックします。

  １０）　下のダイアログが現れます。

保存方法を選択します。

  ここでは、いきなりホームページビルダーに転送します。

　他の方法も実際にやって見てくださいね。

  [完了]ボタンをクリックします。

１０．　下のように送り込まれました。

１１．　保存しましょう　サイト[lesson1]　の[lesson8.html] にしましょう。

            これで第８回は終わりです。　お疲れさま!!

	back to  room 110 top	goto e-school top