Flash CS6モーションパス

かもしれません 17, 2024

最後のフラッシュで^R CS6チュートリアルでは、オブジェクトを直線に沿って移動する簡単なモーショントゥイーンアニメーションを作成しました。次に、アニメーションを変更して、オブジェクトを曲線に沿って移動します。

モーショントゥイーンのトゥイーンスパンの小さな変更については既に説明しましたが、ステージは確認しませんでした。ご覧のとおり、アニメーションの左側の開始位置から右側の終了位置までの緑色の点線の直線があります。これは、アニメーションのモーションパスと呼ばれます。

モーショントゥイーンを使用する場合、このモーションパスを簡単に変更できます。やるだけやってみよう。

選択ツールを使用して、緑の線の隣でパスの中心にカーソルを置きます。

カーソルが小さな曲線のある矢印に変わります。
パスカーブを上向きにしましょう。パスの中心をクリックし、線が湾曲するまで上方向にドラッグします。
再生ヘッドをタイムライン上で移動すると、正方形が曲線のパスに沿って移動することがわかります。

今こそ、アニメーションをテストする良い機会です。
メニューバーから、[コントロール]-[ムービープレビュー]-[Flash Professional]をクリックします。

これにより、Flash Playerでアニメーションが開きます。正方形が曲線のパスに沿って移動することがわかります。最後に停止するように指示していないため、アニメーションはループします（連続して再生します）。 Flash Playerを閉じて、ワークスペースに戻ります。

この時点で、正方形は曲線のパスに沿って移動しますが、正方形は回転しません。アニメーション全体を通して、ステージの下部と同じレベルを維持します。正方形がパスに沿って移動するときに回転させることで、アニメーションに少し興味を追加できます。

アニメーションが開始され、パスに沿ってインクリメンタルに回転するときに、正方形がステージの下部と水平になるようにします。そのため、アニメーションの終了位置を変更する必要があります。
フレーム50を選択し、ツールパネルから自由変形ツールを選択します。

正方形の周りに8つのコントロールポイントがある黒い線が表示されます。
メニューバーから、[修正]-[変換]-[スケールと回転]をクリックします。
[スケールと回転]ダイアログボックスで、[回転]の値を120度に設定し、[OK]をクリックします。
タイムラインに沿って再生ヘッドをゆっくりと移動すると、パスに沿って四角形が回転します。

Copyright 2018 Adobe Systems Incorporated。全著作権所有。 Adobe Systems Incorporatedの許可を得て、Adobe製品のスクリーンショットを転載しました。 Adobe、Photoshop、Photoshop Album、Photoshop Elements、Illustrator、InDesign、GoLive、Acrobat、Cue、Premiere Pro、Premiere Elements、Bridge、After Effects、InCopy、Dreamweaver、Flash、ActionScript、Fireworks、Contribute、Captivate、Flash CatalystおよびFlash Paper米国および/またはその他の国におけるAdobe Systems Incorporatedの登録商標または商標です。