モーショントゥイーンアニメーションの作成

 アニメーションの作成を開始する前に、次の概念について理解しておきます。

関連項目

モーショントゥイーンのコンポーネント

トゥイーンスパン

• オブジェクトの 1 つ以上のプロパティを時間経過に沿って変更できる、タイムライン内のフレームのシーケンスです。
• モーショントゥイーンスパンは、背景色のある単一レイヤーに含まれるフレームのグループとしてタイムラインに表示されます。
• トゥイーンスパンを単一のオブジェクトとして選択し、タイムライン上のある位置から別の位置（別のレイヤーを含む）にドラッグできます。
• 各トゥイーンスパンでアニメーション化できるのは、ステージ上の 1 つのオブジェクトのみです。このオブジェクトはトゥイーンスパンの「ターゲットオブジェクト」と呼ばれます。

プロパティキーフレーム

• トゥイーンスパン内のフレームで、ここではトゥイーンのターゲットオブジェクトの 1 つ以上のプロパティ値を明示的に定義します。
• これらのプロパティには、位置、アルファ（透明度）、カラーの濃淡などがあります。
• 定義されたプロパティごとに固有のキーフレームがあります。
• 1 つのフレームに複数のプロパティを設定すると、各プロパティのプロパティキーフレームはそのフレームに置かれます。
• トゥイーンスパンの各プロパティおよびそのプロパティキーフレームを参照するには、モーションエディターを使用します。
• トゥイーンスパンのコンテキストメニューからタイムラインに表示するプロパティキーフレームのタイプを選択するには、いずれかのプロパティキーフレームを右クリックして、「キーフレームを表示」を選択します。 

トゥイーンのターゲットオブジェクト

モーショントゥイーンには、トゥイーンスパンの中に 1 つのオブジェクトがあります。これをトゥイーンのターゲットオブジェクトと呼びます。トゥイーンにターゲットオブジェクトが 1 つしかないことには、いくつかの利点があります。

• トゥイーンをプリセットとして保存し、再利用することができます。
• タイムライン上（トゥイーンスパンをドラッグ）またはステージで簡単にモーショントゥイーンを移動できます。
• 既存のトゥイーンに新しいインスタンスを適用するには：
  • トゥイーンにペーストして入れ替えます。
  • ライブラリから新しいインスタンスをドラッグします。
  • シンボルの入れ替えを使用します。 

トゥイーン可能なオブジェクトおよびプロパティ

モーショントゥイーンを適用できるオブジェクトの種類には、ムービークリップ、グラフィックおよびボタンシンボル、テキストフィールドがあります。これらのオブジェクトの以下のプロパティをトゥイーンできます。

• 2D X、Y の位置

• 3D Z の位置（ムービークリップのみ）

• 2D 回転（Z 軸周り）

• 3D X、Y、Z 回転（ムービークリップのみ）：パブリッシュ設定で FLA ファイルのターゲットを ActionScript 3.0 および Flash Player 10 以上のバージョンに設定します。Adobe AIR も 3D モーションをサポートしています。

• 傾斜 X、Y

• 伸縮 X、Y

• カラー効果：アルファ（透明度）、明度、濃淡および高度なカラー設定などがあります。シンボルと TLF テキストに適用されているカラー効果のみ、トゥイーンできます。これらのプロパティをトゥイーンすることで、オブジェクトがある色から別の色にフェードインまたはフェードアウトするように表示できます。クラシックテキストのカラー効果をトゥイーンするには、テキストをシンボルに変換する必要があります。

• フィルタープロパティ（グラフィックシンボルに対しては、フィルターは適用できません）

モーショントゥイーンアニメーションの作成

モーショントゥイーンの作成方法は次の 3 通りあります。

• トゥイーン処理するグラフィックまたはインスタンスを作成し、フレームを右クリックして「モーショントゥイーンを作成」を選択します。
• トゥイーン処理するグラフィックまたはインスタンスを選択し、メインメニューから挿入／モーショントゥイーンを選択します。
• トゥイーン処理するグラフィックまたはインスタンスを作成し、ステージ上でインスタンスを右クリックして「モーショントゥイーンを作成」を選択します。

 アニメーションでの ActionScript の使用はオプションです。

プロパティインスペクターを使用して他のプロパティをトゥイーン

シンボルインスタンスまたはテキストフィールドのプロパティをアニメートするには、モーショントゥイーンを作成コマンドを使用します。プロパティには、回転、伸縮、透明、濃淡（シンボルおよび TLF テキストのみ）があります。例えば、シンボルインスタンスのアルファ（透明度）プロパティを編集して、画面上でフェードさせることができます。

既存のトゥイーンレイヤーにトゥイーンを追加

既存のトゥイーンレイヤーに他のトゥイーンを追加できます。トゥイーンを追加することで、アニメーションを含む Animate コンテンツを作成する場合に使用するレイヤー数を削減できます。