マニュアル キャンセル

Adobe Captivate プロジェクトへのホットスポットウィジェットの追加

  1. Captivate ユーザーガイド
  2. Captivate の紹介
    1. Adobe Captivate の新機能
    2. Adobe Captivate の必要システム構成
    3. Adobe Captivate アップデート
      1. Adobe Captivate(12.4 アップデート)リリースノート
      2. Adobe Captivate(12.3 アップデート)リリースノート
      3. Adobe Captivate(12.2 アップデート)リリースノート
      4. Adobe Captivate(12.1 アップデート)リリースノート
    4. Adobe Captivate のダウンロード
    5. よくある質問
  3. スライドを追加
    1. Adobe Captivate のスライドナビゲーター
    2. 会話スライドの追加
    3. Adobe Captivate プロジェクトへのキャラクターの追加
    4. スライド上の背景画像を編集
    5. コンテンツブロックとコンポーネントに余白を追加
    6. 長いスクロールプロジェクトの作成
  4. テキストブロックを追加
    1. プロジェクトにテキストを追加
  5. メディアブロックを追加
    1. プロジェクトに画像を追加
    2. プロジェクトにビデオを追加
    3. 引用を追加
    4. プロジェクトに SVG を追加
  6. インタラクティブなコンポーネント
    1. ボタンの追加
    2. 入力フィールドを追加
    3. ラジオボタングループを追加
    4. ドロップダウンの追加
    5. チェックボックスを追加
  7. ウィジェット
    1. カードを追加
    2. タブを追加
    3. 証明書の追加
    4. カルーセルの追加
    5. ホットスポットの追加
    6. ドラッグ&ドロップを追加
    7. タイムラインを追加
    8. クリックして表示を追加
  8. クイズを作成
    1. 多肢選択問題を追加
    2. 正誤形式の質問を追加
    3. 列を一致させる質問を追加
    4. 短い答えの問題を追加
    5. 順序問題を追加
    6. 質問プールとランダム質問スライドを追加
    7. 質問を CSV 形式で読み込む
  9. プロジェクトに音声を追加
    1. 音声を追加
  10. インタラクション
    1. プロジェクトにインタラクションを追加
    2. オーバーレイを使用したインタラクティブビデオの作成
    3. スライドレベルのインタラクションの作成
    4. オブジェクトレベルのインタラクションの作成
  11. アニメーション
    1. プロジェクトにアニメーションを追加
  12. アクセシビリティ
    1. プロジェクトのアクセシビリティを高める
  13. タイムラインのカスタマイズ
    1. Adobe Captivate のタイムラインパネル
  14. 目次および再生バーのカスタマイズ
    1. Adobe Captivate の目次
  15. プロジェクトプロパティを編集
    1. Adobe Captivate の変数
    2. 環境設定
    3. プロジェクト寸法
    4. テーマ
  16. シミュレーションプロジェクトの作成
    1. シミュレーション
  17. プロジェクトのプレビュー
    1. プレビュー
  18. レビュー用にプロジェクトを共有する
    1. 「レビュー用に共有」
  19. プロジェクトのパブリッシュ
    1. プロジェクトをパブリッシュする
  20. Adobe Captivate でプロジェクトをアップグレードする
    1. プロジェクトを最新バージョンにアップグレードする

ホットスポットウィジェットを追加する方法をお探しですか? このドキュメントでは、ホットスポットウィジェットを追加し、そのプロパティを変更する方法について説明します。

注意:

Adobe Captivate では、テキスト、画像、ボタンなどのコンポーネントを含むテキストや画像ブロックなどのコンテンツブロックを導入しています。 このビデオを再生して、コンテンツブロックとコンポーネントについてご覧ください。

ホットスポット

新しい Adobe Captivate のホットスポットウィジェットを使用すると、学習者はビジュアルコンテンツに積極的に取り組み、特定の領域を探索し、詳細情報にアクセスできるようになります。 学習者がホットスポットを選択すると、詳細情報がコールアウトとして、またはコンテンツのチャンクとして表示されます。

ホットスポットウィジェットを追加

ホットスポットウィジェットを追加するには、左側のツールバーで新しいウィジェットを追加/ホットスポットを選択します。

ウィジェットのプロパティの変更

