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

シェイプトゥイーン

 シェイプトゥイーンはタイムラインの最初に指定したイメージの形を連続的に変化させて、タイムラインの最後に指定した形状に到達させるアニメーションである。 非常に単純なように見えて、使いようによっては複雑かつ華麗なアニメーションを創生することが出来る。 ここでは、作成方法を述べるにとどめるが、デザインの面白さは、実際にいろいろ試みて体験してほしい。

シェイプトゥイーンの作成方法

 (1)FRAME1に描画ツールでイメージ(シェイプ)を描く
 (2)FRAME20(フレーム数は任意)に空白のキーフレームを挿入する
 (3)FRAME20でFRAME1とは異なる形状のシェイプを描く(描く場所は任意)
 (4)中間フレームのどこかを選択し、プロパティーインスペクターのトゥイーンでシェイプを選択する

 このとき、FRAME1及びFRAME20に描くイメージの数は複数でも良く、うまく組み合わせると複雑かつ面白い
 アニメーションを作ることが可能である。 以下に、描画数が2までのシンプルな例を示す。

1描画 → 1描画 2描画 → 1描画
1描画 → 2描画 2描画 → 2描画

SAMPLE    

 もうちょっと複雑なアニメーションの例を示す。 このシェイプトゥイーンはアイデアしだいで、いろんなアニメーションが作成できるので、結構楽しむことができる。

上の「1描画→2描画」と同じイメージを使っているが、同じ位置にトゥイーンを作っていることと、FRAME20で描いた円形が大きくなっていることから左のようなトゥイーンが出来上がる。
 
2つのシェイプトゥイーンを連続してプレイさせている。
 1つ目は、小さな星が大きな星になるトゥイーンで、衝突しているように見える。
 2つ目は、小さな沢山の星を20FRAME目(最終フレーム)にちりばめておくと、大きな星が分裂しているように見える。(2つ目のトゥイーンには、+100のイージングを設定している)
HOME   お勉強総リスト