FREE MOTION

FREE MOTION
職人への道

Flash職人への道 上級編

今回からは上級編に突入☆
上級編では更に高度なテクニック、スクリプトについて解説していくよ。今回はまず、モーショントゥイーンっていう機能について勉強してみよう!
■モーショントゥイーンとは?
モーショントゥイーンとは、インスタンスのサイズ、角度、カラーを変更させる機能です。これらに変化を与える場合、1フレームずつ編集していくことでも可能ですが、指定したキーフレーム間の変化を自動でアニメーションとして挿入することができる画期的な機能です。

モーショントゥイーンを使ってみよう

まず開始点にキーフレームを設定しましょう。ここではまず、開始点になるフレームにキーフレームを設置し楕円を描画します。
スクリーンショット
続いて、終了点となるフレームにキーフレームを設置して、移動後の位置、サイズ、角度、色などを設定します。ここでは例として20フレーム目にキーフレームを設置し、楕円のオブジェクトを右にドラッグして移動させます。
スクリーンショット
スクリーンショット
終了点のキーフレーム挿入と終了位置を調整し終わったら、モーショントゥイーンを有効にします。開始点のフレームを右クリックし、メニューから[モーショントゥイーン作成]を選択してください。
スクリーンショット
モーショントゥイーンを有効にすると、参考画面の様に開始フレームと終了フレームの間に矢印が表示されます。この矢印が表示されていれば、モーショントゥイーンの設定は完了です。
スクリーンショット
すべての編集が完了したら、プレビュー再生して動作を確認してみましょう。プレビュー再生はツールバーの再生ボタンをクリックすることで行えます。
スクリーンショット
編集に間違いが無ければ、参考画面のように楕円が左から右にスライドするようにアニメーションします。
■注意
このモーショントゥイーンは、オブジェクト(シェイプやムービークリップ)の移動以外にも、回転、拡大縮小、色の変更などが行えるようになっています。ただし、シェイプの変形とシェイプの色変更を行ってしまうと、すべてのフレームに使用されているシェイプに影響してしまうので、注意が必要です。

お疲れさまでした。

モーショントゥイーンの機能は理解できたかな?このモーショントゥイーンは、今後Flash制作の多くの場面で活用するだろう。この章で解説したモーショントゥイーンを駆使して、更に動きのあるFlash制作に役立てていってくれ!