マニュアル キャンセル

カスタムイージングの追加

  1. Adobe Animate ユーザーガイド
  2. Animate の概要
    1. Animate の新機能
    2. ビジュアル用語集
    3. Animate の必要システム構成
    4. Animate キーボードショートカット
    5. Animate での複数のファイルタイプの取り扱い
  3. アニメーション
    1. Animate のアニメーションの基本
    2. Animate でフレームとキーフレームを使用する方法
    3. Animate でのフレームアニメーション
    4. Animate でのクラシックトゥイーンアニメーションの操作方法
    5. ブラシツール
    6. モーションガイド
    7. モーショントゥイーンと ActionScript 3.0
    8. モーショントゥイーンアニメーションについて
    9. モーショントゥイーンアニメーション
    10. モーショントゥイーンアニメーションの作成
    11. プロパティキーフレームの使用
    12. トゥイーンを使用した位置のアニメーション化
    13. モーションエディターを使用したモーショントゥイーンの編集
    14. トゥイーンアニメーションのモーションパスの編集
    15. モーショントゥイーンの操作
    16. カスタムイージングの追加
    17. モーションプリセットの作成と適用
    18. アニメーションのトゥイーンスパンの設定
    19. XML ファイルとして保存したモーショントゥイーンの操作
    20. モーショントゥイーンとクラシックトゥイーン
    21. シェイプトゥイーン
    22. Animate のボーンツールアニメーションの使用
    23. Animate でのキャラクターリグの操作
    24. Adobe Animate でのマスクレイヤーの使用
    25. Animate でのシーンの操作
  4. インタラクティブ機能
    1. Animate でのボタンの作成
    2. 他のドキュメントタイプ形式への Animate プロジェクトの変換
    3. Animate での HTML5 Canvas ドキュメントの作成およびパブリッシュ
    4. Animate のコードスニペットを使用したインタラクティブ機能の追加
    5. カスタム HTML5 コンポーネントの作成
    6. HTML5 Canvas でのコンポーネントの使用
    7. カスタムコンポーネントの作成例
    8. カスタムコンポーネントのコードスニペット
    9. ベストプラクティス - Animate を使用した広告
    10. バーチャルリアリティの作成と公開
  5. ワークスペースとワークフロー
    1. ペイントブラシの作成と管理
    2. HTML5 Canvas ドキュメントでの Google フォントの使用
    3. Creative Cloud ライブラリと Adobe Animate の使用
    4. Animate のステージとツールパネルの使用
    5. Animate ワークフローとワークスペース
    6. HTML5 Canvas ドキュメントでの Web フォントの使用
    7. タイムラインと ActionScript
    8. 複数のタイムラインの操作
    9. 環境設定
    10. Animate オーサリングパネルの使用
    11. Animate でのタイムラインレイヤーの作成
    12. モバイルアプリおよびゲームエンジン用アニメーションの書き出し
    13. オブジェクトの移動とコピー
    14. テンプレート
    15. Animate での検索と置換
    16. 取り消し、やり直し、ヒストリーパネル
    17. キーボードショートカット
    18. Animate でのタイムラインの使用
    19. HTML 拡張機能の作成
    20. 画像とアニメーション GIF の最適化オプション
    21. 画像および GIF の書き出し設定
    22. Animate のアセットパネル
  6. マルチメディアとビデオ
    1. Animate のグラフィックオブイジェクトの変形と組み合わせ
    2. Animate でのシンボルインスタンスの作成と操作
    3. 画像トレース
    4. Adobe Animate でのサウンドの使用方法
    5. SVG ファイルの書き出し
    6. Animate で使用するビデオファイルの作成
    7. Animate にビデオを追加する方法
    8. Animate でのオブジェクトの描画および作成
    9. 線とシェイプの変更
    10. Animate CC での線、塗り、グラデーション
    11. Adobe Premiere Pro と After Effects の使用
    12. Animate CC のカラーパネル
    13. Animate で Flash CS6 ファイルを開く
    14. Animate でのクラシックテキストの操作
    15. Animate へのアートワークの挿入
    16. Animate に読み込まれたビットマップ
    17. 3D グラフィック
    18. Animate でのシンボルの操作
    19. Adobe Animate での線とシェイプの描画
    20. Animate でのライブラリの使用
    21. サウンドの書き出し
    22. Animate CC でのオブジェクトの選択
    23. Animate での Illustrator AI ファイルの操作
    24. ブレンドモードの適用
    25. オブジェクトの配置
    26. コマンドメニューを使用したタスクの自動化
    27. 多言語テキスト
    28. Animate でのカメラの使用
    29. グラフィックフィルター
    30. サウンドと ActionScript
    31. 描画の環境設定
    32. ペンツールを使用した描画
  7. プラットフォーム
    1. 他のドキュメントタイプ形式への Animate プロジェクトの変換
    2. カスタムプラットフォームサポート
    3. Animate での HTML5 Canvas ドキュメントの作成およびパブリッシュ
    4. WebGL ドキュメントの作成とパブリッシュ
    5. AIR for iOS 用アプリケーションのパッケージ化
    6. AIR for Android アプリケーションのパブリッシュ
    7. デスクトップ用 Adobe AIR のパブリッシュ
    8. ActionScript パブリッシュ設定
    9. ベストプラクティス - アプリケーションでの ActionScript の整理
    10. Animate での ActionScript の使用
    11. Animate ワークスペースのアクセシビリティ
    12. スクリプトの記述と管理
    13. カスタムプラットフォームサポートの有効化
    14. カスタムプラットフォームサポートの概要
    15. カスタムプラットフォームサポートプラグインの操作
    16. ActionScript 3.0 のデバッグ
    17. カスタムプラットフォームサポートの有効化
  8. 書き出しとパブリッシュ
    1. Animate CC からファイルを書き出す方法
    2. OAM パブリッシング
    3. SVG ファイルの書き出し
    4. Animate によるグラフィックとビデオの書き出し
    5. AS3 ドキュメントのパブリッシュ
    6. モバイルアプリおよびゲームエンジン用アニメーションの書き出し
    7. サウンドの書き出し
    8. ベストプラクティス - モバイルデバイス向けのコンテンツ作成のヒント
    9. ベストプラクティス - ビデオ規則
    10. ベストプラクティス - SWF アプリケーションのオーサリングガイドライン
    11. ベストプラクティス - FLA ファイルの構造化
    12. FLA ファイルを Animate 向けに最適化するベストプラクティス
    13. ActionScript パブリッシュ設定
    14. Animate のパブリッシュ設定の指定
    15. プロジェクターファイルの書き出し
    16. 画像とアニメーション GIF の書き出し
    17. HTML パブリッシュ用テンプレート
    18. Adobe Premiere Pro と After Effects の使用
    19. アニメーションのクイック共有とパブリッシュ
  9. トラブルシューティング
    1. 解決済みの問題
    2. 既知の問題

 

