Adobe Edge Animateの要素をゆがめる方法 - ダミー

ビデオ: 第5回「簡単な移動アニメーションを指定する」／Adobe Edge Animate CC 基礎編 2024

Adobe Edge Animate Propertiesパネルを使用すると、Transformで作成したものと同じアニメーション効果の3つを作成できますツール：

変形ツールを使用すると、アニメーションをより柔軟に制御できます。 [プロパティ]パネルを使用すると、特定の数値が設定され、アニメーションの作成精度が向上します。

<！ - 1 - >

要素の傾きは非常にクールな効果です。 Adobe Edge Animate CCでは、スキューという要素は、斜め方向の変化を介して要素をアニメートするか、または方向や位置を突然変更することを意味します。歪みが何であるかを把握する最良の方法は、それを試すことです。

スキューの一例は、テキストをステージ上に移動することです。テキストをフェードインまたはスクロールする別の方法としてスキューを使用することができます。斜めにすると、異なる角度が周囲の単語をねじるので、サイズが縮小するテキストの効果が得られます。

<！ - 2 - >

変形ツール

変形ツールと要素を選択した状態で、図のようにカーソルを端に沿って配置し、二重線で二重線を表示します。クリックしてドラッグすると、要素を斜めにすることができます。

歪みエフェクトをアニメートしない場合は、変形ツールを使用するときは、必ずオートキーフレームモードを無効にしてください。

<！ - 3 - >

スキューをアニメートする場合は、変換ツールを使用するときにタイムラインの異なるポイントにピンと再生ヘッドを設定し、ストップウォッチが赤であることを確認します。

[プロパティ]パネルでスキューを使用するには、次の手順を実行します。

オブジェクトの水平および垂直スキュー値を指定できます。これらの値は、それぞれX軸とY軸のオブジェクトに影響します。最良の効果を見つけるには、両方の値をさまざまな角度で使用してみてください。また、アニメーションの長さを調整します。

スキューの値を設定したら、次のようにエフェクトをテストできます：タイムラインのピンを前後に動かして少なくとも5秒の時間を許します（エフェクトが実際に見える時間を十分に確保します）、そしてスキュー値を0に戻して、スキューなしでオブジェクトを表示します。

Skewのアニメーションの長さを調整すると、アニメーションの再生方法に大きな影響があります。より長いアニメーションでは、スキューエフェクトは、オブジェクトを0に戻す前に（オブジェクトに設定した最終値）、オブジェクトがねじれた異なる角度を表示する時間が長くなります。

要素を傾けることができるのは89度です。 89を超える値を使用すると、Edge Animateは値を89に戻します。最終的な合成では、89よりもずっと低いスキュー値を使用することをお勧めします。 89の値は、要素を大きくひねり、変換します。