Fireworks CS5でTweeningを使用する方法 - ダミー

トゥイーンは、Adobe Fireworks Creative Suite 5のアニメーションを微調整するためのツールとして提供されています。アニメーションの開始点または停止点として、2つの間の状態を作成するプロセスです。トゥイーンを使用して、オブジェクトの動きをシミュレートします（ボールのバウンスやアニメーションのイメージのフェーディングなど）。

シンボルを作成する

Fireworksでトゥイーン機能を使用するには、シンボル（この例では矢印）が必要です。このシンボルを作成するには、次の手順を実行します。

- >

1. 「ファイル」→「新規」を選択し、アニメーションを格納するのに十分な大きさの新しいドキュメントを作成します。

   この例では、500ピクセル×500ピクセルを測定するドキュメントを作成します。

2. 長方形ツールをクリックしたままにして、ツールパネルのベクトルセクションから矢印ツールを選択します。

3. キャンバスの左上隅でクリックしてドラッグして小さな矢印を作成します。

4. 「修正」→「シンボル」→「シンボルに変換」を選択します。

   <！ - 2 - >

   Convert to Symbolダイアログボックスが表示されます。

5. シンボルの適切な名前（矢印など）を[名前]テキストボックスに入力し、[グラフィック]ラジオボタンを選択して[OK]をクリックします。

   Fireworksは、矢印のグラフィックをシンボルに変換します。

シンボルの複製

シンボルを作成したら、そのシンボルを複製してアニメーションの開始点と終了点を作成する必要があります。次の手順を実行します。

<！ - 3 - >

1. キャンバス上の矢印シンボルを選択します。

2. Altキー（Windows）またはOptionキー（Mac）を押しながら、矢印をキャンバスの右下隅にドラッグします。

   ドラッグ中にAltキーまたはOptionキーを押し続けると、矢印が複製されます。

   

3. [ツール]パネルの[選択]セクションで[拡大/縮小]ツールを選択し、右下隅の複製された矢印を元のサイズより大きくします。

4. ポインタツールを使用して、両方の矢印シンボルをキャンバスに配置します。

   これらのシンボルはアニメーションの開始点と終了点であるため、アニメーションの開始と終了位置に配置します。

シンボルのトゥイーン化

アートボード上にシンボルのインスタンスが2つある場合、シンボルをトゥイーンしてアニメーションを作成する準備が整いました。次の手順に従います。

1. 矢印ツールのいずれかを選択するにはポインタツールを使用し、もう一方をShiftキーを押しながらクリックすると同時に両方が選択されます。

2. 「変更」→「シンボル」→「Tweenインスタンス」を選択します。

   [Tweenインスタンス]ダイアログボックスが表示されます。

3. [ステップ]テキストボックスに値を入力します。

   この例では、小さな矢印を大きな矢印に変換するための5つの新しい状態（またはフレーム）を作成するには5を入力します。

   

4. シンボルを一度に1つずつ表示する場合は、[状態]パネルでこれらの状態を別々の状態に分散したいので、[状態に配布]チェックボックスをオンにします。

5. OKをクリックします。

6. Fireworksワークスペースの右下にある[再生]ボタンをクリックしてアニメーションをテストし、ファイルを保存します。