イージングとは、アニメーション中に徐々に速度を上げたり下げたりすることです。これによって、トゥイーンをより現実的または自然に見せることができます。イージングを使用して特殊な動きを再現することで、ランダムな動きやボールが弾む動きなどのアニメーションを作成できます。緩やかなイージング曲線を使用して変化率を徐々に調整すれば、加速や減速をより自然に見せることができます。イージングを利用して x や y などのプロパティを変化させ、ランダムに飛び回る動きを実現することもできます。

モーショントゥイーンへのプリセットおよびカスタムイージングの追加

Animate では、モーショントゥイーンにイージングを適用する方法が 2 つあります。

  • モーショントゥイーンのそれぞれに対して、モーションプロパティインスペクターにあるイージングスライダーを使用してイージング値を指定できます。
  • モーションエディターを使用して、プリセットまたはカスタムイージングを 1 つ以上のプロパティに適用できます。

モーションプロパティインスペクターでモーショントゥイーンにイージングを適用するには:

  1. motionease.fla という名前のファイルを作成します。
  2. いずれかの描画ツールでグラフィックを作成し、すべてのグラフィックを選択して、右クリックするか Control キーを押しながらクリックし、「モーショントゥイーンを作成」を選択します。「OK」をクリックして図形をシンボルに変換します。タイムラインに 1 秒分のフレームが追加されますが、必要な場合は、トゥイーンスパンの末尾をドラッグして、24 フレーム以上の長さにします。
  3. 再生ヘッドをトゥイーンスパンの最終フレームに移動し、インスタンスをステージ上の別の場所に移動します。
  4. トゥイーンスパンを選択して、モーションプロパティインスペクターで「イージング」ホットテキスト(「イージング」の隣の青いテキスト)をドラッグします。値を入力して、トゥイーン処理されたフレームの間の変化速度を調整することもできます。
  5. モーショントゥイーンを開始し、アニメーションの最後に近づくにしたがって加速するには:
    • ホットテキストをドラッグして、-1 ~ -100 の負の値を入力します。
    • ホットテキストをドラッグして、1 ~ 100 の正の値を入力します。
  6. 制御/ムービープレビューを選択し、アニメーションをテストします。イージングを適用したことで、ステージ上のトゥイーンドットがどのように変化したかに注目してください。
  1. 「イージング」セクションまで下にスクロールし、バウンス数を 5 に変更します。

