マニュアルキャンセル

タイマートランジションの作成

検索

最終更新日 :

Adobe XD ユーザーガイド
はじめに
デザイン
1. アートボード、ガイド、レイヤー
2. シェイプ、オブジェクト、パス
3. テキストとフォント
  1. 描画ツールとテキストツールの操作
  2. Adobe XD のフォント
4. コンポーネントとステート
5. マスキングと効果
6. レイアウト
7. ビデオと Lottie アニメーション
プロトタイプ
共有、書き出し、およびレビュー
デザインシステム
クラウドドキュメント
統合とプラグイン
XD iOS 版および Android 版
1. モバイルデバイスでプレビュー
2. Adobe XD モバイル版に関する FAQ
トラブルシューティング
1. 既知の問題と修正された問題
  1. 既知の問題
  2. 解決済みの問題
2. インストールと更新
3. 起動時のクラッシュ
4. クラウドドキュメントおよび Creative Cloud ライブラリ
5. プロトタイプ作成、公開、レビュー
6. 読み込み、書き出し、その他のアプリの操作

時間トリガーを使用してタイマートランジションを定義する方法を説明します。

時間トリガーを使用すると、時間のディレイと持続時間に基づいて、アートボード間のトランジションを作成できます。

時間トリガーをアクションと組み合わせて使用すると、ループアニメーションや進行状況バーなどの様々な効果を作成できます。以下に、自動アニメーションでループ効果を作成するために使用される時間トリガーの例を示します。

単純なタイマートランジションを作成するには、次の手順を実行します。

プロトタイプモードで、移動元のアートボードのタイトルをクリックし、それを移動先のアートボードにワイヤーで接続します。
コネクタをクリックして、プロパティインスペクターにインタラクションパネルを表示し、次のオプションを設定します。
- トリガー：「時間」を選択します。「時間」オプションが表示されていない場合は、手順 1 でアートボード全体とそのタイトルを選択していない可能性があります。
- ディレイ：トランジションを開始するまでの遅延時間を入力します。設定できる範囲は、0.2〜5 秒です。
- アクション：「トランジション」を選択します。また時間トリガーを自動アニメーション 、オーバーレイ 、そして音声再生など、他のアクションと組み合わせて様々な効果を作成することもできます。ループアニメーション効果の作成方法については、例を参照してください。
- 移動先 ：手順 1 で接続した移動先のアートボードが表示されます。必要に応じて変更できます。
- イージング ：移動元のアートボードに適用するイージング効果を選択します。
- デュレーション：イージング効果の持続時間を入力して、イージング効果が持続する時間の長さを指定します。設定できる範囲は、0.2〜5 秒です。
XD がアートボードの属性を保存し、それ以降作成する画面のデフォルトとして提供します。
タイマートランジションをプレビューするには、を選択します。