マニュアル キャンセル

Adobe Captivate プロジェクトに画像を追加

Captivate プロジェクトに 1 つまたは複数の画像を追加する方法について説明します。

注意:

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

新しくなった Adobe Captivate では、これらの画像コンテンツブロックを使用して、プロジェクトのロゴ、起動画面、背景などの画像を追加できます。

画像コンテンツブロック

Captivate で利用可能な画像コンテンツブロックは、次の 2 種類です。

画像コンテンツブロックを追加

左側のツールバーで、メディアブロックを追加/画像を選択します。

画像を追加
画像コンテンツブロックを追加

画像コンテンツブロックがスライドに追加されます。

画像を挿入
スライド上の画像コンテンツブロック

画像コンテンツブロックを追加したら、画像コンテンツブロックと画像の 2 つのレベルでプロパティをカスタマイズできます。 次のセクションでは、2 つのレベルで使用できるさまざまなプロパティについて説明します。

画像コンテンツブロックのプロパティを変更

ブロックレベルのプロパティは、イメージブロックを選択すると使用可能になります。 整列と間隔、画像レスポンシブの動作、デザインオプション、コンポーネント、外観など、さまざまなセクションで使用できるプロパティを変更できます。

  1. スライドで画像コンテンツブロックを選択します。 

  2. ビジュアルプロパティパネルで、「整列および間隔」セクションを展開します。

    コンテンツ幅スライダーと横の余白は、「整列と間隔」セクションにリンクされています。スライダーを左側から動かすと左余白の値が変更され、右から動かすと右余白の値が変更されます。 左右の横の余白の値を変更すると、同じ変更がコンテンツ幅スライダーに反映されます。

    選択したコンテンツブロックの上側または下側に余白を追加する場合は、縦の余白の値を変更して、上の余白と下の余白の値を入力します。

    「高さを自動調整」チェックボックスを選択すると、コンテンツブロックの高さがスライドに合わせて変更されます。スライド内に他のコンテンツブロックがある場合は、スライドの高さに合わせてコンテンツブロックが自動的に調整されます。

  3. 「画像レスポンシブの動作」ドロップダウンで、デバイスで表示したときに画像がどのようにレンダリングされるかを選択します。

    次のオプションを使用できます。

    拡大・縮小:画像を拡大・縮小すると、デバイス上の使用可能なスペースに合わせて幅と高さが調整されます。 画像は、画像コンテナに合わせて縦横比を保持したままサイズ変更されます。 拡大・縮小された画像は使用可能な領域に合わせて調整済みであるため、使用する際に空白を考慮する必要はありません。

    高さ固定:高さ固定の画像では、デバイス間で一定のサイズが維持されます。 画像の高さは変わりませんが、幅は元の縦横比を維持するために変化します。 高さ固定の画像は、バナーやヘッダー画像など、高さが重要な状況に適合します。

  4. デザインのオプションを選択します。デザインオプションは、画像コンテンツブロックに適用する、よりクリアなデザイン要素を備えた事前設定されたレイアウトを表示します。

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

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

    • 画像:画像コンテンツブロック内で画像を追加または削除します。
    • キャプション:画像のキャプションを追加または削除します。
    • 字幕:画像の字幕を追加または削除します。
    • ボタン:画像の下のボタンを追加または削除します。
    • カード:画像の周囲にあるカードを追加または削除します。
    注意:

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

  6. 「外観」セクションでは、背景色、線状グラデーション、放射状グラデーション、または画像を画像コンテンツブロックに追加できます。境界線やシャドウを追加することもできます。

  7. 「カード」を有効にしている場合は、カードのプロパティ(余白、背景色、境界線、シャドウなど)を変更できます。

画像のプロパティを置換および変更

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

  1. スライドで画像プレースホルダーを選択します。

  2. ビジュアルプロパティパネルを開き、次の 2 つの方法のいずれかを使用してプレースホルダーイメージを置換します。「イメージソース」セクションで、

    1. フォルダーアイコンをクリックし、「アセット」を選択します。アセットパネルが開きます。 800 を超える画像のコレクションから画像を選択し、「画像を置換」をクリックします。
    2. フォルダーアイコンをクリックし、「システム」を選択します。これにより、ローカルシステムでファイルブラウザーが開きます。 システムから画像を選択し、「開く」をクリックします。
  3. 「表示」ドロップダウンから次のいずれかを選択します。

    • 全体に表示:「全体に表示」を選択した場合、画像によりスライド全体が覆われます。 このオプションでは、スライドに空白ができず、画像で完全に埋めつくされます。
    • サイズを合わせる:「サイズを合わせる」を選択した場合、画像全体がスライドに表示されます。 画像のどの部分も非表示にはなりません。 画像を調整するときに、画像の縦横比が保持されます。
    • 拡大して表示:「拡大して表示」を選択すると、画像の縦横比に関係なく、スライドの寸法に厳密に合わせて画像のサイズが変更されます。
  4. 「画像のフォーカス」ドロップダウンで、画像のどの部分をデバイスで表示するかを決定できます。 デスクトップ上の画像がデバイス上で期待どおりに拡大 / 縮小されない場合があります。 「画像のフォーカス」オプションを使用すると、デバイスで画像を部分的(中央、右、左)に表示できます。

    「全体に表示」を選択した場合にのみ、「画像のフォーカス」を利用できます。

    中央

  5. 「ステート」セクションで「表示」をクリックして、ステートフライアウトを起動します。画像のステートを追加します。

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

  6. 外観セクションで画像フィルター(グレースケール、比較(明)、オーバーレイなど)を選択します。 画像にフィルターを適用すると、それに応じて画像の外観が変わります。

    また、色を付けるなどの特定のフィルターには強度スライダーがあります。 スライダーを動かして、画像の強度を変更します。スタイルドロップダウンで単色、線状、放射状のグラデーションを選択して、画像に色を追加することもできます。

  7. スライダーを動かして、画像のぼかし、明るさ、コントラストを調整します。 画像に境界線を追加したり、シャドウを適用したりすることもできます。

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