関連項目

モーションエディターでのイージング

グラフ化可能なプロパティにイージングを適用すると、「値」カテゴリのホットテキストがグレー表示になります。ホットテキスト(トゥイーン処理された値)はイージングの式で制御され、値には制限があります。編集するには、グラフの実線の曲線で制御点または他のベジェ編集ツールを使用します。または、イージングを無効にし、ホットテキストコントロールを使用してから、イージングを再び有効にして、変更の結果を確認する方法もあります。

モーショントゥイーンへのカスタムイージングの追加

カスタムイージングを使用すると、モーションエディターのグラフを使用して独自のイージングを作成できます。トゥイーン処理されたインスタンスの任意のプロパティにカスタムイージングを適用することもできます。

カスタムのイージンググラフは、一定時間内のモーションの度合いを表します。水平軸はフレームを、垂直軸はトゥイーンの変化のパーセンテージを表します。アニメーション内の開始の値は 0 %です。終了キーフレームには 0 ~ 100 %の値を設定できます。グラフの曲線の傾きは、トゥイーン処理されたインスタンスの変化速度を表します。グラフ上に水平線(傾きなし)を作成した場合は速度 0 であり、グラフ上に垂直線を作成した場合は、変化率は一瞬です。

  1. モーショントゥイーンを作成します。
  2. タイムラインでトゥイーンスパンを選択し、モーションエディターを開きます。
  3. 「Eases(イージング)」カテゴリまでスクロールし、Add(追加)ボタンをクリックし、メニューから「Custom(カスタム)」を選択します。

     

カスタムイージングの変更と適用

カスタムイージングは、モーションエディターの他のプロパティグラフにある標準のベジェ編集コントロールを使用して編集できます。この機能を使用すると、カスタム曲線を作成してキーフレームの間のイージングを実現できます。

プロパティにカスタムイージングを適用するには、イージングメニューからカスタムイージングの名前を選択します。イージングを適用すると、プロパティグラフが更新され、トゥイーン処理された実際の値を示す破線の曲線が表示されます。

カスタムイージングのコピーと保存

他のトゥイーンインスタンスや他のドキュメントでカスタムイージングを再利用するには、以下のいずれかの方法を使用します。

  • カスタムイージンググラフ(グラフの曲線の外側)を右クリックして、「曲線をコピー」を選択します。次に、もう 1 つのインスタンスで、カスタムイージングを追加し、カスタムイージンググラフを右クリックして、「曲線をペースト」を選択します。グラフは空間プロパティ以外の任意のプロパティグラフに貼り付けることができます。
  • カスタムイージングをモーションプリセットに保存します。 

ヘルプをすばやく簡単に入手

新規ユーザーの場合

Adobe MAX 2025

Adobe MAX Japan
クリエイターの祭典

2025 年 2 月 13 日
東京ビッグサイト