マニュアル キャンセル

インポートしたスライドにインタラクティブ機能とアニメーションを追加

  1. Captivate ユーザーガイド
  2. Captivate とは
    1. Adobe Captivate
    2. Adobe Captivate の必要システム構成
    3. Adobe Captivate のダウンロード
    4. よくある質問
  3. Adobe Captivate のリリース
    1. Adobe Captivate 13
      1. Adobe Captivate(13.0)リリースノート
    2. Adobe Captivate 12
      1. Adobe Captivate 12 の概要
      2. Adobe Captivate(12.6 アップデート)リリースノート
      3. Adobe Captivate(12.5 アップデート)リリースノート
      4. Adobe Captivate(12.4 アップデート)リリースノート
      5. Adobe Captivate(12.3 アップデート)リリースノート
      6. Adobe Captivate(12.2 アップデート)リリースノート
      7. Adobe Captivate(12.1 アップデート)リリースノート
  4. プロジェクトのセットアップ
    1. スライドナビゲーター
    2. プロジェクト寸法
    3. 環境設定
      1. 一般環境設定
      2. 生成 AI の環境設定
      3. プロジェクトの環境設定
      4. クイズの環境設定
    4. テーマ
    5. Adobe Captivate 機能の URL アクセスを設定する
  5. PowerPoint からの読み込み
    1. Captivate への PowerPoint プレゼンテーションの読み込み
    2. インポートしたスライドのテキストを操作する
    3. インポートしたスライドの図形を操作する
    4. インポートしたスライドにメディアを追加する
    5. インポートしたスライドにインタラクションとアニメーションを追加する
  6. Captivate における生成 AI
    1. 生成 AI の概要
    2. テキストを生成 
      1. テキストを生成の概要
      2. テキスト生成のための効果的なプロンプトを作成する
      3. クイックプロンプトを使用してテキストを生成する
      4. カスタムプロンプトを使用してテキストを生成する
      5. テキスト生成を改善するためのフィードバックを提供する
    3. 画像を生成する
      1. 画像を生成するの概要
      2. プロンプトを使用して画像を生成する
      3. 画像のコンテンツタイプを選択 - 写真またはアート
      4. 構図とスタイルの参照画像を使用する
      5. 効果的な画像生成のためのベストプラクティス
      6. 画像生成を改善するためのフィードバックを提供
    4. アバターを生成
      1. アバターを生成の概要
      2. アバターをカスタマイズ
      3. アバターナレーション用の文字起こしを作成する
      4. アバターナレーションを生成
      5. アバター生成を改善するためのフィードバックを提供
    5. トランスクリプトを生成
      1. トランスクリプトを生成の概要
      2. クローズドキャプションをベースにしたトランスクリプトの生成
      3. トランスクリプトを効果的に使用するためのベストプラクティス
  7. テキストの追加と編集
    1. プロジェクトにテキストを追加
    2. プロジェクトに Adobe Fonts を追加する
    3. 引用を追加
  8. 画像の追加と編集
    1. プロジェクトに画像を追加
    2. スライド上の背景画像を編集
    3. プロジェクトに SVG を追加
  9. メディアの追加と編集
    1. プロジェクトにビデオを追加
    2. オーディオの追加と編集を行う
    3. ウィジェット操作用の音声を追加
    4. クローズドキャプションを追加する
    5. プロジェクトに web オブジェクトを追加する
  10. インタラクティブなコンポーネント
    1. ボタンの追加
    2. 入力フィールドを追加
    3. ラジオボタングループを追加
    4. ドロップダウンの追加
    5. チェックボックスを追加
    6. Adobe Captivate の変数
  11. クイズを作成
    1. 多肢選択問題を追加
    2. 正誤形式の質問を追加
    3. 列を一致させる質問を追加
    4. 短い答えの問題を追加
    5. 順序問題を追加
    6. 質問プールとランダム質問スライドを追加
    7. 質問を CSV 形式で読み込む
  12. ウィジェットの追加
    1. カードを追加
    2. タブを追加
    3. 証明書の追加
    4. カルーセルの追加
    5. ホットスポットの追加
    6. ドラッグ&ドロップを追加
    7. タイムラインを追加
    8. クリックして表示を追加
    9. アコーディオンを追加する
  13. インタラクションとアニメーション
    1. プロジェクトにインタラクションを追加
    2. オーバーレイを使用したインタラクティブビデオの作成
    3. スライドレベルのインタラクションの作成
    4. オブジェクトレベルのインタラクションの作成
    5. プロジェクトにアニメーションを追加
    6. Adobe Captivate のステート
  14. e ラーニングプロジェクトを強化
    1. コンテンツブロックとコンポーネントに余白を追加
    2. プロジェクトにヘッダーを追加する
    3. プロジェクトにフッターを追加する
    4. 長いスクロールプロジェクトの作成
    5. 会話スライドの追加
    6. Adobe Captivate プロジェクトへのキャラクターの追加
    7. Captivate のアセット
  15. シミュレーションプロジェクト
    1. シミュレーションの概要と設定
    2. デモモード
    3. トレーニングモード
    4. 評価モード
    5. フルモーション録画
  16. タイムラインと目次
    1. Adobe Captivate のタイムラインパネル
    2. Adobe Captivate の目次
  17. レビューと共同作業
    1. レビュー用の共有
    2. レビューの作成と管理
    3. レビューコメントを追加して共同作業する
    4. レビュー用にプロジェクトを共有する際の FAQ とトラブルシューティングのガイド   
  18. プレビューとパブリッシュ
    1. プロジェクトをプレビュー
    2. プロジェクトをパブリッシュする
  19. アクセシビリティ
    1. Adobe Captivate でのアクセシビリティが高い e ラーニングコンテンツの作成
    2. スライドのアクセシビリティを高める
    3. スライドオブジェクトのアクセシビリティを高める
    4. インタラクティブコンポーネントのアクセシビリティを設定
    5. ウィジェットのアクセシビリティを高める
    6. クイズのアクセシビリティを高める
    7. 目次および再生バーのアクセシビリティ
  20. Adobe Captivate のデザインオプション
    1. デザインオプションとは
    2. デザインオプションのパーツ
    3. カスタムデザインオプションを作成する
    4. カスタムデザインオプションを修正する
    5. カスタムデザインオプションを書き出す
    6. カスタムデザインオプションを読み込む
  21. その他の参考資料
    1. Captivate の使い方に関するトップページ
    2. Captivate Classic と Adobe Captivate の比較
    3. 以前の Captivate プロジェクトを最新バージョンにアップグレードする
    4. Admin Console で Captivate パッケージを作成およびデプロイする

