マニュアル キャンセル

Captivate プロジェクトにカードウィジェットを追加

カードウィジェットを追加する方法について説明します。カードウィジェットでは、学習者がカードを裏返して追加情報を表示することでコンテンツを操作できます。

注意:

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

カードウィジェットとは

カードは、e ラーニングコースでインタラクションを追加するためによく使用されるメカニズムで、学習者はカードを裏返して追加情報を表示することで、コンテンツを操作できます。 

まったく新しくなった Adobe Captivate ではカードウィジェットを作成できます。このウィジェットでは、学習者はカードの片面を選択して、その裏面に記載された説明、画像、キューなどの対応する概念を確認できます。

カードウィジェットを追加

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

カードウィジェットのプロパティを変更

Adobe Captivate では、ウィジェットレベルで、ウィジェットのカード数の追加または削除、事前定義された一連のデザインオプションからの選択、タイトルや画像の追加または削除など、他にも多くの作業を行うことができます。

  1. カードウィジェットを選択します。ビジュアルプロパティ「整列および間隔」セクションでは、次の項目を調整できます。

    • コンテンツ幅:スライダーを動かして、ウィジェットの幅を増減します。ウィジェットの左右に余白を追加して、左右にスペースを追加することもできます。
    • コンテンツの間隔:スライダーを動かして、コンポーネント間の間隔を調整します。
  2. ビジュアルプロパティパネルのフリップカードの数スライダーを動かして、カード数を増減します。 ウィジェットには、カードを 4 枚まで追加できます。

  3. デザインオプションのリストから、カードウィジェットデザインを選択します。

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

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

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

    カードウィジェットの前付のコンテンツでは、次のカスタマイズが可能です。 カードウィジェットのコンポーネントを追加または削除します。

    • 画像:カードの画像を追加または削除します。
    • タイトル:カードのタイトルを追加または削除します。
    • 字幕:カードの字幕を追加または削除します。
    • アイコン:カードのアイコンを追加または削除します。 実行時に学習者がアイコンを選択すると、カードが裏返されます。
    注意:

    このレベルで行ったカスタマイズは、ウィジェット内のすべてのカードに適用されます。 個々のカードを変更する場合は、「ウィジェット内のカードのプロパティの変更」を参照してください。

    注意:

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

  5. 「外観」セクションで、ウィジェットの背景の外観を変更します。 ウィジェットの色を変更したり、境界線を追加したり、シャドウ(内側)を適用したりできます。

    • 単色:カラーピッカーを選択し、スライドの背景色を変更します。「単色の背景」ドロップダウンを選択して、次のオプションから選択することもできます。
      • 線状グラデーション:直線上の開始点から終了点に向かってグラデーションを施します。
      • 放射状グラデーション:円形パターン上の開始点から終了点に向かってグラデーションを施します。
      • 画像:画像を背景として追加します。アセットまたはコンピューター上の場所から画像を選択できます。
    背景色を変更
    背景色を変更

    境界線の色と幅を変更し、先端のキャップ(「バット」、「ラウンド」、「突起」)を指定できます。

    境界線とシャドウは、カードの表裏に基づいて設定されます。 例えば、表向きのカードの左側に設定された境界線は、カードを裏返すと右側の境界線になります。

  6. 「外観」「カード」タブで、ウィジェットのカードのプロパティを変更します。 カードの外観を変更するには、色、境界線、角の丸み、シャドウなどのプロパティを変更します。

  7. ウィジェットの前面パネルにあるカード内のオーバーレイカラーを変更する場合は、「単色のオーバーレイ」チェックボックスを選択します。 カラーピッカーを選択して、任意のカラーを選択します。

  8. 「設定」セクションで、「ウィジェットの操作完了後に次のスライドに移動する」トグルを有効にします。これにより、学習者がすべてのカードを選択した場合にのみ「次へ」ボタンが有効になります。

    注意:

    「前へ」ボタンまたは「次へ」ボタンを選択すると、前または次のスライドに進むインタラクションがデフォルトで設定されます。 ただし、このインタラクションはインタラクションパネルからカスタマイズできます。

