マニュアル キャンセル

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 の e ラーニングコースにインタラクティブで視覚に訴える要素を追加できます。 実践的でインタラクティブなエクスペリエンスを提供することで、学習者はコンテンツを動的に探索することができるようになるため、ユーザーエンゲージメントを高めることができます。

カルーセルウィジェットを使用すると、学習者はコンテンツ全体をスクロールして、コンテンツをあらゆる部分を表示できます。

カルーセルウィジェットの追加

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

カルーセルウィジェットを挿入
カルーセルウィジェットを挿入.

カルーセルウィジェットのプロパティの変更

Adobe Captivate では、カルーセル内のページ数の増減、デザインオプションの適用、ウィジェットの外観の変更、カルーセル内に表示されるページの遷移方法の決定などを行うことができます。

  1. スライドのウィジェットを選択します。

  2. ビジュアルプロパティパネルの「整列と間隔」セクションで、ウィジェットの幅を調整できます。スライダーを調整して、ウィジェットの幅を増減します。 スライダーを動かすと、ウィジェットの左右に余白も追加されます。
     
    「コンテンツの間隔」スライダーを動かして、カルーセルページのタイトルと字幕の間のスペースを増減します。
  3. 「ページ数」スライダーを動かして、ウィジェットのページ数を増減します。 6 ページまで追加できます。

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

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

  5. 「コンポーネント」セクションでは、ウィジェットレベルで次の項目を変更できます。

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

    カルーセル内の次の項目を追加または削除できます。

    • 画像:カルーセル内のすべてのページを対象にして、画像を追加または削除します。
    • 見出し:カルーセル内のすべてのページを対象にして、見出しを追加または削除します。
    • 本文:カルーセル内のすべてのページを対象にして、本文を追加または削除します。
    • 矢印:カルーセルページを手動で切り替える際には、矢印を使えます。 学習者が前または次を示す矢印を選択すると、前または次のカルーセルページが表示されます。カルーセルの上部、中央、または下部に矢印を配置することもできます。
    • インジケーター:カルーセル内のすべてのページに 3 つの点を表示する際に選択します。
    • カード:カードをカルーセルページのテキストの周囲に追加するか、その周囲から削除します。
    注意:

    コンポーネントセクションでコンポーネントを整列できます。 コンポーネントにカーソルを合わせ、オプション(左揃え、中央揃え、右揃え)を選択します。

  6. 「カード」を有効にしている場合は、「カード」タブで、カードに色、境界線、またはシャドウを追加できます。

  7. 「外観」セクションでは、さらに次の項目をカスタマイズできます。

    • ウィジェットの背景「背景」タブでは、色設定をウィジェットレベルで管理できます。 「背景」タブを選択し、ウィジェットの背景色と境界線を追加して、境界線にシャドウを適用します。 現在のページに表示されるインジケーターの色と形状も変更できます。 ドロップダウンから、円形、四角形、または破線のインジケーターを選択します。 その後、単色、線状 / 放射状のグラデーションを選択するか、画像を背景として追加します。
    • カルーセルページの背景「ページ」タブで、カルーセルページの背景色を追加します。単色または、線状 / 放射状のグラデーションを選択するか、画像を背景として追加します。
  8. 「設定」セクションで、次の項目を設定します。

    • ページの動き:学習者が矢印を選択したときにカルーセルページが次のページにどのように移行するかを決定するオプションを選択します。 使用可能な移動オプションは、右から左上から下、または左から右です。
    • 読み込み時の自動再生:学習者がプロジェクトをプレビューしたときにカルーセルページを自動再生する場合は、このトグルをオンにします。
    • ウィジェットの操作完了後に次のスライドに移動する:学習者が次のスライドに移動できるのをすべてのカルーセルページにアクセスした後だけに制限する場合は、このトグルをオンにします。
    ページ移動を変更
    ページ移動を変更

カルーセルページの外観を変更

カルーセルのページの外観と、ページ上のテキスト周囲に配置されるカードの外観を変更します。

  1. ページセレクターでページを選択します。

    ページを選択
    ページを選択し、そのビジュアルプロパティを変更します。 ページセレクターは、ウィジェットの下部に配置されます。

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

    • 画像:画像をカルーセルページに追加するか、ページから削除します。 画像プレースホルダーを選択し、デフォルトの画像をアセットまたはコンピューターの画像と置き換えます。画像操作の詳細については、「Adobe Captivate の画像」を参照してください。
    • 見出し:見出しをカルーセルページに追加するか、ページから削除します。
    • 本文:本文のテキストをカルーセルページに追加するか、ページから削除します。
    • カード:カードをテキストオブジェクトの周囲に追加するか、その周囲から削除します。
  3. 「外観」セクションで、次のタブからカードとカルーセルページの外観を変更します。

    • ページタブ:カルーセルページの背景色は「ページ」タブで追加します。 単色または、線状 / 放射状のグラデーションを選択するか、画像を背景として追加します。
    • カードタブ:テキストオブジェクト周囲の余白を増減したり、カードのいずれかの角または四隅に角丸の半径を追加したりできます。また、カードに境界線を追加することや、カードの境界線にシャドウを適用することができます。