Adobe Captivate が PowerPoint のアニメーションをインポート時にどのように変換し、カスタマイズをサポートし、インポートされたオブジェクトのインタラクティブ機能を強化して学習者の関与を高めるかについて学びましょう。

概要

アニメーションとインタラクティブ機能は、コース内で学習者の注意を引き、焦点を導くのに役立ちます。また、静的なスライドをダイナミックな体験に変えることで、関与度を高めます。例えば、以下のようなことができます:

  • 図形から作成したカスタマイズされたボタンを使用して、コンテンツまたはクイズスライド間を移動できます。
  • クリックやホバーなどのトリガーで表示される、重要なメモやヒントを含む吹き出し図形を追加できます。
  • 重大な情報を適切なタイミングで強調するために、主要なオブジェクトをアニメーション化できます(例:プロセスのステップをハイライト表示)。

Captivate による PowerPoint アニメーションの処理方法

PowerPoint プレゼンテーションを Adobe Captivate にインポートすると、サポートされているアニメーションは Captivate のアニメーションに変換されます。基本的な登場 / 退場エフェクトは保持されますが、ほとんどの高度なアニメーション、トリガー、インタラクティブなオプションはインポートされません。その結果、スライドは一般的なアニメーション動作は保持されますが、複雑なエフェクトやインタラクティブ機能は Captivate で手動で再作成する必要があります。

サポートされている Captivate のアニメーションの完全なリストを参照してください。

PowerPoint アニメーションのサポートの有無

Captivate は限定された PowerPoint アニメーションをサポートしています。直接的な同等のエフェクトがないものは、無視されるか置き換えられます。インポート時に一部のタイミング調整が自動的に適用されます。

サポートされているアニメーション

  • 基本的な登場 / 退場エフェクトフェード、ワイプ、フライイン / アウト、ズーム、スイベル、バウンスなど)。
  • Captivate に一致するエフェクトがある場合の限定された強調アニメーション
  • 複数の強調アニメーションは、Captivate が対応している場合にインポートできます。
  • オブジェクトごとの最初の登場 / 退場アニメーションのみがインポートされ、それ以降の登場 / 退場アニメーションは無視されます。

一部対応しているアニメーション

トリガーは直接インポートされませんが、Captivate は以下のようにタイミングを調整します。

  • 前のアニメーションの後:前のアニメーションが完了した後にアニメーションが再生されます。
  • クリック時:アニメーションのタイミングは、スライド開始時または直前のアニメーションの直後に設定されます。
  • 直前のアニメーションと同時進行:前のアニメーションと同時にアニメーションを開始します。
  • 複雑なタイミング:単純なケースではシーケンスが保持される場合がありますが、詳細オプションには対応していません。