ウィジェット内のカードのプロパティを変更

カードの外観を変更したり、タイトルや字幕を追加したり、アイコンに画像を追加したりします。

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

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

    • 画像:画像を追加または削除します。
    • タイトル:タイトルを追加または削除します。
    • 字幕:字幕を追加または削除します。
    • アイコン:カードのアイコンを追加または削除します。 実行時に学習者がアイコンを選択すると、カードが裏返されます。
    注意:

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

  3. 「外観」セクションで、カードの背景色、境界線、丸みまたはシャドウを追加できます。

  4. アイコンを選択して、アイコンのプロパティを変更します。

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

    1. フォルダーアイコンをクリックして、アセットまたはコンピューターのアイコンを置き換えます 詳細については、「Adobe Captivate の SVG」を参照してください。
    2. 「アイコンを反転」セクションで「水平反転」または「垂直反転」を選択すると、学習者がアイコンをクリックしたときに、選択したモードでアイコンが反転します。
    3. 不透明度スライダーを動かして、アイコンの透明度を増減します。
    4. 「単色」ピッカーを使用して、アイコンの色を変更します。

レスポンシブモードの挙動

デバイスモードでカードウィジェットのプロパティを変更すると、水平スクロールバーをスクロールしてカードを確認できます。

レスポンシブモードでの作成
レスポンシブモードでの作成

カードの画像の変更

画像フィルターの適用、画像のぼかしや明るさの変更、境界線の追加、画像の置き換えを行います。

  1. スライドでカードを選択します。次に、カード上の画像を選択します。 画像のプレースホルダーアイコンを使用して、画像を置き換えます。詳細については、「Adobe Captivate の画像」を参照してください。

  2. ビジュアルプロパティパネルの
    「外観」セクションで、フィルターの適用、画像のぼかし、明るさとコントラストの調整を行うことができます。

  3. 画像に境界線を追加することもできます。境界線の幅を変更したり、色を追加したり、画像の 1 つの辺またはすべての辺に境界線を追加したりできます。

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

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

  6. 「画像ソース」セクションで鉛筆アイコンを選択し、画像をトリミングします。詳細については、「Adobe Captivate の画像」を参照してください。

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

カードのテキストを変更

Adobe Captivate では、テキストレベルでプロパティを変更できます。 テキストレベルでは、プリセットテキストスタイルの適用、フォントの変更、テキストの色の変更、箇条書きと番号付けの適用などを行うことができます。

  1. ウィジェットでカードを選択し、テキストオブジェクトを選択します。

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

    テキスト
    テキストプロパティの編集

  3. カラーピッカーでテキストの色を変更し、必要に応じてシャドウを適用します。

  4. 「箇条書きと番号付け」を選択して、テキストに箇条書きを追加します。箇条書きのサイズを変更したり、色を追加したり、インデントを変更したりすることもできます。

まったく新しくなった Adobe Captivate におけるテキスト操作の詳細については、「Adobe Captivate のテキスト」を参照してください。

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

裏面パネルのカードで、各カードのテキストや説明をカスタマイズしたり、画像を修正または変更したりできます。

  1. カードの下の選択ドックで「戻る」を選択します。

    カード裏面を選択
    カード裏面を選択

    カードコンテナーの裏面パネルが表示されます。

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

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

    カードウィジェットの後付では、次のカスタマイズが可能です。 カードウィジェットのコンポーネントを追加または削除します。

    • 画像:カードの画像を追加または削除します。
    • タイトル:カードのタイトルを追加または削除します。
    • 字幕:カードの字幕を追加または削除します。
    注意:

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

  3. 「外観」セクションで、カード裏面の境界線の半径、背景色、境界線およびシャドウを変更します。 詳細については、「ウィジェットの背景の変更」を参照してください。

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

新規ユーザーの場合