マニュアル キャンセル

構図とスタイルの参照画像を使用する

  1. Captivate ユーザーガイド
  2. Captivate とは
    1. Adobe Captivate
    2. Adobe Captivate の必要システム構成
    3. Adobe Captivate のダウンロード
    4. よくある質問
  3. Adobe Captivate のリリース
    1. Adobe Captivate 13
      1. Adobe Captivate(13.0)リリースノート
    2. Adobe Captivate 12
      1. Adobe Captivate 12 の概要
      2. Adobe Captivate(12.6 アップデート)リリースノート
      3. Adobe Captivate(12.5 アップデート)リリースノート
      4. Adobe Captivate(12.4 アップデート)リリースノート
      5. Adobe Captivate(12.3 アップデート)リリースノート
      6. Adobe Captivate(12.2 アップデート)リリースノート
      7. Adobe Captivate(12.1 アップデート)リリースノート
  4. プロジェクトのセットアップ
    1. スライドナビゲーター
    2. プロジェクト寸法
    3. 環境設定
      1. 一般環境設定
      2. 生成 AI の環境設定
      3. プロジェクトの環境設定
      4. クイズの環境設定
    4. テーマ
    5. Adobe Captivate 機能の URL アクセスを設定する
  5. PowerPoint からの読み込み
    1. Captivate への PowerPoint プレゼンテーションの読み込み
    2. インポートしたスライドのテキストを操作する
    3. インポートしたスライドの図形を操作する
    4. インポートしたスライドにメディアを追加する
    5. インポートしたスライドにインタラクションとアニメーションを追加する
  6. Captivate における生成 AI
    1. 生成 AI の概要
    2. テキストを生成 
      1. テキストを生成の概要
      2. テキスト生成のための効果的なプロンプトを作成する
      3. クイックプロンプトを使用してテキストを生成する
      4. カスタムプロンプトを使用してテキストを生成する
      5. テキスト生成を改善するためのフィードバックを提供する
    3. 画像を生成する
      1. 画像を生成するの概要
      2. プロンプトを使用して画像を生成する
      3. 画像のコンテンツタイプを選択 - 写真またはアート
      4. 構図とスタイルの参照画像を使用する
      5. 効果的な画像生成のためのベストプラクティス
      6. 画像生成を改善するためのフィードバックを提供
    4. アバターを生成
      1. アバターを生成の概要
      2. アバターをカスタマイズ
      3. アバターナレーション用の文字起こしを作成する
      4. アバターナレーションを生成
      5. アバター生成を改善するためのフィードバックを提供
    5. トランスクリプトを生成
      1. トランスクリプトを生成の概要
      2. クローズドキャプションをベースにしたトランスクリプトの生成
      3. トランスクリプトを効果的に使用するためのベストプラクティス
  7. テキストの追加と編集
    1. プロジェクトにテキストを追加
    2. プロジェクトに Adobe Fonts を追加する
    3. 引用を追加
  8. 画像の追加と編集
    1. プロジェクトに画像を追加
    2. スライド上の背景画像を編集
    3. プロジェクトに SVG を追加
  9. メディアの追加と編集
    1. プロジェクトにビデオを追加
    2. オーディオの追加と編集を行う
    3. ウィジェット操作用の音声を追加
    4. クローズドキャプションを追加する
    5. プロジェクトに web オブジェクトを追加する
  10. インタラクティブなコンポーネント
    1. ボタンの追加
    2. 入力フィールドを追加
    3. ラジオボタングループを追加
    4. ドロップダウンの追加
    5. チェックボックスを追加
    6. Adobe Captivate の変数
  11. クイズを作成
    1. 多肢選択問題を追加
    2. 正誤形式の質問を追加
    3. 列を一致させる質問を追加
    4. 短い答えの問題を追加
    5. 順序問題を追加
    6. 質問プールとランダム質問スライドを追加
    7. 質問を CSV 形式で読み込む
  12. ウィジェットの追加
    1. カードを追加
    2. タブを追加
    3. 証明書の追加
    4. カルーセルの追加
    5. ホットスポットの追加
    6. ドラッグ&ドロップを追加
    7. タイムラインを追加
    8. クリックして表示を追加
    9. アコーディオンを追加する
  13. インタラクションとアニメーション
    1. プロジェクトにインタラクションを追加
    2. オーバーレイを使用したインタラクティブビデオの作成
    3. スライドレベルのインタラクションの作成
    4. オブジェクトレベルのインタラクションの作成
    5. プロジェクトにアニメーションを追加
    6. Adobe Captivate のステート
  14. e ラーニングプロジェクトを強化
    1. コンテンツブロックとコンポーネントに余白を追加
    2. プロジェクトにヘッダーを追加する
    3. プロジェクトにフッターを追加する
    4. 長いスクロールプロジェクトの作成
    5. 会話スライドの追加
    6. Adobe Captivate プロジェクトへのキャラクターの追加
    7. Captivate のアセット
  15. シミュレーションプロジェクト
    1. シミュレーションの概要と設定
    2. デモモード
    3. トレーニングモード
    4. 評価モード
    5. フルモーション録画
  16. タイムラインと目次
    1. Adobe Captivate のタイムラインパネル
    2. Adobe Captivate の目次
  17. レビューと共同作業
    1. レビュー用の共有
    2. レビューの作成と管理
    3. レビューコメントを追加して共同作業する
    4. レビュー用にプロジェクトを共有する際の FAQ とトラブルシューティングのガイド   
  18. プレビューとパブリッシュ
    1. プロジェクトをプレビュー
    2. プロジェクトをパブリッシュする
  19. アクセシビリティ
    1. Adobe Captivate でのアクセシビリティが高い e ラーニングコンテンツの作成
    2. スライドのアクセシビリティを高める
    3. スライドオブジェクトのアクセシビリティを高める
    4. インタラクティブコンポーネントのアクセシビリティを設定
    5. ウィジェットのアクセシビリティを高める
    6. クイズのアクセシビリティを高める
    7. 目次および再生バーのアクセシビリティ
  20. Adobe Captivate のデザインオプション
    1. デザインオプションとは
    2. デザインオプションのパーツ
    3. カスタムデザインオプションを作成する
    4. カスタムデザインオプションを修正する
    5. カスタムデザインオプションを書き出す
    6. カスタムデザインオプションを読み込む
  21. その他の参考資料
    1. Captivate の使い方に関するトップページ
    2. Captivate Classic と Adobe Captivate の比較
    3. 以前の Captivate プロジェクトを最新バージョンにアップグレードする
    4. Admin Console で Captivate パッケージを作成およびデプロイする

