デモモード

デモモードの概要

手順や機能のデモを作成する場合は、デモモードを選択します。 デモモードではビデオを作成できますが、ユーザーがインタラクティブにやりとりすることはできません。 デモモードでは、Adobe Captivate によりテキストキャプションがラベルを使用して追加されます。 このモードが適しているのは、ソフトウェアの概念を簡単に説明する場合(ただし、閲覧者が説明に従って操作を実行することは想定しない場合)です。

  1. シミュレーションランチャーで、「アプリケーションウィンドウ」オプションを選択します。 

    Adobe Captivate シミュレーションランチャーのダイアログが表示されており、アプリケーションウィンドウのオプションが選択されています。Firefox ブラウザーのプレビューが表示されており、サイズはウィンドウサイズに設定され、ナレーションのドロップダウンは「ナレーションなし」に設定されています。自動パンニングが選択され、シミュレーションタイプセクションではデモモードにチェックが入っています。下部には赤い録画ボタンがあります。
    デモシミュレーションを設定するには、アプリケーションウィンドウのキャプチャモードを選択し、対象アプリケーションを選び、ナレーションとパンニングの設定を行ってから、「録画」をクリックします。

  2. 「アプリケーション」ドロップダウンで、録画するアプリケーションを選択します。

    Adobe Captivate のシミュレーション起動画面で、アプリケーションのドロップダウンメニューが選択され、Firefox ブラウザがオレンジ色でハイライトされています。ドロップダウンメニューの下に、ストック写真の Web サイトのプレビューが表示されています。
    ドロップダウンメニューからターゲットとなるアプリケーションを選択し、デモを実行したい特定のソフトウェアにシミュレーション録画のフォーカスを合わせます。

  3. ナレーションを追加する場合は、内蔵マイクまたは外部マイクを選択するか、マイクを追加しないかを選択します。

  4. 「パニング」ドロップダウンで、この録画のパンモードとして「自動パニング」を選択します。

  5. 「シミュレーションタイプ」セクションで、「デモ」を選択します。

    Adobe Captivate シミュレーション起動画面のシミュレーションタイプのセクションで、「デモ」チェックボックスが選択されます。これは、オレンジ色の境界線で強調表示されており、その下の「評価」と「トレーニング」オプションのチェックは外れています。
    シミュレーションタイプのオプションから「デモ」モードを選択すると、ユーザーの操作を必要とせずに視聴者が手順を見ることができる受動的なデモンストレーションを作成できます。

  6. 「録画」ボタンを選択して録画を開始します。 録画を停止するには、Cmd + Return キー(macOS)または End キー(Windows)を押します。

トレーニングシミュレーションの録画が完了すると、<project_name>_demo.cpt というプロジェクトが作成されます。 プロジェクトで、スライドのプロパティとマウスクリックプロパティを変更します。

デモスライドのプロパティを変更

  1. デモプロジェクトを開きます。

  2. 録画するスライドを選択します。

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

    • クリックボックス:クリックボックスは、次のアクションが発生する前にユーザーがクリックする必要がある、スライド上の領域です。 クリックボックスを使用して(例えば、学習者がクリックする必要があるメニューまたはボタンにクリックボックスを配置するなど)、アプリケーションの機能のデモンストレーションを行うことができます。
    • マウスポインター:このオプションを選択すると、録画中にデモの要素間を移動するときのカーソルの動きが表示されます。
    • 指示:スライドの指示ブロック数を追加または削除します。 スライドの指示を 3 つまで追加できます。 「+」を選択して、さらに指示を追加します。
    • ハイライトボックス:ハイライトボックスのマーカーを追加または削除します。 録画が完了すると、シミュレーションスライドに長方形が表示されます。 この長方形は、録画中にクリックした領域です。
    • ぼかしエリア:シミュレーションスライドにぼかし効果を追加して、機密情報を保護し、プライバシーを保護します。
    • 入力フィールド:入力では、デモ中のユーザー入力がキャプチャされます。
    • ボタン:これらのボタンは、学習者のクリックにより、プロジェクト内のさまざまなアクション、挙動またはナビゲーションをトリガーできる、インタラクティブな要素です。 ボタンにより、ユーザーエンゲージメントを強化し、インタラクションを提供し、コースの資料を通じて学習者をガイドできます。 シミュレーションスライドにボタンを複数追加できます。

    コンポーネントは追加または削除することが可能です。各コンポーネントをどの位置にも配置できます。 スライドに複数のコンポーネントを自由に追加できます(マウスポインターを除く)。 コンポーネントを追加するには、各コンポーネントの横にある        アイコンを選択するだけです。

    ビジュアルプロパティのコンポーネントパネルには、クリックボックス、マウスポインター、説明など、シミュレーションスライドに追加できる要素が表示されています。
    コンポーネントパネルでは、クリックボックス、説明、ハイライトボックス、ボタンなどのインタラクティブな要素を追加して、シミュレーションスライドを強化できます。

    注意:

    これらのコンポーネントは、すべてのシミュレーションプロジェクトに追加できます - デモトレーニング、および評価