Adobe Captivate では、ウィジェットの整列と間隔の変更、ホットスポットの数の決定、デザインオプションの適用、ウィジェットの全体的な雰囲気の変更などを実行できます。

  1. ビジュアルプロパティパネルで、「整列および間隔」セクションを展開します。

    コンテンツ幅スライダーと横の余白は、「整列と間隔」セクションにリンクされています。スライダーを左側から動かすと左余白の値が変更され、右から動かすと右余白の値が変更されます。 左右の横の余白の値を変更すると、同じ変更がコンテンツ幅スライダーに反映されます。

  2. 「ホットスポットの数」スライダーを動かして、ウィジェットのホットスポットの数を増減します。ホットスポットは 6 個まで追加できます。ホットスポットの数は、スライド上のコールアウトの数と同じです。 ホットスポットがクリックされると、コールアウトが表示されます。

  3. 任意のデザインオプションを選択します。デザインオプションは、ウィジェットに適用できるクリアなデザイン要素を備えた事前設定済みレイアウトが表示されます。

    詳細については、「Adobe Captivate のデザインオプション」を参照してください。

  4. 「コンポーネント」セクションでは、次の項目を変更できます。

    • タイトル:ウィジェットのタイトルを追加または削除します。
    • 本文:ウィジェットの本文を追加または削除します。
    • 指示:ウィジェットの指示を追加または削除します。

    ホットスポットに関連付けられたコンポーネントについて、次の項目を追加または削除できます。

    • ホットスポット:このオプションは無効のままです。
    • 画像:このオプションは無効のままです。

    ウィジェットのタイトルを追加してから、コールアウトのタイトルや画像を追加または削除できます。 コールアウトは、実行時にホットスポットをクリックしたときに学習者に表示される詳細情報です。 コールアウトには、タイトル、本文、画像が含まれます。 スライドのコールアウトボタンをクリックした後、コールアウトのタイトルまたは画像を追加できます。 デフォルトでは、最初のコールアウトボタンは選択済みです。

    • コールアウトの画像:コールアウトの画像を追加または削除します。
    • コールアウトのタイトル:コールアウトのタイトルを追加または削除します。
    • コールアウトの本文:コールアウトの本文を追加または削除します。
  5. 「外観」セクションでは、ウィジェットの背景色を追加したり、コールアウトの全体的な雰囲気を変更したりできます。

    • 「背景」タブ:このタブでは、ウィジェットの背景色を変更したり、境界線を追加したり、シャドウを適用したりできます。
    • 「コールアウト」タブ:このタブでは、コールアウトの余白を増減したり、コールアウトのすべての角の半径を追加したり(個別に設定したり)できます。また、コールアウトへの境界線の追加や、コールアウトの境界線へのシャドウの適用などができます。
  6. 「設定」セクションで、「ウィジェットの操作完了後に次のスライドに移動する」トグルをオンにすると、学習者が次のスライドに移動できるのをすべてのホットスポットにアクセスした後のみに制限できます。

ホットスポットの外観を変更

ホットスポットのプロパティを変更するには、次の操作を実行します。

  1. ホットスポットを選択して、ホットスポット周囲に青い実線の境界線が表示されるようにします。

  2. 「ステート」セクションで「表示」をクリックして、ステートフライアウトを起動します。ホットスポットの標準仕様のステート(ホバー閲覧済み選択済み無効)を構成します。無効になっているステートがある場合は、そのステートを右クリックして「有効化」を選択します。

    詳細については、「ステートの変更」を参照してください。

  3. 「アイコン」セクションでフォルダーアイコンを選択して、ホットスポットアイコンを変更します。アセットまたはコンピューターからアイコンを選択します。次に、アイコンを選択して、ホットスポットのアイコンを置き換えます。

  4. 「外観」セクションで「不透明度」スライダーを動かして、ホットスポットの透明度を変更します。

  5. 「単色」ピッカーを選択して、ホットスポットの色を変更します。

コールアウトのプロパティを変更

Adobe Captivate では、コールアウトのタイトルと字幕の編集、およびコールアウトの画像の置換と編集を実行できます。

  1. スライドの「コールアウト 1」を選択します。

  2. ビジュアルプロパティパネルの「コンポーネント」セクションでは、次の項目を変更できます。

    • コールアウトの画像:コールアウトの画像を表示または非表示にする際に選択します。
    • コールアウトのタイトル:コールアウトのタイトルを表示または非表示にする際に選択します。
    • コールアウトの本文:コールアウトの本文を表示または非表示にする際に選択します。
  3. 外観セクションでは、コールアウトに空白を追加し、ウィジェットの 1 つまたは複数の角の半径を変更できます。

    また、コールアウトの背景色を変更したり、境界線を追加したり、コールアウトのどの方向にもドロップシャドウを追加したりすることもできます。

  4. 既存の画像を置き換える場合は、「画像ソース」セクションでフォルダーアイコンを選択します。置き換える画像に移動し、新しい画像を選択してコールアウト内の画像を変更します。

  5. 設定セクションで、コールアウトの表示方法を個別に選択します。次のオプションを使用できます。

    • 上方向に表示
    • 左方向に表示
    • 右方向に表示
    • 下方向に表示

    「左方向に表示」を選択すると、コールアウトがホットスポットの左側に表示されます。

    「次の場所にコールアウトを表示」ドロップダウンで、「クリック」または「ホバー」を選択します。「クリック」を選択すると、学習者がホットスポットを選択したときにのみコールアウトが表示されます。

コールアウトのテキストを編集

テキストのフォントファミリー、サイズ、色などを変更します。 テキスト操作の詳細については、「Adobe Captivate のテキスト」を参照してください。

  1. コールアウトを選択します。

  2. コールアウト内のテキストを選択します。

  3. ビジュアルプロパティパネルでは、次の操作を実行できます。

    • テキストプリセットの適用。
    • フォントとサイズの変更。
    • テキストの色の変更、および輪郭、強調表示またはシャドウの追加。
    • テキストへの箇条書きの追加およびインデントの変更。
    • その他.詳細については、「Adobe Captivate のテキスト」を参照してください。

コールアウトで使用する画像の置換と編集

Adobe Captivate では、コールアウトで使用する画像の強度、ぼかし、明るさまたはコントラストのレベルを変更できます。

  1. コールアウトの画像を選択します。画像プレースホルダーを使用し、アセットまたはコンピューターから画像を追加します。

  2. ビジュアルプロパティパネルの外観セクションで、画像フィルターを適用できます。さらに、画像の強度、ぼかし、明るさまたはコントラストのレベルも変更します。

    画像操作の詳細については、「Adobe Captivate の画像」を参照してください。

ビデオを見る

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

新規ユーザーの場合

Adobe MAX 2025

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

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