Flash CS6のモーショントゥイーン

かもしれません 17, 2024

このチュートリアルでは、Flashでモーショントゥイーンを作成する方法を学びます^R CS6。前のチュートリアルで、ステージ全体に円を移動するアニメーションを作成したことを覚えているかもしれません。そのレッスンでは、クラシックトゥイーンアニメーションを作成しました。クラシックトゥイーンは、Flashの元の種類のアニメーションです。

次に、新しいタイプのトゥイーンアニメーションを見てみましょう。今回は、ステージ上で正方形を移動するモーショントゥイーンアニメーションを作成します。一見、これらの2つのアニメーションは同一に見えるかもしれません。しかし、今後のレッスンを進めるにつれて、モーショントゥイーンがお気に入りのトゥイーンアニメーションオプションである理由がわかるでしょう。非常に柔軟で、非常に複雑なアニメーションの作成に使用できます。

Flash CS6を開き、ようこそ画面の新規作成列からActionScript 3.0を選択します。

タイムラインに空白のステージと1つのレイヤーがあることがわかります。
レイヤー名をダブルクリックし、レイヤー1の名前を「Square」に変更します。
ストロークの色をnullに設定します。
[塗りつぶしの色]ボックスをクリックし、カラーピッカーから任意の色を選択します。
長方形ツールを使用して、ステージ上に正方形を描きます。

この時点で、正方形は基本的な形状です。これを確認するために、[プロパティ]パネルの情報を見てみましょう。
選択ツールを使用して、ステージ上の正方形を選択します。

[プロパティ]パネルで、このオブジェクトがShapeであることがわかります。オブジェクトの位置、サイズ、色も確認できます。

モーショントゥイーンを作成する最初のステップは、シェイプをシンボルに変換することです。 Flashシンボルについては、今後のチュートリアルで詳しく説明します。
ステージ上の正方形を選択し、メニューバーから[修正]-[シンボルに変換]をクリックします。
シンボルに変換ダイアログボックスで、シンボルに「Square」という名前を付け、タイプをムービークリップに設定します。次に、小さなボックスのグループ内の小さな中央のボックスをクリックして、登録ポイントを中央に設定します。 OKをクリックします。

正方形の周りに細い青い線が表示され、オブジェクトがシンボルになったことを示します。
タイムラインのフレーム50を右クリックし、フレームの挿入を選択してタイムライン50フレームを拡張します。
タイムライン上の任意のフレームを右クリックし、「モーショントゥイーンを作成」を選択します。

Flashによってすべてのフレームが異なる色になっていることがわかります。これらは、モーショントゥイーンのトゥイーンスパンと呼ばれます。

タイムラインに沿って再生ヘッドをフレーム1に戻します。前回のチュートリアルのように、オブジェクトは移動しません。これは、アニメーションの終了位置を示す2番目のキーフレームをまだ追加していないためです。
フレーム50を右クリックして、メニューから[キーフレームの挿入-すべて]を選択します。
フレーム50のままで、正方形をクリックしてステージの反対側にドラッグし、これがモーショントゥイーンの終了位置になることをFlashに伝えます。

ここで、再生ヘッドを移動すると、正方形がステージ上で徐々に移動します。

しかし、モーショントゥイーンを使用すると、正方形が直線ではなく曲線に沿って移動するようにアニメーションを簡単に変更できます。

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の登録商標または商標です。