スライドの外観を変更

  1. 「外観」セクションで、グラデーションまたは塗りつぶしを適用するには、「画像」ドロップダウンを選択します。 

  2. アセットまたはコンピューターで画像アイコンを選択して画像を選択します。 

  3. ダウンロードアイコンを選択して背景画像をダウンロードします。 鉛筆アイコンを選択して、画像をさらにトリミングします。 詳細については、「Adobe Captivate で画像を使用して作業する」を参照してください。 

    シミュレーションスライドの背景画像を変更する背景画像オプションを含むアピアランスパネル。
    シミュレーションスライドにグラデーション、画像、塗りつぶしを適用して、より魅力的なビジュアルプレゼンテーションを作成できます。

    コンテキストメニューでスライドを右クリックして「画像をダウンロード」を選択することで、画像をダウンロードすることも可能です。

    Adobe Stock の Web サイトのスクリーンショットで、右クリックのコンテキストメニューが表示され、「画像をダウンロード」オプションがオレンジ色でハイライトされます。また、ストック写真コレクションが表示されています。
    シミュレーションのスライドを右クリックし、コンテキストメニューから「画像をダウンロード」を選択することで、スライドの背景画像をダウンロードできます。

    すべての背景画像をダウンロード

    シミュレーションプロジェクトで、コンピューター上の任意の場所に背景画像をすべてダウンロードできるようになりました。

    1. シミュレーションプロジェクトを開きます。
    2. 右側のツールバーで「プロジェクトプロパティ」を選択します。
    3. 「すべての画像をダウンロード」を選択します。
    Adobe Captivate でスライドを右クリックするとコンテキストメニューが表示され、「画像をダウンロード」オプションが表示されています。
    スライドを右クリックして、シミュレーションプロジェクトの背景画像のダウンロードオプションを開きます。

  4. 「境界線」を選択して、背景画像に境界線を追加します。 

指示のプロパティを変更

  1. スライドの指示を選択します。 

    Adobe Stock の Web サイトのスクリーンショットで、メインページに黄色の説明ツールチップが表示されており、オレンジ色の境界線で囲まれています。ツールチップには「Stock 写真、ロイヤリティーフリー画像、グラフィック、ベクター、動画 | Adobe Stock ウィンドウをクリック」というテキストが含まれています。
    シミュレーションスライド上の説明要素を選択し、ビジュアルプロパティパネルで外観、位置、テキスト内容をカスタマイズできます。

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

    • 指示の透明度を変更します。 不透明度スライダーを動かして、指示ブロックの透明度を増減します。
    • 「外観」セクションでは、指示の背景色の変更や、境界線やシャドウの追加が実行できます。 また、指示テキストのプロパティを変更することもできます。 詳細については、「Adobe Captivate でのテキストの操作」をご覧ください。
    説明ボックスのアピアランスパネルには、「シェイプ」、「テキスト」、「塗りつぶし」(黄色が選択されている)、「境界線」、「シャドウ」のオプションが表示されています。
    塗りつぶし、境界線、シャドウを変更して説明ボックスの外観を調整します。

  3. シェイプタブを選択し、ジオメトリドロップダウンを開き、説明ボックスの新しい形状(長方形、円、吹き出し、またはクラウド吹き出しなど)を選択します。

    画像は、吹き出し形状の黄色い説明ボックスが選択されたAdobe Captivateを示しています。右側の外観パネルのシェイプタブには、長方形、円、吹き出し、またはクラウドなどの形状を選択できるジオメトリドロップダウンが表示されています。
    説明ボックスの形状を変更

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

ハイライトボックスのプロパティを変更

  1. スライドのハイライトボックスを選択します。

    Adobe Stock の Web ページに、ハイライトボックスを強調する黄色のハイライトボックスが表示されています。
    スライドのハイライトボックスを選択して、透明度などのプロパティを変更します。

  2. ビジュアルプロパティパネルで「不透明度」スライダーを動かして、ハイライトボックスの透明度を増減します。 

  3. 「外観」セクションでは、背景色や境界線を追加することや、境界線にシャドウを適用することが可能です。 単色または、線状 / 放射状のグラデーションを選択するか、画像を背景として追加します。 

    ジオメトリドロップダウンを選択し、ハイライトボックスの新しい形状(長方形、三角形、円、またはスター)を選択します。

    画像は、「ハイライトエリア」とラベル付けされた紫色の三角形が選択されているCaptivateインターフェースを示しています。右側の外観パネルには、ジオメトリドロップダウンの下に形状オプション(四角形、三角形(選択済み)、円、およびスター)が表示されています。
    ハイライトボックスの形状を変更

