マニュアル キャンセル

「クリックして表示」ウィジェットを 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. 「コンポーネント」セクションでは、次の項目を変更できます。

    • タイトル:ウィジェットのタイトルを追加または削除します。
    • 本文:ウィジェットの本文を追加または削除します。
    • 指示:ウィジェットの指示を追加または削除します。
    • 「前へ」ボタン:「前へ」ボタンをウィジェットに追加するか、ウィジェットから削除します。
    • 「次へ」ボタン:「次へ」ボタンをウィジェットに追加するか、ウィジェットから削除します。

    ウィジェット内のカードで、次のコンポーネントを追加または削除できます。

    • アイコン:カードのアイコンを追加または削除します。
    • キャプション:カードの下のキャプションを追加または削除します。
    自動生成された信頼性が低い computerDescription のスクリーンショット

  5. 「外観」セクションの次のタブで、カードとウィジェットの外観を変更します。

    • 「背景」タブ:ウィジェットの背景色と境界線を追加して、境界線にシャドウを適用します。背景を適用する場合は、単色または線状 / 放射状のグラデーションを選択するか、画像を背景として追加できます。
    • カードタブ:テキストオブジェクト周囲の余白を増減する、カードのいずれかの角または四隅に丸みをつける、カードに境界線を追加する、カードの境界線にシャドウを適用する、などの操作を行います。
  6. 「設定」セクションで、次の項目のオンとオフを切り替えることができます。

    • デフォルトで最初のカードを表示:このトグルを有効にすると、学習者がプロジェクトを表示したときにデフォルトで最初のオーバーレイカードが開きます。
    • ウィジェットの操作完了後に次のスライドに移動する:このトグルを有効にすると、学習者がすべてのオーバーレイカードにアクセスした場合にのみ、プロジェクトが次のスライドに進みます。

カードのプロパティを変更

Adobe Captivate では、背景色を設定したり、カードに境界線を追加したり、境界線にシャドウを適用したりすることで、カードの外観を変更することができます。

  1. ウィジェットのカードを選択します。

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

    • アイコン:カードのアイコンを追加または削除します。
    • キャプション:カードの下のテキストキャプションを追加または削除します。
  3. 「外観」セクションで、余白を追加し、カードのいずれかの角または四隅すべての丸みを変更します。境界線、色またはシャドウを追加して、カードの外観を変更することもできます。

カードのアイコンを変更

アイコンを変更し、カードのアイコンに色を追加します。

  1. カードのアイコンを選択します。

  2. ビジュアルプロパティパネルの「アイコン」セクションでフォルダーアイコンを選択し、アセットパネルまたはコンピューターからアイコンを変更します。 次に、アイコンを選択して、カードのアイコンを置き換えます。

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

  4. カラーピッカーから色を選択してアイコンの色を変更します。

オーバーレイカードのプロパティを変更

背景色または境界線を追加して、オーバーレイカードの外観を変更します。 学習者がウィジェットで対応するカードをクリックすると、オーバーレイが表示されます。

  1. スライドのセレクターでオーバーレイカードを選択します。

  2. デザインのオプションを選択します。デザインオプションには、オーバーレイカードに適用する、よりクリーンなデザイン要素を備えた事前設定済みレイアウトが表示されます。

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

  3. 「コンポーネント」セクションでは、オーバーレイカードの次の項目を変更できます。

    • オーバーレイラベル:オーバーレイカードのラベルを追加または削除します。
    • オーバーレイの画像:オーバーレイカードの画像を追加または削除します。
    • オーバーレイのタイトル:オーバーレイカードのタイトルを追加または削除します。
    • オーバーレイの本文:オーバーレイカードの本文テキストを追加または削除します。
  4. 「外観」セクションで、オーバーレイカードのテキストの周囲に余白を追加する、カードの角に丸みをつける、背景色を追加する、オーバーレイカードに境界線を追加する、境界線にシャドウを適用する、などの操作を行います。

オーバーレイカードのテキストを編集

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

  1. ウィジェットの下のセレクターでオーバーレイカードを選択します。

  2. オーバーレイカード内の任意のテキストを選択します。

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

    テキストプリセットの適用、フォントとサイズの変更、テキストの色の変更、輪郭、強調表示、シャドウの追加など。

    詳細については、「Adobe Captivate のテキスト」を参照してください。

  4. LMS にクイズを含める場合は、「報告」セクションで「クイズに含める」チェックボックスをオンにします。Captivate のスコアリング可能な各ユニットには、一意のインタラクション ID が自動的に割り当てられます。このインタラクション ID により、LMS によるデータ追跡が可能になります。

オーバーレイカードで使用する画像の置換と編集

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

  1. オーバーレイカードの画像を選択します。

  2. ビジュアルプロパティパネルの不透明度スライダーを動かして、画像の透明度を増減します。

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

  4. 「境界線」を選択して、画像に境界線を追加します。 境界線の幅、サイズおよび色を変更します。

  5. 「ドロップシャドウ」を選択して、画像の境界線にシャドウを適用します。

  6. 「画像ソース」セクションでフォルダーアイコンをクリックして、アセットまたはコンピューター上の場所から画像を置き換えます。

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

  7. LMS にクイズを含める場合は、「報告」セクションで「クイズに含める」チェックボックスをオンにします。Captivate のスコアリング可能な各ユニットには、一意のインタラクション ID が自動的に割り当てられます。このインタラクション ID により、LMS によるデータ追跡が可能になります。

ビデオを見る

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

新規ユーザーの場合

Adobe MAX 2025

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

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