- フェードイン
- 拡大
- ストレッチイン
- 旋回
- ヒンジイン
- スリットイン
- スライド
- ロールイン
最終更新日 :
2023年9月28日
- Captivate ユーザーガイド
- Captivate の紹介
- スライドを追加
- テキストブロックを追加
- メディアブロックを追加
- インタラクティブなコンポーネント
- ウィジェット
- クイズを作成
- プロジェクトに音声を追加
- インタラクション
- アニメーション
- アクセシビリティ
- タイムラインのカスタマイズ
- 目次および再生バーのカスタマイズ
- プロジェクトプロパティを編集
- シミュレーションプロジェクトの作成
- プロジェクトのプレビュー
- レビュー用にプロジェクトを共有する
- プロジェクトのパブリッシュ
- Adobe Captivate でプロジェクトをアップグレードする
プロジェクトにアニメーションを追加して、迫力あるプロジェクトを作成できます。 学習者の注意を引き付けることで、最大限の生産性を引き出せます。
概要
Adobe Captivate の新しいアニメーションでは、e ラーニングプロジェクトに視覚効果や動きなどを追加して、インタラクティブ機能とエンゲージメントを強化できます。Adobe Captivate のアニメーションを使用すると、ダイナミックで魅力的なコンテンツを作成できます。
アニメーションのタイプ
Adobe Captivate のアニメーションは、タイミングベースとトリガーベースに分類されます。 タイミングベースのアニメーションでは、特定のタイムラインまたは表示時間と同期するオブジェクトにアニメーションを適用できます。
トリガーベースのアニメーションでは、特定のトリガーに基づいてオブジェクトにアニメーションを追加できます。例えば、ボタンをクリックすると表示または非表示になるアニメーションを追加することや、オブジェクトステートにアニメーションを追加することが可能です。
この記事では、次の項目について説明します。
タイミングベースのアニメーション
トリガーベースのアニメーション
Adobe Captivate のタイミングベースおよびトリガーベースのアニメーションすべてで、次の機能をサポートします。
- エントランス：エントランスアニメーションを使用すると、スライド上のオブジェクト開始部分をアニメーション化できます。このタイプのアニメーションは、スライド開始時に小さく表示されているオブジェクトのサイズを徐々に大きくするなどの方法で使用できます。
- 強調：強調アニメーションを使用すると、学習者の注意をオブジェクトに引き付けることができます。アニメーションを作成して、コンテンツをハイライトまたは強調できます。
- 終了：終了アニメーションを使用すると、オブジェクトを動かしながら非表示にすることができます。
- バウンスイン
- フリッカーイン
- 回転
- 楕円形でスライド
- パフイン
- チルトイン
- スイングイン
- 点滅
- 揺れ
- シェイク
- バウンス
- 揺らぎ
- ちらつき
- 脈動
- 振動
- 回転
- 反転
- フェードアウト
- スケールアウト
- ストレッチアウト
- 旋回解除
- ヒンジアウト
- スリットアウト
- スライドアウト
- ロールアウト
- フリッカーアウト
- バウンスアウト
- 回転解除
- 楕円形でスライドアウト
- スイングアウト
- パフアウト
この例では、画像に旋回を使用したエントランスアニメーションを適用します。
-
左側のツールバーで、メディアブロックを追加／画像を選択します。
-
ビジュアルプロパティパネルの「コンポーネント」セクションで、キャプションと字幕を削除します。詳細については、「Adobe Captivate の画像」を参照してください。
-
アセットまたはコンピューター上の場所から画像を置き換えます。 詳細については、「Adobe Captivate の画像」を参照してください。 画像を置き換えると、スライドに次のように表示されます。
画像の置換 画像の置換 -
画像を選択します。右側のツールバーで「アニメーション」を選択します。
エントランスアニメーションのリスト エントランスアニメーションのリスト - パネルの最初のセクションは、「エントランス」、「強調」、「終了」という 3 つのタブで構成されています。 これらのタブには、オブジェクトに適用できるさまざまなアニメーションが含まれています。 「アニメーションのリスト」セクションを参照し、適用できるアニメーションを確認してください。
- パネルの 2 番目のセクションで、選択したアニメーションの設定を調整できます。 「設定」セクションでは、次の項目を選択できます。
- 表示時間：アニメーションを表示する時間を秒単位で設定します。
- ディレイ：アニメーションが開始されるまでの待ち時間を設定します。
- 加速：オブジェクトの移行アニメーションを設定し、その表示時間の速度を変更します。
- リピート：オブジェクトを動かす回数を設定します。 このオプションを適用できるのは、強調アニメーションのみです。
-
「エントランス」タブで、任意のアニメーションにカーソルを合わせます。 例えば、「旋回」を選択すると、 ねじれまたは渦巻きのアニメーションが画像に追加されます。 選択したアニメーションをスライド上に表示できます。
-
アニメーションを選択した後、「オプション」セクションで方向を選択します。 方向はアニメーションごとに設定します。 「ぼかし」チェックボックスをオンにし、画像にぼかしを適用します。
アニメーションの方向を設定します。 アニメーションの方向を設定します。 -
「設定」セクションで、アニメーションの表示時間、ディレイ、加速を指定します。 「アニメーション後ディム」チェックボックスをオンにすると、アニメーション終了後に画像が暗くなります。
-
「テスト」ボタンをクリックして、アニメーションをプレビューします。
この例では、画像に強調アニメーションを適用してから、バウンスアニメーションを適用します。
-
画像を選択します。
-
右側のツールバーで、「アニメーション」を選択します。
-
「強調」タブを選択します。このタブには、画像に適用できるアニメーションが含まれています。 「アニメーションのリスト」セクションを参照し、適用するアニメーションを確認してください。
-
「バウンス」を選択します。
-
「オプション」セクションで、アニメーションに適用する方向（上下左右のいずれか）を選択します。
-
「設定」セクションで、アニメーションの表示時間とディレイを指定します。
-
「リピート」ドロップダウンで、画像を動かす回数を選択します。 「ステートが存在するまで」オプションを選択した場合、画像を動かす回数が無制限になります。
-
画像にアニメーションをさらに追加するには、「新規アニメーションを追加」を選択します。 この手順を繰り返します。 アニメーションは、画像に適用した順序で実行されます。
-
「テスト」ボタンをクリックして、アニメーションをプレビューします。
-
左側のツールバーで、メディアブロックを追加／画像を選択します。
-
スライド上にテキストや画像を追加します。 スライド上にテキストや画像を追加します。 -
テキストを選択し、右側のツールバーで「アニメーション」を選択します。
右側のツールバーのアニメーションパネル。 右側のツールバーのアニメーションパネル。 注意：テキストと画像のアニメーションで、使用できるアニメーションが異なります。 例えば、エントランスアニメーションのタイプライターアニメーションは、テキストに対してのみ使用できます。
-
「タイプライター」アニメーションを選択します。
タイプライターアニメーションを選択します。 タイプライターアニメーションを選択します。 「オプション」セクションでは、テキストの方向に関する次のオプションを使用できます。
- 前進：テキストは左から右に動きます。
- 中央：テキストは中央から動きます。
- 外縁：テキストは外縁から動きます。
- ランダム：テキストはランダムに動きます。
-
「テキストの配信」ドロップダウンで、次のオプションから選択します。
- すべてまとめる：選択した方向にすべてのテキストが動きます。
- 単語別：選択した方向に単語ごとに動きます。
- 行ごと：選択した方向に 1 行ずつ動きます。
テキストの配信オプションを選択します。 テキストの配信オプションを選択します。 -
「設定」セクションで値を指定します。 詳細については、「アニメーション設定」を参照してください。
-
「テスト」ボタンをクリックして、アニメーションをプレビューします。
-
左側のツールバーで、メディアブロックを追加／画像を選択します。
-
画像を置き換えます。 詳細については、「Adobe Captivate の画像」を参照してください。
スライドの画像を置き換えます。 スライドの画像を置き換えます。 -
画像を選択します。ビジュアルプロパティパネルで「表示」をクリックし、ステートフライアウトを起動します。
-
「ステート」セクションで「追加」を選択します。 画像に別のステートを追加します。 詳細については、「Adobe Captivate のステート」を参照してください。
ステートフライアウトを起動します。 ステートフライアウトを起動します。 -
ステートフライアウトで最初のステートを選択します。
画像のステートを選択します。 画像のステートを選択します。 -
右側のツールバーで、「アニメーション」を選択します。
-
ステートにエントランスアニメーションを適用します。
-
画像のその他のステートについても、この手順を繰り返します。
-
左側のツールバーで、メディアブロックを追加／画像を選択します。
-
ビジュアルプロパティパネルの「コンポーネント」セクションで、「ボタン」チェックボックスをオンにし、コンテンツブロックにボタンを追加します。詳細については、「Adobe Captivate でボタンを追加する」を参照してください。
-
テキストを置き換えます。 テキストを置き換えます。 -
ボタンを選択します。
ボタンを選択します。 ボタンを選択します。 -
右側のツールバーでインタラクション を選択します。
-
アクションパネルで、「アニメーションを適用」を選択します。
アニメーションをボタンに適用 アニメーションをボタンに適用 インタラクションを作成する方法の詳細については、「Adobe Captivate のインタラクション」を参照してください。
-
アニメーションを適用するオブジェクトを選択します。この例では画像を選択します。
ボタンオブジェクトを選択します。 ボタンオブジェクトを選択します。 -
「次へ」をクリックします。
-
アニメーションと動かす方向を選択します。
アニメーションと動かす方向を選択します。 アニメーションと動かす方向を選択します。 -
「設定」セクションで、必要に応じて値を指定します。
-
「完了」をクリックします。
プロジェクトを準備できました。 実行時にボタンをクリックすると画像が動きます。
-
スライドを挿入します。スライドに、テキストブロックなどのオブジェクトをいくつか追加します。
-
テキストオブジェクトにステートを追加します。
ステートの選択 ステートの選択 -
任意のステートを選択します。 右側のツールバーで、「アニメーション」を選択します。 エントランス、強調、終了のアニメーションをテキストブロックに適用します。複数のステートにアニメーションを追加することもできます。
ステートのアニメーションを選択します。 ステートのアニメーションを選択します。 -
タイムラインを起動します。
-
タイムラインのオブジェクトバーをダブルクリックします。
オブジェクトバーのダブルクリック オブジェクトバーのダブルクリック ステートアニメーションパネルが開きます。
ステートアニメーションパネル ステートアニメーションパネル -
ステートアニメーションパネルの左側に、選択したオブジェクトのステートが表示されます。
適用済みアニメーションを確認したいステートを選択します。 ステート内のアニメーションを 1 つまたはすべてプレビューできます。 「アニメーションをプレビュー」または「すべてのアニメーションをプレビュー」ボタンを選択します。
1 つのアニメーションのプレビュー
1 つのアニメーションのプレビュー 1 つのアニメーションのプレビュー アニメーションをすべてプレビュー
アニメーションをすべてプレビュー アニメーションをすべてプレビュー
アニメーションのコピーとペースト
オブジェクトにアニメーションを適用した後は、同じアニメーションを別のオブジェクトに適用できます。
-
アニメーションパネルで省略記号アイコンを選択し、「アニメーションをコピー」を選択します。
アニメーションのコピー アニメーションのコピー -
アニメーションを適用するオブジェクトを右クリックします。「アニメーションを貼り付け」を選択します。
アニメーションをオブジェクトに貼り付けます。 アニメーションをオブジェクトに貼り付けます。
アニメーションの削除
-
アニメーションパネルで省略記号アイコンを選択します。
-
「Delete」を選択します。
アニメーションの削除 アニメーションの削除