画像を編集

画像編集プレビューパネルでは、画像の切り抜き、さまざまなデバイスでのプレビュー、焦点の微調整、画像の全体表示を行うことができます。また、Adobe Captivate の背景画像
についてさらに詳しく知ることができます。

画像プレビューパネルは 2 つのセクションで構成されています。 左側には元の画像と、画像の表示およびフォーカスを変更するためのオプションがあります。右側には、デスクトップ、タブレット、モバイルデバイスのプレビューが表示されます。 

Adobe Captivate のコンテンツブロックで背景画像および画像を編集する方法については、このチュートリアルをご覧ください。

  1. コンテンツブロック内の画像を選択します。 ビジュアルプロパティパネルで、「画像を編集」アイコンを選択します。 

    また、コンテンツブロック、ウィジェット、インタラクティブコンポーネント内の画像をダブルクリックして、編集モードに切り替えることもできます。

  2. 画像をトリミングし、画像の表示形式、レスポンシブな挙動または画像のフォーカスを変更して、右側の挙動を確認します。

    画像を切り抜いて、フォーカスとレスポンシブ動作を調整
    画像を切り抜いて、フォーカスとレスポンシブ動作を調整

  3. ハンドルバーを移動して画像をトリミングし、関連する画像の部分にフォーカスを合わせます。 目的の背景に合わせて、フォーカスを左、中央、または右に調整します。

  4. 「保存」を選択します。編集した画像が画像コンテンツブロックに表示されます。

注意:

コンテンツブロック、ウィジェット、インタラクティブコンポーネント、MCQ または True / False 質問スライド、シナリオスライドの文字、および背景画像の中の画像を編集できます。

画像グリッドコンテンツブロックを追加

画像グリッドコンテンツブロックを使用して、複数の画像を追加できます。

左側のツールバーで、メディアブロックを追加/画像グリッドを選択します。

画像グリッドコンテンツブロックが挿入されます。

画像グリッドを追加
画像グリッドコンテンツブロックを追加

画像グリッドコンテンツブロック内の画像を置換および編集する

グリッドコンテンツブロックでの画像の編集は、画像コンテンツブロックの場合と類似していますが、唯一の違いは、グリッド内に複数の画像があり、それらを置換する点です。

  1. グリッド内で必要な画像の数を決定します。 ビジュアルプロパティパネルで、「画像の数」スライダーを動かして、画像の数を選択します。

  2. 画像を選択します。 次に、画像中央の画像プレースホルダーアイコンを選択します。この操作により、次の場所から画像を追加ポップアップが開きます。このポップアップから「アセット」またはコンピューターを選択して画像を追加できます。

    グリッドに画像を挿入
    グリッドに画像を挿入

  3. デザインのオプションを選択します。デザインオプションは、画像コンテンツブロックに適用する、よりクリアなデザイン要素を備えた事前設定されたレイアウトを表示します。

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

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

    • 画像:コンテンツブロック内で画像を追加または削除します。
    • キャプション:画像のキャプションを追加または削除します。
    • 字幕:画像の字幕を追加または削除します。
    • ボタン:画像の下のボタンを追加または削除します。
    • カード:画像の周囲にあるカードを追加または削除します。
  5. グリッドに画像を追加します。 「外観」セクションで、任意の画像フィルターを選択します。選択したフィルターが画像に適用されます。

  6. 「画像ソース」セクションで、フォルダーアイコンを選択し、アセットまたはコンピューターから画像を選択して、スライドの画像と置き換えます。

注意:

ビジュアルプロパティパネルから、画像グリッドのコンテンツブロック全体のレスポンシブな挙動(調整済みまたは高さ固定)を修正できます。画像を個別に修正する必要はありません。

これは画像です
レスポンシブ動作は画像グリッド全体で変更できます

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

新規ユーザーの場合