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

(7) 拡大・縮小

 簡単なモーションであるが他のエフェクトと併用されて、多用される。 例えば、写真をフェードイン&移動&拡大させながら中央に配置するなどは多くのWebサイトのイントロに見受けられる。 ここでは、幅と高さ、x、y座標を設定するだけで拡大、縮小を繰り返す方法について述べる。

縦横比が変わらないケース

125×125ピクセル、24fpsに設定したキャンバスの中央に、75pic四方の画像を配置する
(2)FRAME1で右クリック「モーショントウイーンを作成」する
(3)10から80FRAMEまで、10FRAMEごとにキーフレームを挿入する
(4)各FRAMEのインスタンスに対し、座標、サイズをプロパティーインスペクターで以下のように設定する
    FRAME 1, 80: W25、H25 x37.5、y37.5         //小さい、左上
    FRAME 10, 30, 50, 70: W75、H75、x:62.5、y62.5   //通常の大きさ、中心
    FRAME 20, 60: W25、H25、 x:62.5、y62.5       //小さい、中心
    FRAME 40: W25、H25、 x87.5、y87.5          //小さい、右下
(5)画像が大きくなるトゥイーンにイージング+100、小さくなるところに-100を設定

縦横比を変化させる 

(1)125×125ピクセル、24fpsに設定したキャンバスの中央に、75pic四方の画像を配置する
(2)FRAME1で右クリック「モーショントウイーンを作成」する
(3)10から80FRAMEまで、10FRAMEごとにキーフレームを挿入する
(4)各FRAMEのインスタンスに対し、座標、サイズをプロパティーインスペクターで以下のように設定する
    FRAME 1, 80: W75、H5 x62.5、y62.5          //上下に小さい、中心から拡大
    FRAME 10, 30, 50, 70: W75、H75、x:62.5、y62.5   //通常の大きさ、中心から
    FRAME 20: W5、H75、 x:62.5、y62.5          //左右に小さい、中心から
    FRAME 40: W75、H5、 x62.5、y25           //上下に小さい、上から
    FRAME 60: W75、H5、 x62.5、y100           //上下に小さい、下から
(5)画像が大きくなるトゥイーンにイージング+100、小さくなるところに-100を設定
 

ちょっとお遊び 

 

 

 

 

 

 

 

 

 

 

HOME   お勉強総リスト