マウスポインターのプロパティを変更

現実味のある動作を実現するために、Adobe Captivate ではデフォルトで曲線のマウスパスを作成します。 ただし、ツールバーを横切る動作を示す場合など、直線のマウスパスが適していることもあります。

  1. スライドでポインターを選択します。  

    Adobe Stock の Web サイトのスクリーンショットに、黄色の説明ツールチップに向かうマウスポインターと曲線のパスが描かれています。ツールチップには「Stock 写真、ロイヤリティーフリー画像、グラフィック、ベクター、動画 | Adobe Stock ウィンドウをクリック」というテキストが含まれています。
    シミュレーションスライドのマウスポインター要素を選択して、外観、パスの動作、クリックアニメーションをカスタマイズできます。

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

    • ポインター:ポインターの外観をクリックして選択します。
    • サイズ:ポインターのサイズを変更するには、「小」、「中」、または「大」を選択します。
  3. ビジュアルプロパティパネルの「設定」セクションでは、次の項目を変更できます。
    • クリックのアニメーション化:マウスクリックに色やエフェクトを設定できます。 このオプションを選択すると、プロジェクトの再生時にマウスクリックを強調するために、ポインター周辺の色を目まぐるしく変えることや、特別なエフェクトを追加することが可能です。
    • マウスのクリック音:マウスがマウスパスの最終地点に到達した際に再生されるデフォルトのマウスクリック音を変更できます。 例えば、ワークフロー内の適切なアクションを示すクリック音をシングルクリックからダブルクリックに変更できます。 すべてのクリック音を抑制することもできます。
      • マウスボタンを 1 回押したときのシングルクリック音の場合は、「マウスのクリック音」を選択し、メニューから「1 回のクリック」を選択します。 
      • マウスボタンを 2 回押したときのダブルクリック音の場合は、「マウスのクリック音」を選択し、「ダブルクリック」を選択します。 
      • 参照してマウスのクリックに別の音を選択するには、「マウスのクリック音」を選択し、「参照」ボタンを選択します。 「ファイルを開く」ダイアログボックスが表示され、音声ファイルを参照できます。
    • マウスの動きを直線化:開始地点から終了地点までポインターを直線的に動かす場合は、このオプションを選択します。 デフォルトでは、曲線のパスに沿ってポインターが動作するので、より自然な仕方で表示されます。 
    マウスポインターのプロパティパネルには、ポインターの外観セレクター、小 / 中 / 大のサイズオプション、アニメーションとサウンドのコントロールを備えた設定セクションが表示されています
    マウスポインターの外観、サイズ、動作(クリックのアニメーションやサウンド効果など)を設定して、リアルなシミュレーションエクスペリエンスを実現します。

  4. 「すべてのスライドに適用」をクリックして、デモプロジェクトのスライドすべてに変更内容を適用します。

ぼかしエリアのプロパティを変更

  1. ビジュアルプロパティコンポーネントぼかしエリアを選択します。

    シミュレーションスライドのコンポーネントパネルでぼかし領域オプションがハイライト表示されています。
    「ぼかし領域」チェックボックスを選択すると、強度、形状、境界線のオプションをカスタマイズして調整可能なぼかし効果を適用することで、シミュレーションで機密情報を保護できます。

  2. ぼかしエリアを選択し、スライダーを使用してぼかしの強度を調整します。

    強度スライダー、円または長方形のシェイプオプション、コーナーの半径設定、境界線のカスタマイズコントロールを示すぼかし領域コンポーネントのプロパティ。
    カスタマイズ可能な強度、シェイプ、スタイルオプションを備えたぼかし領域を設定することでシミュレーション内の機密情報を保護できます。

  3. 外観で、コーナーの半径と境界線をカスタマイズします。また、ぼかしコンポーネントのハンドルを使用して、ぼかしサイズを直接調整することもできます。 

  4. ジオメトリドロップダウンを選択して、ぼかしの形状(円、長方形、三角形、またはスター)をカスタマイズします。

    この画像は、ぼかしの形状を長方形、円、三角形、またはスターに変更するためのジオメトリドロップダウンの選択方法を説明しています。
    ぼかしコンポーネントの形状を変更

Adobe, Inc.

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

新規ユーザーの場合