目次:
- CSSファイルで発生する可能性のある問題
- 元のエッジアニメーションアイコンがアセットとしてライブラリパネルにインポートされました。
- 元のHTMLファイルでH1または段落タグをテキストに使用した場合、Animateはこれらの属性を認識し、図のように[要素]パネルに表示します。
ビデオ: Adobe Animate CC HTML5広告の作り方【バナークリック率向上を目指す!】 2024
Adobe Edge Animate CCはHTMLに非常に敏感です。既存の - 非常に基本的な - HTML Webページをアニメーション化したい場合は、ウェルカム画面からOpen Fileをクリックして作業を開始してください。
すべてのイメージと関連ファイルがhtmファイルと同じフォルダにあるか、htmファイルのネストされたフォルダにあることを確認します。それ以外の場合は、ステージに表示されません。
既存のHTMLをインポートするときは、次の点に注意してください。
<! - 1 - >-
Edge AnimateがCSSファイルを好まない場合があります。
-
htmファイルの画像がライブラリパネルに表示されます。
-
テキストは要素としてインポートされます。
CSSファイルで発生する可能性のある問題
HTMLページの読み込みが簡単になればなるほど、Edge Animateが開くのが簡単になることに注意してください。
htmファイルを開く際に問題がある場合は、関連するすべてのCSSファイルを削除してみてください。以前の作業を失ってしまっても構わないかもしれませんが、Edge Animateを使用してすべての設計作業をすばやく置き換えることができます。
<!メニューなどで既存のHTMLファイルを開くと、メニューや要素をアニメートできますが、色やその他の面を再フォーマットすることはできません。これは、Edge AnimateがインポートしたHTMLオブジェクトのアニメーションシーケンスだけを許可し、すでに適用しているCSSスタイルとの闘いができないためです。要素に2つのスタイルを適用すると、ちょっと混乱することがあり、予期しない結果につながる可能性があります。
<!インポートするHTMLページに画像が含まれている場合、エッジアニメートはそれらの画像をアセットとしてライブラリパネルにインポートします(この図を参照)。 - >
画像がライブラリパネルに表示されます。元のエッジアニメーションアイコンがアセットとしてライブラリパネルにインポートされました。
インポートされたイメージをアニメーション化またはインタラクティブな属性を追加できる要素として扱うことができるようになりました。画像を画面上で動かしたり、画像をリンクにすることができます。
テキストが要素としてインポートされます。テキスト付きのHTMLファイルをインポートすると、Animateはそのテキストを要素としてインポートします。テキストエレメントを選択してアニメートするか、アクションを追加することができます。ただし、テキストを編集することはできません。
元のHTMLファイルでH1または段落タグをテキストに使用した場合、Animateはこれらの属性を認識し、図のように[要素]パネルに表示します。
テキストは要素としてインポートされます。