PC研修会09 テキスト

ホーム > PC研修会 > ホームページビルダー活用

・ ウェブアートデザイナー【バナー作成】

ウェブアートデザイナーを使って自店のバナーの作成
   アートデザイナー起動⇒キャンパスの指定⇒土台の選択⇒編集⇒文字挿入⇒文字編集⇒保存⇒アップロード
  1. ホームページビルダーを立ち上げ、インデックスを開きます。
    アートデザイナーを立ち上げツールバーの編集⇒キャンパスの設定
  2. バナーの基本サイズが88×31なのでそのように指定します。

    適応をクリック⇒OKをクリック
  3. 次にボタンの作成からバナーの背景を作ります。
  4. 形・大きさ等はご自由にしてください。

    決まれば選択⇒右側のプレビューで確認⇒次へ
  5. 単色・グラデーション・テクスチャを選び色の選択⇒完了
  6. キャンパスの指定サイズよりも大きいので指定サイズまでドラッグして縮めます。
  7. 文字の入力より自店の名前を入れましょう。
  8. 入力が出来れば文字の編集
  9. それぞれ好みで編集しましょう。
  10. サイズは文字数によりうまく入らない方も居るので
    ドラッグで微調整しましょう。
      
  11. 保存方法は前前回「ロゴ」同様二種類の保存を使うと編集も楽に出来るでしょう。
  12. 後はインデックスに貼り付けるだけ!
    完成品参考に貼り付けてね!
  13. 完成後、WEB道場のあなたのディレクトリーに作成分・indexをアップロードしてください。
    提出期日は金曜日の22時です。よろしくお願いします。
    完成品 A chief
  番外編1 《写真をバックに入れる》
  1. 写真をバックに入れる場合もデジカメの達人で編集します。
    達人で写真を読み込み100パーセント表示します。
    サイズが88×31なので大きすぎるとサイズ内の入らないので大きさは適当に!
  2. 次に選択ツールで範囲を選択します。
  3. 大きさのサイズはスタートメニューの右側に出るので
    サイズを88×31までドラッグしてあわせてください。
  4. 画像に四角の枠が出ます。枠ごとドラッグで切り取りたい位置まで移動します。
    くれぐれも角をつかんで引っ張らないように!指定したサイズが変わります。
  5. ツールバーの選択範囲⇒選択範囲反転をクリックします。
  6. ツールバーの画像⇒トリミングをクリック
  7. 名前を付けて保存でOK!
  8. 写真の貼り付けは 3 (ボタンの作成)の変わりに画像の挿入を行います。
  9. その他は同様に行ってください。

番外編2 《マスコットを入れる》

  1. 店のマークや写真を指定サイズ一杯ではなく小さく入れる場合は
    写真同様デジカメの達人で編集を行います。
  2. 指定サイズは気にせずに88×31のサイズに入る大きさにしましょう。
  3. ツールバーの選択範囲⇒選択範囲反転をクリックします。
  4. ツールバーの編集⇒切り取りをクリック
  5. 名前を付けて保存でOK!
  6. 10 の後に画像の挿入から貼り付けましょう
  7. その他は同様に行ってください。

ポイント!
小さなキャンパス上では、なかなかうまく納まらないので
解りやすく、文字は少なめの方が良いでしょう。
文字が多く、二行になってしまう場合は、改行で二行にするのでは無く
新たに文字の挿入を行って一行ごとにパーツを作り少しづつ移動しながら
レイアウトしていくと良いでしょう。小さな画像も同様に行ってみてください。

2003/9/29
尚、このテキストは松原駅前商店会 PC研修会で使用されたテキストです。
ご意見・ご質問・リクエスト等は、専用掲示板にご記入下さい。  【 事業部 】
Copyright(C)  2000.-2003. Isono.biz AllRights Reserved