マニュアル キャンセル

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 では、タブウィジェットが e ラーニングコースの一般的なデザイン要素です。これにより、学習者は様々なタブでコンテンツを検索および操作することができます。 各タブは、トピックやカテゴリを個別に表すことができます。学習者はタブをクリックまたはタップして、対応するコンテンツを表示できます。

タブウィジェットの追加

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

ウィジェットレベルでタブウィジェットのプロパティを変更

Adobe Captivate では、ウィジェット、コンテンツおよびカードレベルでウィジェットのプロパティを変更できます。 コンテンツブロックレベルでは、ウィジェットの全体的なデザインを変更したり、タイトル、字幕などの要素をコンポーネントに追加または削除したり、色、境界線、シャドウの効果を追加してコンテンツブロックの全体的な外観を変更したりできます。

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

  2. ビジュアルプロパティパネルのコンテンツ幅スライダーと横の余白は、「整列と間隔」セクションにリンクされています。スライダーを左側から動かすと左余白の値が変更され、右から動かすと右余白の値が変更されます。 左右の余白の値を変更すると、変更内容が「コンテンツ幅」スライダーに反映されます。

    コンテンツ幅スライダーを動かして、タブ内のテキスト(タイトル、字幕、本文)と画像の間の間隔を調整します。

  3. タブの数スライダーを動かして、タブ数を追加します。 デフォルトは 3 個です。ウィジェットには、タブを 6 個まで追加できます。

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

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

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

    • タイトル:タイトルを追加または削除します。
    • 本文:ウィジェットの本文を追加または削除します。
    • 指示:ウィジェットの指示を追加または削除します。
    • 画像:画像を追加または削除します。
    • 見出し:見出しを追加または削除します。
    • 字幕:字幕を追加または削除します。
    • 本文:テキスト本文を追加または削除します。
    • カード:テキストを囲むカードを追加または削除します。
    • 「前へ」ボタン:「前へ」ボタンを追加または削除します。
    • 「次へ」ボタン:「次へ」ボタンを追加または削除します。
  6. 「外観」セクションでは、さらに次の項目をカスタマイズできます。

    • ウィジェットの背景:「背景」タブでは、色設定をウィジェットレベルで管理できます。 「背景」タブを選択し、ウィジェットの背景色と境界線を追加して、境界線にシャドウを適用します。 単色または線状 / 放射状のグラデーションを選択するか、画像を背景として追加することもできます。
    • タブの背景:「コンテンツ」タブでは、ウィジェット内のすべてのタブに背景色を追加できます。 単色または、線状 / 放射状のグラデーションを選択するか、画像を背景として追加します。
    • 「カード」を有効にしている場合は、カードのプロパティ(余白、背景色、境界線、シャドウなど)を変更できます。
    カードのプロパティを変更
    カードのプロパティを変更します。

  7. 「設定」セクションで「ウィジェットの操作完了後に次のスライドに移動する」チェックボックスをオンに切り替えて、学習者がすべてのタブにアクセスした場合にのみ次のスライドに進みます。

コンテンツレベルでプロパティを変更

Adobe Captivate では、デザインオプションの適用、タブテキストの変更、タブアイコンの変更などを行うことができます。

  1. ウィジェットのタブを選択します。

    タブを選択
    タブを選択

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

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

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

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

  5. 「テキスト」タブで、フォントファミリーや色などのプロパティを変更します。詳細については、「Adobe Captivate でのテキストの操作」をご覧ください。

    テキスト

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

    次に、タブの近くに表示されるアイコンを追加します。 アセットから、またはコンピューター上でアイコンを選択します。 また、タブ上でアイコンのサイズや位置を変更することもできます。

    「オフセット」アイコンを選択します。 オプションは「デフォルト」、「広い」および「狭い」です。 任意のオプションを選択すると、アイコンとタブテキストの間にスペースを調整できます。

    アイコン

  7. 「アイコンを反転」セクションで「左右反転」または「上下反転」を選択すると、アイコンは垂直または水平に表示されます。

タブ内における画像のプロパティの置換および変更

Adobe Captivate を使用して、画像を置換したり、フィルターを適用したり、画像に境界線やシャドウを追加したりできます。

  1. タブ内の画像を選択します。

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

  3. 「外観」セクションで、フィルターの適用、画像のぼかし、明るさとコントラストの調整を行います。 また、「境界線」チェックボックスをオンにすると、画像の周囲に境界線が追加されます。境界線の幅と色を設定します。 画像の 1 つの辺またはすべての辺に境界線を追加できます。

    「ドロップシャドウ」チェックボックスをオンにして、境界線にシャドウを適用します。

  4. 「画像ソース」セクションで、タブ内の画像を置き換えます。

画像フィルターの適用または画像の置き換えの詳細については、「Adobe Captivate の画像」を参照してください。

タブ内のテキストの編集

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

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

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

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

ディープコピー

ディープコピーは、時間を大幅に節約し、コンテンツオブジェクト間の整合性を確保します。 これは、プロジェクト内のコンテンツオブジェクトの外観のコピーを作成し、それを別のコンテンツオブジェクトに貼り付けることで実現できます。

  1. タブで、タイトルと字幕の外観を変更します。 例えば、フォントファミリー、色およびその他のプロパティを変更します。

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

  2. 変更を適用したら、テキストまたは字幕を選択します。

  3. 選択したテキストまたは字幕を右クリックします。 「アピアランスをコピー」を選択します。

  4. 2 番目のタブでテキストまたは字幕を選択します。

  5. 選択したテキストまたは字幕を右クリックします。 「アピアランスを適用」を選択します。

最初のタブのタイトルまたは字幕の外観が、2 番目のタブに転送されるようになりました。

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

新規ユーザーの場合

Adobe MAX 2025

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

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