非対応のアニメーション

  • モーションパス。
  • 色ベースまたはサウンドベースのアニメーション。
  • 高度なエフェクト(例:ランダムバー、スケールアウト、3D 効果)。
  • 巻き戻しトリガー。
  • グループ化されたテキストアニメーション。
  • 基本的なタイミング以外のアニメーション後のオプション。
注意:

同等のアニメーションが利用できない場合、またはアニメーションタイプが非対応の場合、Captivate はなしエフェクトを割り当てます。つまり、オブジェクトはアニメーションなしで表示されますが、Captivate 内で手動で新しいエフェクトを適用できます。

インポートされるアニメーションの概要

以下の各タブを展開して、PowerPoint のアニメーションが Captivate のアニメーションにどのようにマッピングされるかを確認してください。これにより、プレゼンテーションのインポートとインポート後のアニメーションのカスタマイズの一貫性が確保されます。

Captivate の退場アニメーションは登場アニメーションと同様に動作しますが、方向が逆になり、シームレスな消失効果を実現します。

PowerPoint アニメーション Captivate アニメーション
表示 フェードイン|中央
中央から拡大
中央から拡大
ピークイン 下からスライドイン
フライイン 下からスライドイン
ワイプ 下からストレッチイン
展開 中央からストレッチイン
フェード フェードイン
スウィベル 旋回
ズーム 中央から拡大
基本ズーム 中央から拡大
フロートアップ 下からスライドイン
ライズアップ 下からスライドイン
フロートダウン 上からスライドイン
拡大および回転 旋回|中央+時計回り
スピナー 反時計回り回転
基本旋回 旋回|垂直
バウンス バウンスイン
クレジット 下からスライドイン
弧を描く上昇 楕円形でスライド - 左下
フロート 回転イン - 右上
風車 反時計回り回転
スパイラルイン 楕円形でスライド – 右上
PowerPoint アニメーション Captivate アニメーション
塗りつぶし色 振動 | 揺れながら移動
パルス 振動 | 揺れながら移動
ティーター ウォブル | 水平方向下揃え
点滅 点滅
PowerPoint アニメーション Captivate アニメーション
スケールアウト
スケールアウト
フライアウト スライドアウト
ピークアウト スライドアウト
ワイプ ストレッチアウト
フェード フェードアウト
スウィベル 旋回解除
ズーム スケールアウト
基本ズーム スケールアウト
フロートダウン スライドアウト
フロートアップ スライドアウト
基本旋回 旋回解除
バウンス バウンスアウト
クレジット スライドアウト 
フロート 回転解除
風車 回転解除
スパイラルアウト 楕円形でスライドアウト

インポート後のアニメーションをカスタマイズ

PowerPoint プレゼンテーションを Adobe Captivate にインポートした後、以下のことができます。

  • 既存のアニメーションを編集および調整して、元の PowerPoint の効果を忠実に再現できます。
  • PowerPoint でアニメーション化されていないオブジェクトに新しいアニメーションを追加して、より豊かで魅力的な学習者体験を実現できます。

Captivate では、方向、時間、タイミングなどのアニメーションプロパティを完全にコントロールでき、各オブジェクトの動作を教育設計の目標に合わせてカスタマイズできます。

  1. スライドでオブジェクトを選択します。この例では、画像が選択されています。

  2. プロパティパネルから、「アニメーション」を選択します。 

    インポートされたオブジェクトのプロパティパネルからアニメーションを追加
    インポートされたオブジェクトにアニメーションを追加

  3. 登場、強調、または退場アニメーションに対して、方向配信スタイル(テキスト用)、タイミング時間遅延などのアニメーションプロパティを追加できます。これらの設定により、以下のことが可能です:

    • 方向と期間を調整して、元の PowerPoint の効果を再現できます。
    • コースデザインと学習者エクスペリエンスに合わせて新しいアニメーションを作成できます。
    インポートされたオブジェクトのアニメーション効果をカスタマイズ
    インポートされたオブジェクトのアニメーション効果をカスタマイズ

  4. スライドのアニメーション効果を確認するにはテストを選択します。

  5. 学習者にどのように表示され、動作するかを確認するには、プロジェクトをプレビューします。

アニメーションとインタラクションを拡張