カルーセルページ内のテキストの編集

テキストプリセットの適用、フォントファミリーの変更、テキスト整列の適用、テキストインデントの変更など、さまざまな操作を実行できます。

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

  1. テキストオブジェクト(ページ内のタイトルや本文など)を選択します。

  2. ビジュアルプロパティパネルで、テキストのスタイル、フォント、フォントサイズ、テキストの間隔などを変更します。

カルーセルページの次または前を示す矢印の編集

カルーセルページの次または前を示す矢印を使用すると、学習者はカルーセルウィジェットのページを切り替えることができます。

  1. ページ上で次を示す矢印を選択します。

    矢印のビジュアルプロパティパネルが開きます。

  2. ビジュアルプロパティパネルの「ステート」セクションで「表示」をクリックして、ステートフライアウトを起動します。ボタンの標準仕様のステート(ホバーおよび無効)を構成します。無効になっているステートがある場合は、そのステートを右クリックして「有効化」を選択します。

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

  3. 左側のツールバーのビジュアルプロパティパネルで、「不透明度」スライダーを動かして、矢印の透明度を増減します。

  4. カラーピッカーから色を選択して、矢印を塗りつぶす色を追加します。

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

ウィジェットのスライドナビゲーションボタンの編集

ウィジェットのスライドナビゲーションボタン(左向きと右向き)を使用すると、学習者はプロジェクト内の次または前のスライドに移動できます。

  1. ウィジェットのナビゲーションボタンを選択します。

    任意のナビゲーションボタンを選択
    任意のナビゲーションボタンを選択して、そのプロパティを表示および変更します。

  2. 左側のツールバーのビジュアルプロパティパネルで「不透明度」スライダーを動かして、ボタンの透明度を増減します。

  3. 任意のデザインオプションを選択します。デザインオプションは、ボタンに適用する、よりクリーンなデザイン要素を備えた事前設定されたレイアウトを表示します。

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

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

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

  5. 「外観」セクションの「シェイプ」タブで色とシャドウを追加し、ボタンに境界線を適用します。境界線を適用するときに、いずれかのキャップ(「バット」、「ラウンド」、「突起」)を選択します。

  6. テキストを含むデザインを選択した場合、またはテキストトグルをオンにした場合は、テキストのカスタマイズプロパティが表示されます。 「テキスト」タブで、フォントファミリー、色、その他のプロパティを変更します。最初に「テキスト」トグルをオンにします。

    詳細については、「Adobe Captivate でのテキストの操作」をご覧ください。

    テキスト
    「テキスト」タブを選択して、テキストのプロパティを変更します。

  7. 「アイコン」タブで、アイコントグルを有効にします。

    ボタンに「次へ」というラベルを付けられるのは、「テキスト」タブで「テキスト」トグルがオンになっている場合のみです。必要に応じてボタンにラベルを付け、ラベルの近くにアイコンを追加します。 フォルダーアイコンを選択し、アセットパネルまたはコンピューターからアイコンを変更します。

  8. 「単色」チェックボックスを選択し、アイコンの色を追加します。アイコンに境界線を追加するには、「境界線」チェックボックスをオンにして境界線を適用します。境界線の太さを変更し、境界線の先端のキャップ(「バット」「ラウンド」「突起」)を指定します。

  9. アイコンのサイズを「小」「中」、または「大」から選択します。次に、ボタンのアイコンの位置を選択します。 次のいずれかを選択します。

    • 左揃え
    • 上揃え
    • 右揃え
    • 下揃え
    注意:

    アイコンの位置を設定できるのは、ナビゲーションボタンにテキストとアイコンを組み合わせて使用している場合のみです。

  10. ボタンに対するアイコンのオフセットを選択します。 「デフォルト」「広い」、または「狭い」のいずれかを選択します。オフセットでは、アイコンとボタンの端または境界線との間にスペースを追加します。

  11. 「アイコンを反転」セクションで「水平反転」または「垂直反転」を選択すると、学習者がアイコンを選択したときに、選択したモードでアイコンが反転します。

ビデオを見る

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

新規ユーザーの場合

Adobe MAX 2025

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

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