Flash CS3

パスに沿ったモーションのトゥイーン

モーションガイドレイヤーを使用すると、トゥイーンしたインスタンス、グループ、またはテキストブロックをアニメーション化するときのパスを描画できます。複数のレイヤーをモーションガイドにリンクして、複数のオブジェクトを同じパスに沿って移動できます。モーションガイドレイヤーにリンクされた標準レイヤーは、ガイド対象レイヤーになります。

この例では、別のレイヤーにある 2 つのオブジェクトが同じモーションパスに設定されます

モーショントゥイーンのビデオチュートリアルについては、www.adobe.com/go/vid0125_jp を参照してください。

モーショントゥイーンのチュートリアルについては、Flash チュートリアルの Web ページ (www.adobe.com/go/learn_fl_tutorials_jp) の「タイムラインアニメーションの作成」を参照してください。

アニメーションのサンプルについては、Flash サンプルページ (www.adobe.com/go/learn_fl_samples_jp) を参照してください。次のサンプルを利用できます。

  • ドロップシャドウのアニメーション : サンプルを使用するには、サンプル zip ファイルをダウンロードして解凍し、"Graphics¥AnimatedDropShadow" フォルダに移動します。

  • アニメーションとグラデーション : サンプルを使用するには、サンプル zip ファイルをダウンロードして解凍し、"Graphics¥AnimationAndGradients" フォルダに移動します。

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

  1. モーショントゥイーンされたアニメーションシーケンスの作成 [パスに沿って回転] を選択する場合は、トゥイーンするエレメントのベースラインはモーションパスの方向を向きます。[吸着] を選択する場合は、トゥイーンするエレメントの基準点はモーションパスに吸着します。
  2. 次のいずれかの操作を実行します。
    • アニメーションを含むレイヤーを選択して、[挿入]-[タイムライン]-[モーションガイド] を選択します。

    • 右クリック (Windows) するか、または Control キーを押しながらクリック (Macintosh) して、[モーションガイドを追加] を選択します。

      Flash で、選択したレイヤーの上に新しいレイヤーが作成され、レイヤー名の左側にモーションガイドアイコンが表示されます。

      選択したレイヤー上のモーションガイドレイヤー

  3. ペン、鉛筆、線、円、長方形、またはブラシの各ツールを使用して、必要なパスを描画します。
    例: 描画ツールを使用して描かれたパス

  4. 最初のフレームではラインの始点に、最後のフレームではラインの終点に、中心点をそれぞれ吸着させます。
    注意: 最良の結果を得られるように、基準点に合わせてシンボルをドラッグします。
  5. モーションガイドレイヤーとそのラインを非表示にして、作業時にオブジェクトの動きだけが表示されるようにするには、モーションガイドレイヤーで、目の形の列をクリックします。

    アニメーションを再生すると、グループやシンボルがモーションパスに沿って移動します。

レイヤーのモーションガイドレイヤーへのリンク

  次のいずれかの操作を実行します。
  • 既存のレイヤーをモーションガイドレイヤーの下にドラッグします。レイヤーは、モーションガイドレイヤーの下にインデントされます。このレイヤー上にあるすべてのオブジェクトは、モーションパスに自動的に吸着します。

  • モーションガイドレイヤーの下に新しいレイヤーを作成します。そのレイヤーにあるトゥイーン対象のオブジェクトは、モーションパスに沿って自動的にトゥイーンされます。

  • モーションガイドレイヤーの下のレイヤーを選択します。[修正]-[タイムライン]-[レイヤープロパティ] を選択し、[ガイド] をオンにします。

モーションガイドレイヤーからのレイヤーのリンク解除

  レイヤーを選択してリンクを解除し、次のいずれかの操作を行います。
  • レイヤーをモーションガイドレイヤーの上にドラッグします。

  • [修正]-[タイムライン]-[レイヤープロパティ] を選択し、レイヤーのタイプとして [標準] をオンにします。

 

このページに新しいコメントが追加された場合に、電子メールでの通知を希望する。 | コメントレポート

現在のページ: http://livedocs.adobe.com/flash/9.0_jp/UsingFlash/WSd60f23110762d6b883b18f10cb1fe1af6-7d83.html