インポートされたアニメーションを単に保持するだけでなく、Captivate では以下の操作も可能です。

  • PowerPoint で最初にアニメーションが設定されていなかったオブジェクトにアニメーションを追加する。
  • 新しいオブジェクト(図形、ボタン、画像など)を挿入し、アニメーションやインタラクティブなトリガーを適用する。
  • インポートされたスライド要素と Captivate のネイティブなアニメーション機能やインタラクション機能を組み合わせることで、学習者の関心を高める。

アニメーションとインタラクションの追加例

PowerPoint のボタンやインタラクティブなトリガーはインポート時に保持されないため、Captivate では図形をインタラクティブなオブジェクトとして使用できます。例えば、図形をナビゲーションボタンに変換し、アニメーションを適用して、インタラクションを割り当てることができます。

  1. スライドに図形(例:五角形の矢印)を挿入し、その中にテキストを追加します。この場合、図形はナビゲーションボタンとして機能します。インポートしたスライドへの図形の追加とカスタマイズについての詳細を参照してください。 

    五角形の矢印図形を追加し、ナビゲーションボタンとして使用するためにテキストを追加する Captivate インターフェイス
    五角形の矢印図形にテキストを追加してカスタマイズ

  2. プロパティパネルから「インタラクション」を選択し、「インタラクションを追加」を選択します。

  3. インタラクションのトリガー、条件、関連するアクションを追加します。アニメーション、トランジション、時間、遅延を適用してインタラクションをカスタマイズします。詳細は、Adobe Captivate のインタラクションを参照してください。

  4. 次のスライドに移動表示非表示ステートを設定、またはアニメーションを適用などのアクションを割り当てます。また、その他を選択して、メディアを再生JavaScript を実行URL またはファイルを開く、その他の高度なアクションなどの追加オプションにアクセスすることもできます。

    インポートされたオブジェクトのインタラクションアクションをカスタマイズする Captivate インターフェイス
    インポートされたオブジェクトのインタラクションをカスタマイズ

  5. 完了を選択して適用します。

インタラクションのステートを設定

ユーザーのインタラクションに基づいて、フィードバックと使いやすさを向上させるために、オブジェクトに異なる視覚的な状態を割り当てることができます。Adobe Captivate は、ホバー閲覧済み選択済み無効などのビルトインステートを提供します。これらの状態は、進行状況やインタラクションの状態を示すのに役立ちます。また、コースのデザインに合わせてカスタム状態を作成し、適用することもできます。カスタム状態を作成する際は、一貫性と使いやすさを確保するために、わかりやすい名前を付けてください。

状態を効果的に使用することで、学習者に視覚的な手がかりを提供し、アクセシビリティを向上させ、学習過程を導くことでコースをより直感的でユーザーフレンドリーなものにします。

  1. オブジェクトを選択して、ステートパネルを開いて、利用可能な状態を表示します。この例では、カスタムまたはビルトインステートを適用してインタラクティブ機能を強化する方法を図形で示しています。

  2. インタラクションを追加します。

  3. クリック/タップ、ホバー、ダブルクリック、右クリックなどのトリガータイプを選択します。

  4. アクションで、状態の設定を選択して、ユーザーが図形を操作したときに異なる状態を適用します

    オブジェクトのインタラクションの状態を追加してカスタマイズする
    オブジェクトのインタラクションの状態を追加してカスタマイズする

    組み込みの状態のいずれかを選択するか、作成したカスタム状態を選択します。 

  5. ステートパネルから状態を選択し、ビジュアルプロパティから外観をカスタマイズします。 

インタラクションにオーディオを追加する

オブジェクトのインタラクションにオーディオの合図を追加することで、e ラーニングコースをより魅力的で直感的なものにすることができます。これらの合図は即座にフィードバックを提供します。例えば、選択の確認、進行状況の表示、タスク完了の通知などです。マルチモーダルガイダンスを通じて、インタラクティブ機能、アクセシビリティ、全体的なユーザーエクスペリエンスを向上させながら、学習者の方向性とモチベーションを維持するのに役立ちます。

  1. オブジェクト(この例では図形)を選択し、インタラクションを追加します。

  2. ユーザーインタラクション用のトリガーを選択します。

  3. アクションその他を選択します。

  4. メディアの再生を選択し、オーディオファイル(MP3 および WAV 形式)を参照して選択します。 

    インタラクションオーディオ用のオーディオファイルを参照してアップロードする
    インタラクションオーディオ用のオーディオファイルを参照してアップロードする

  5. 完了を選択してオーディオを適用します。スライドをプレビューして、ユーザーのインタラクションに合わせて合図が再生されることを確認します。

Adobe, Inc.

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

新規ユーザーの場合