PC研修会09 テキスト

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

・ WEBアニメーター【動きのある素材】 文字バージョン

今回は文字からアニメーションを作成しましょう。
   下記の1〜11の作業にチャレンジ!
  1. 今回は文字をを利用して一つの動画を作ります。
    今回はWEB道場のTOPページのアニメーションを自分なりに作成します。
  2. ホームページビルダーを立ち上げツールからウェブアニメーターをクリック

  3. 次にアニメーションウィザードを開きます。

  4. その次に「文字アニメーションを使用して・・・」をクリック⇒次へをクリック

  5. 「背景の指定をしない」にチェック
    サイズ指定は自由ですが私は文字に合わせて横長にしてあります。
    PC研修会WEB道場のアニメサイズは256×64
    完成品参考サイズは128×32です。

  6. 次にアニメーションにする文字を入力
    (色・フォント・文字は各自、自由に行ってください)

  7. 次は、アニメーションの効果の種類の設定です。
    WEB道場は中から出てくるイメージのズームを選択しています。
    効果の種類もお好みでどうぞ!
    効果の種類によっては重たくなるものもあります。資料参考

  8. 効果の設定を行います。
    合計時間の設定はアニメーションの動く時間の設定です。
    フレーム数の設定はフレームの数が多くなると綺麗に動きますが
    画像の駒数が多くなるとファイルが重くなるので多すぎると表示も遅くなってしまいます。
    方向は効果の種類によって出てくるのでプレビューボタンで確認しながら設定しましょう。

  9. 次に中からもう一枚のWEB道場を出してくる設定です。
    イメージの部分の最終60をクリック

  10. 効果から文字アニメーションの追加をクリック

    色を変える方は色を変えて、フォントを変える方はフォントを変えてください。
    重なってくるのでフォントが違いすぎるのどうかな?
    効果はそのままでOKをクリック
    これでコマ数が120になり、最初の2倍です。
    ☆完成品のコマ数は合計で60です。
  11. 次に表示回数の設定です。
    属性をクリック

    編集⇒フレームのプロパディ

    繰り返しを有限で回数を自由に設定してください。

    無限だと、チカチカ、クルクル、早さも早いと字が読めません。程々に!
  12. アニメの完成後ファイルの⇒簡単最適化をして名前を付けて保存で完成です。
  13. 完成後、インデックスに貼り付け、WEB道場のあなたの
    ディレクトリーに作成分・index、作成したアニメーションをアップロードしてください。
    提出期日は金曜日の22時です。よろしくお願いします。
    A chief完成品
2003/10/24
尚、このテキストは松原駅前商店会 PC研修会で使用されたテキストです。
ご意見・ご質問・リクエスト等は、専用掲示板にご記入下さい。  【 事業部 】
Copyright(C)  2000.-2003. Isono.biz AllRights Reserved