Adobe Captivate で AI 生成ビジュアルのヒントとして参照画像を使用する方法を学びます。一貫性のあるブランドに沿ったコースコンテンツのための構図レイアウトとビジュアルスタイルを制御します。

参照画像とは何ですか?

プロフェッショナルなコースを設計し、ブランドの整合性を保つには、e ラーニングコンテンツ全体の視覚的な一貫性を維持することが重要です。参照画像は、Adobe Captivate の AI 画像生成プロセスをガイドするためにアップロードする既存のビジュアルです。これらは、ユーザーが望む出力の具体的な側面を AI が理解し再現するのに役立つ、視覚的な設計図として機能します。

参照画像は生成されるコンテンツの 2 つの重要な側面を制御できます:

  • 構図:ビジュアル要素のレイアウトと空間的配置を定義します。これには、画像内のオブジェクトの配置、フレーミング、構造化が含まれます。
  • スタイル:カラースキーム、ライティング、全体的なビジュアルの美的要素などのアーティスティックな処理を制御します。これにより生成される画像のルックアンドフィールが形作られます。

参照画像を追加

コースレイアウトやブランディングに一致するビジュアルを AI が生成できるように、構図やスタイルの参照画像をアップロードできます。これによりスライド間の一貫性が維持され、最終出力をより細かく制御できます。

  1. スライドの画像を選択し、「画像を生成」を選択します。

  2. フォルダーアイコンを構図またはスタイルの横から選択します。

    構図やスタイルを一致させるための画像をアップロードする参照画像セクションを表す画像
    参照画像をアップロードして、構図とスタイルを一致させる

  3. システムから画像ファイルを参照して選択し、参照画像としてアップロードします。

  4. プロンプトフィールドに、作成したいコンテンツの詳細な説明を入力します。プロンプトでは主題に集中し、視覚的な表現については参考画像に任せるようにしましょう。

  5. 「生成」を選択し、テキストの説明と参照画像からの視覚的なヒントを組み合わせた画像を生成します。

参照画像を使用するためのベストプラクティス

構図の参照:

  • 明確で定義された構図の画像を選択してください。
  • 構造的な要素が簡単に識別できることを確認してください。
  • 再現したいフレーミングと配置を持つ画像を選択してください。
  • 雑然とした、または混乱を招く構図は避けてください。

