マニュアル キャンセル

Adobe Captivate プロジェクトにタイムラインを追加する

Adobe Captivate プロジェクトでタイムラインウィジェットを追加および設定する方法について説明します。

注意:

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

概要

まったく新しくなった Adobe Captivate のタイムラインウィジェットは、イベント、ランドマーク、または一連のアクションを表すインタラクティブなグラフィックで、学習者が情報を時系列の視覚化できます。 タイムラインは、イベントやマイルストーンの進行を直線的に表す魅力的な方法です。

タイムラインウィジェットを挿入

左側のツールバーで、新しいウィジェットを追加/タイムラインウィジェットを選択します。

タイムラインウィジェット
タイムラインウィジェット

ウィジェットの外観を変更

タイムラインウィジェットの外観を変更するには、テキストの追加、ノードの追加、ウィジェットの外観の変更などを行います。

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

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

    コンテンツ幅スライダーを動かして、カード間の間隔を調整します。

  3. ノード数スライダーを動かして、ウィジェットのタイムラインノード数を増減します。最大で 6 個のノードを追加できます。

    ノード数を追加する
    ノード数を追加する

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

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

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

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

    タイムライン上のイベントに対して、以下を追加または削除できます。

    • イベント:ノードのイベントを追加または削除します。
    • 画像:イベントの画像を追加または削除します。
    • キャプション:イベントのキャプションを追加または削除します。
    • 字幕:イベントの字幕を追加または削除します。
    • カード:イベントを囲むカードを追加または削除します。
    注意:

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

  6. 「外観」セクションでは、さらにウィジェットの背景をカスタマイズできます。 「背景」タブでは、色設定をウィジェットレベルで管理できます。 「背景」タブを選択し、ウィジェットの背景色と境界線を追加して、境界線にシャドウを適用します。

    「単色の線」を選択して、タイムラインバーのカラーとバーセグメントのカラーを変更します。

  7. 「カード」を選択した場合、「外観」セクションでカードの背景色を変更するには、カラーピッカーを選択します。 また、カードに境界線を追加したり、シャドウを適用したりすることもできます。

  8. 「設定」セクションで、「ウィジェットの操作完了後に次のスライドに移動する」トグルを有効または無効にします。このトグルを有効にすると、学習者はすべてのホットスポットにアクセスした後にのみ次のスライドに移動します。

イベントのプロパティを変更

タイムラインウィジェットのイベントには、タイトル、字幕および画像が含まれます。 タイトルまたは字幕およびそのプロパティは編集できます。また、画像の置き換えや編集も可能です。

  1. ウィジェットのイベントを選択します。

    イベントを選択
    ウィジェットでイベントを選択

  2. ビジュアルプロパティパネルでは、次の項目を変更できます。

    • 画像:イベントの画像を追加または削除します。画像プレースホルダーを選択し、デフォルトの画像を、アセットまたは使用しているコンピューターの画像に置き換えます。画像操作の詳細については、「Adobe Captivate の画像」を参照してください。
    • 画像:イベントのキャプションを追加または削除します。
    • 字幕:イベントの字幕を追加または削除します。 キャプションと字幕を選択し、そのプロパティを変更します。 詳細については、「Adobe Captivate でのテキストの操作」を参照してください。
    • カード:イベントを囲むカードを追加または削除します。
    注意:

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

  3. 「カード」セクションでは、テキストオブジェクト周囲の余白を増減する、カードのいずれかの角または四隅に丸みをつける、カードの背景色を追加する、カードに境界線を追加する、カードの境界線にシャドウを適用する、などの操作を行います。

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

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

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

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

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

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

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

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

  6. 「テキスト」タブで、フォントファミリーや色などのプロパティを変更します。最初に「テキスト」トグルをオンにします。

    トグルを有効にすると、「次へ」ラベルがボタンに追加されます。 ラベルのプロパティはタブで変更できます。

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

    テキスト

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

    ボタンのラベルを変更したり、ラベルの横にアイコンを追加したりできます。 フォルダーアイコンを選択し、アセットパネルまたはコンピューターからアイコンを変更します。 

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

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

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

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

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

ラインセグメントのカラーを変更

タイムラインバーのセグメントのカラーを変更できます。

  1. タイムラインバーのセグメントを選択します。

  2. ビジュアルプロパティパネルで、カラーピッカーから任意のカラーを選択します。

セグメントのカラーが、選択したカラーに変わります。

ウィジェットのノードボタンの編集

ノードボタンを使用すると、学習者が各ノードを選択し、そのイベントを表示できます。 

「ウィジェットのスライドナビゲーションボタンの編集」の手順を使用して、任意のノードを選択し、そのプロパティを編集します。

ビデオを見る

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

新規ユーザーの場合