今回は画像がフェードイン、フェードアウトするアニメーションを作成します。
Animate を起動すると従来のFlashのように作成するテンプレートを選択する画面が表示されます。
Animate を起動してテンプレートを選択した後は従来のFlashと同様に編集領域となりキャンバスやタイムライン、各種ウィンドウが表示されます。
ライブラリにシンボルを作成、画像を格納します。 新規作成したシンボルにはライブラリに格納した画像を配置します。
タイムラインの1フレーム目を選択して右クリックで表示されるメニューよりキーフレームを挿入します。
次に31フレーム目のシンボルを選択した状態で透明度(アルファ)の数値を下げて透明化します。
パブリッシュ設定画面内の[基本]タブでは動作や書き出し先を指定します。
[詳細]タブではJavaScriptに関する情報を設定します。
[Webフォント]では別のAdobe製品である「Typekit」よりフォントを読み込むことができます。
HTMLファイルをブラウザで読み込むと画像がフェードイン、フェードアウトします。
画像の透明度を上げたり下げたりする単純な動きですが、JavaScriptで実装しようとするとプログラムが必要となり難易度が上がりますが、Animate を利用することで容易に実装することができます。