IBMホームページビルダー2000のウェブ アニメータ

アニメーション付きバナーを作る


  1. こんなバナーを作ってみましょう。
  2. イメージをデザイナーを使って作成する。
  3. アニメータを起動し、アニメーションをしたいイメージをドラック&ドロップでアニメータに持ってくる
  4. アニメーション効果を使う。

    ここでは効果を「ピンチ」、作成するフレームを「3」にしました。
    (フレーム数を多くするとファイルが大きくなるのでフレーム数は多くしない)
  5. フレームが出来た。
  6. 下絵にしたいイメージをフレームの最初にデザイナーからドラック&ドロップで挿入。
  7. 下絵のにイメージをダブルクリックしてイメージのプロパティを表示。
    消去方法で「イメージをそのまま残す」を選択。表示時間なども設定。

    *必要でないイメージ(フレーム5)をここで削除しました。(どこで削除しても良いです)
    削除はフレームを選択してDELキー。
  8. 次のフレームをクリックし、イメージの位置を決める
  9. プロパティのダイアログボックスで位置を微調整。時間の調整。
  10. 次のフレームをクリックしてプロパティで位置や時間を調整。
  11. 再生をクリックして、再生。表示時間や位置を変更する場合は各フレームのプロパティを調整。
  12. 良ければ保存。
    メニュー、[ファイル]−[名前をつけて保存]をクリック。
    ファイル名を付け、保存先を確認して[保存]ボタンをクリック。
●ファイル名は、半角英数字で付けるように心がけましょう。また、スペースを使わないようにしましょう。表示しないブラウザがあります。(ホームページで利用するHTMLファイルやイメージファイル名などです)