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

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


  1. こんなバナーを作ってみましょう。
  2. ロゴを切り取る。
    背景に使うイメージ作成は、バナーを作るを参照してください。
  3. ペイント ツールを使ってロゴの背景を透明にする。




  4. 背景を透明にしたロゴをアニメーターにドラッグして、任意の効果をつける。(ここではピンチを使った)
  5. 背景になるイメージをデザイナーから、最初のフレームにドラッグして挿入。
    挿入したイメージをダブルクリックし、「イメージのプロパティ」を表示。
    • 表示時間 ・・・・・・・ 任意
    • 消去方法 ・・・・・・・ イメージをそのまま残す
  6. 2番目のフレームから最後のフレームを選択し、「プロパティの一括変換」ボタンをクリックする。

    プロパティの画面での設定。
    • 表示時間 ・・・・・・・ 任意
    • 消去方法 ・・・・・・・ フレームが表示される前のイメージに戻す
  7. 再生をクリックして、再生。表示時間や位置を変更する場合は各フレームのプロパティを調整。
  8. 良ければ保存。
    メニュー、[ファイル]−[名前をつけて保存]をクリック。
    ファイル名を付け、保存先を確認して[保存]ボタンをクリック。
●ファイル名は、半角英数字で付けるように心がけましょう。また、スペースを使わないようにしましょう。表示しないブラウザがあります。(ホームページで利用するHTMLファイルやイメージファイル名などです)