5.基本のトゥイーンアニメ(モーションガイドに沿って動かす)
----------------------------------------------------------------------------------------
やってみよう!
モーションガイドに沿ってなめらかにアニメするよ。
1.準備
「3.基本のトゥイーンアニメ(移動アニメ)」のflaファイルを開き ステージ中央にインスタンス(ステージ上に配置したシンボルのこと)を一つ配置した状態にしよう。 70フレームほど追加しておく。
2.モーションガイドレイヤーを追加する
くまを配置したレイヤーを選択した状態で【右クリック/クラシックモーションガイドを追加】を選択して モーションガイドレイヤーを追加する。
うまくモーションガイドレイヤーが追加されると上記のように表示される。
3.モーションガイドを描く
[モーションガイドレイヤー]を選択し[鉛筆ツール]でうごかしたいルートをステージに描いてみよう。 [鉛筆ツール]を[スムーズモード]にして一筆書きで一気に描こう。 そうでないとアニメがへんになるよ。
4.[トゥイーン]を設定する
くまレイヤー(モーションガイドレイヤーじゃないほう)を選択して 最後のフレームをキーフレームに変換し[トゥイーン]を設定しよう。 [トゥイーン]の設定方法参照:「3.基本のトゥイーンアニメ(移動アニメ)」
5.インスタンスの位置を調節する
くまレイヤーの1フレーム目を選択する。 [オブジェクトの吸着]ボタン(磁石のアイコン)をオンにして [選択ツール]でステージに配置したインスタンス の○を[モーションガイド]の右端まで移動させよう。
[オブジェクトの吸着]ボタンがオンになっていると インスタンス中央の○が[モーションガイド]にピタッと吸着するよ。
70フレーム目のインスタンスも同じように[モーションガイド]の左端へ位置を調節しよう。
6.再生してみよう
【制御/再生】で再生してみると[モーションガイド]が見えた状態。
【制御/プレビュー】で再生すれば[モーションガイド]は見えない。
実際アニメを使う場合はこの形式(swf)で書き出すので問題ないよ。
7.
レイヤーをドラッグしてモーションガイドレイヤーの真下から移動させると
トゥイーンがガイドレイヤーに沿わなくなってしまう。
(モーションガイドレイヤーのアイコンも変わる)
レイヤーの順序を戻してあげれば元の状態に戻るよ。