FLASHのお勉強　ーモーショントウイーンー

（９）　レイヤー･タイムライン

　複数のアニメーションを時間差を付けて表示する時に、必要になってくるのが、レイヤーとタイムラインの概念である。　ここまでのお勉強で、ある程度理解できていると思うが、ここでおさらいをかねて、まとめてみたいと思う。

　複数のシンボルのアニメーションを表示させる時は、そのシンボルの数だけレイヤーが必要となる。　１レイヤー、１アニメーションである。　このお勉強のトップページに表示しているアニメーションの例で以下説明したいと思う。

　上のアニメーションのように、image１，２，３が次々にスライドして登場し、白色に一瞬輝きながら、サイズアップして停止する場合の作成方法を以下に示す。

（１）キャンバスの設定：サイズW800、H125、背景色：#006666、
（２）レイヤー1の設定：メッシュ25の格子模様、
（３）レイヤー2を追加し、image1（75×75）のソース画像をステージに読み込み、シンボルに変換し（ムービークリップ、image1、基準点左上)、座標（750,25）、サイズW,H:25に設定する
　　（座標、サイズは、「ウインドウ」「デザインパネル」「情報」で情報ウインドウを表示し、ここで数値入力する)
（４）レイヤー2FRAME1で右クリックし、｢モーショントゥイーンを作成｣、FRAME15にキーフレームを挿入
（５）FRAME15でimage1を、座標（25,25）に移動。　FRAME15のアルファーを50％とする。
（６）FRAME25にキーフレームを挿入し、image1のサイズを75×75とする
（７）FRAME20にキーフレームを挿入し、着色、白、50％に設定
　−−−−−image1のアニメーション完成−−−−−−
（８）レイヤー3を追加し、以下、image2についても上記（３）から（７）を繰り返して、作成する。
　　　ただし、スタートを、FRAME15とし、（５）での移動先が（125×25）となるように設定する
（９）image3以降、同様の手順で、いくつでも作成できる
以下にimage3まで作成したときの timeline を示す（アニメーション完了後に静止している時間をとるため、FRAME85までフレームを挿入しておく)