スタイルの参照:

  • はっきりと認識できるビジュアルスタイルを持つ画像を選んでください。
  • 明確なカラースキームやアーティスティックな処理がある参照を選択してください。
  • スタイルがブランドガイドラインに合っていることを確認してください。
  • 目的の美的効果を示す高品質な画像を選択してください。
参照画像を効果的に使用するためのヒント
  • 参照タイプを組み合わせる:構図の参照とスタイルの参照の両方を使用して、AI をより正確に導き、意図した結果に近いビジュアルを実現します。
  • 明確なプロンプトを書く:参照画像は視覚的なトーンを決めるのに役立ちますが、主題とコンテキストを定義するのはテキストプロンプトです。具体的で説明的なプロンプトにしてください。
  • 反復を通じて改善する:生成された画像が参照に似すぎている、または意図したコンテンツを反映していない場合は、プロンプトを調整して再試行してください。
  • 参照で実験する:コースデザインとオーディエンスのニーズに最適な組み合わせを見つけるために、様々な参照画像をテストしてください。

構図の参照例

構図とは、画像の構造とフレーム内での視覚要素の配置方法を指します。アウトライン、バランス、奥行きは、参照画像の構造を一致させる際の重要な側面です。

  • 目的:要素のレイアウト、フレーミング、空間的な配置を定義します。
  • 最適な用途:コースモジュールやスライド全体で一貫した視覚的構造を確保します。
  • アプリケーション:複数の画像で同様の配置やレイアウトパターンを共有したい場合に使用します。

例えば、グラフの前にキャラクターを配置したスケッチを参照として使用することで、データを表示する画面の前にキャラクターを配置するなど、同じようなフレーミングとレイアウトの画像を生成できます。これにより、スライドやモジュール全体で視覚的な一貫性が確保され、学習者がコンテンツに集中しやすくなります。

構図の参照画像

生成された出力

画像内のキャラクターのレイアウトと位置を強調したスケッチ

参照画像の構図に合わせて生成された出力

スタイル参照の例

スタイル参照機能を使用すると、生成される画像バリエーションのルックアンドフィールを指示できます。スタイル参照は、3D、風景、照明効果、テクスチャなど、様々なカテゴリを表現します。

  • 目的:アーティスティックなスタイル、配色、全体的な視覚的処理を管理します。
  • 最適な用途:ブランドの一貫性を維持し、企業の視覚的アイデンティティを遵守します。
  • アプリケーション:AI がブランドに即した出力を生成するように、ブランドのビジュアルや承認済みの画像をアップロードします。

例えば、オレンジ、青緑、白、グレーなどの特定の配色を特徴とする抽象的なデザインを使うと、AI は同じ美的感覚を反映したイラストを生成できます。生成された出力では、参照画像の配色と視覚的トーンが維持され、コース教材全体でブランドの一貫性を確保できます。

スタイル参照画像

生成された出力

配色を強調したスタイル参照

これは画像です
参照画像のスタイルに一致する出力

要約

Adobe Captivate で構図とスタイルの参照画像を使用することで、一貫性があり、魅力的で、e ラーニングの目標に沿った視覚素材を作成できます。目的のレイアウトやアーティスティックな処理を反映した画像を選択することで、コース全体のルックアンドフィールを向上させる出力を AI に生成させることができます。最良の結果を得て、プロジェクト全体で統一された視覚的アイデンティティを維持するために、構図とスタイルの参照の両方を試してください。

参照画像のトラブルシューティング

問題 考えられる原因 解決策
生成されたビジュアルがコースのスタイルと一致しない 参照画像に明確なスタイルの手がかりがありません 希望する配色、照明、アーティスティックな表現を反映したスタイル参照を使用してください
視覚要素のレイアウトがずれています 構図の参照が不足しているか不明確です 空間配置とフレーミングを指示する構図の参照画像を追加してください
スライド間で印象が一貫していません 異なる参照タイプが一貫性なく使用されています 視覚的なアイデンティティを維持するため、構図とスタイル参照の両方を一貫して使用してください
出力が意図したコンセプトを反映していません プロンプトが曖昧すぎるか、コンテキストが不足しています 被写体、設定、スタイルを明確に定義するようにテキストプロンプトを改善してください
AI 生成画像が参照画像と似すぎています 参照がプロンプトを支配しています コンテンツをスタイルより強調するようにプロンプトを調整するか、別の参照画像を試してください
視覚要素が学習目標を高めていません 参照とプロンプトが教育目標と一致していません コースのコンテンツと学習者のニーズを直接サポートする参照を選び、プロンプトを作成してください

Adobe, Inc.

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

新規ユーザーの場合