既存の HTML をアニメーション化する

注意:

2015 年 11 月をもって Edge Animate の積極的な開発は終了しました。詳しくは、エッジ製品群 | 開発終了を参照してください。

既存の HTML ページのエレメントをアニメーション化する

Paul Trani

既存の HTML ページのエレメントをアニメーション化したり、エレメントにインタラクティブ機能を追加したりすることができます。Edge Animate によって生成されたアニメーションコードは別のファイルに格納されるため、HTML ページの整合性は保持されます。

  1. Edge で既存の HTML を開きます(ファイル/開く)。

    Edge Animate では、標準準拠のコードのみが開かれます。例えば、重複する ID がある場合、ドキュメントに重複する ID が含まれていることが、Edge Animate によって通知され、ファイルは開かれません。エラーが表示されたり、動作が不自然である場合は、HTML バリデーターを使用して HTML ページを実行してみます。

  2. ステージでページエレメントを選択します。

    エレメントパネルでページエレメントを選択することもできます。エレメントパネルにはページの DOM(ドキュメントオブジェクトモデル)が表示されます。

    エレメントパネルに表示された DOM

  3. エレメントをアニメーション化します。アニメーションの作成に関するページを参照してください。

    注意:

    HTML エレメントに対して実行できる処理には制限があります。HTML エレメントはシンボルに変換することはできず、他のエレメントのプロパティをすべて持っているわけではありません。エラーが表示されたり、動作が不自然である場合は、HTML バリデーターを使用して HTML ページを実行してみます。

Edge で div、テキスト、読み込み画像などのエレメントを追加し、これらのエレメントをアニメーション化したり、エレメントにインタラクティブ機能を追加したりすることができます。

アドビのロゴ

アカウントにログイン