Firefly ボードの作成

最終更新日 : 2025年7月18日

Firefly ボード(Beta)で、ボードの視覚要素を収集して配置する方法について説明します。

Firefly ボード(Beta)では、観念化やムードボード作成に生成機能を活用してクリエイティブプロセスを合理化し、アイデアを簡単に視覚化、調整および提示するのに役立ちます。 様々な芸術的方向性を素早く探索し、画像の描画、アセットの部分的な変換、スタイル、背景、その他の要素をリミックスすることができます。

視覚要素の収集

画像、カラースウォッチ、テキストなど、ビジョンやテーマに沿った観念化やムードボードの要素を収集して、プロジェクトを開始することができます。 Firefly ボードでは、Adobe Firefly を含む生成 AI モデルを使用して、独自のアセット、Stock アセット、および新たに生成されたアセットを読み込んで使用することができます。

キャンバスへの画像の追加

  1. Firefly ホームページで、「Firefly ボード」を選択します。

  2. ボードページで「ボードを新規作成」を選択します。

  3. 画像を読み込むには、「読み込み  」オプションを使用してキャンバスに追加します。

  4. Adobe Stock で画像を検索して追加するには、右側のツールバーの   アイコンを選択し、検索 パネルを使用して結果を参照します。 

    「検索」オプションがアクティブな状態で、検索バーにキーワード「虹色」が表示されています。 結果のリストから選択できます。
    Adobe Stock で画像を検索するか、キャンバスに既に追加されているものと類似した画像を見つけます。

  5. テキストプロンプトを使用して画像を生成してキャンバスに追加するには、ページ下部のプロンプトバーを選択します。

    プロンプトバーが開き、「白い椿」というプロンプトが追加されます。 キャンバスからサンプリングし、別の画像モデルを選択して、縦横比を指定して画像を生成するオプションがあります。
    テキストプロンプトを追加して画像のバリエーションを生成し、それらの 1 つをキャンバスに追加します。

  6. プロンプトバーにテキスト説明を追加します。 使用可能な Firefly のモデルとパートナーモデルから選択して、生成される画像の縦横比を指定することもできます。

    参照として使用する画像がキャンバスにある場合は、「キャンバスからのサンプル」オプションを選択して、次のオプションを使用します。

    • スタイルの参考にする生成された画像のスタイルをキャンバスから選択した画像に合わせます。
    • 構図の参考にする生成された画像のレイアウトと構造を選択した画像に合わせます。
    • サブプロンプトを抽出:選択した画像に基づいて自動生成されたテキストプロンプトをリスト表示し、テキストプロンプトに直接追加するものを選択します。
    キャンバス内の画像が選択され、「キャンバスからのサンプル」オプションを使用して、様々な参照画像やサンプルプロンプトから選択します。
    「キャンバスからのサンプル」オプションを使用して、キャンバス内の既存画像を参照画像として使用して、画像のバリエーションを探索します。

    ヒント :

    生成前に参照画像またはサブプロンプトなどの生成設定を調整または変更する場合は、「生成」ボタンの横にある生成設定  」オプションを使用できます。

  7. 生成」を選択して、画像のバリエーションを生成します。 これらのバリエーションのサムネイルは、フィルムストリップに表示されます。

    生成された画像のバリエーションがリスト表示され、キャンバスに追加するために 1 つのバリエーションが選択されます。
    生成されたバリエーションからキャンバスに追加する画像を選択します。

  8. 生成された画像をドラッグしてキャンバスにドロップします。 複数の画像を選択して移動するには、Shift キーを押しながらキャンバスにドラッグ&ドロップします。

    生成された画像のバリエーションの 1 つが選択され、キャンバスに追加されます。
    生成された画像を 1 つ以上選択して、キャンバスに追加します。

  9. 画像をキャンバスに追加して画像を選択すると、次の編集と調整オプションが使用できます。

    • プロンプトプロンプトバーを開くと、使用されているプロンプトと生成設定が表示されます。
    • 編集生成塗りつぶし生成拡張機能を使用して、画像を編集します。
    • 背景を削除画像の背景を削除します。
    • ダウンロード画像をローカルデバイスにダウンロードします。
    • アプリで開くPhotoshop web 版または Adobe Express で画像を開きます。
    • 類似するインスピレーションを検索検索パネルを開いて、Adobe Stock で利用可能な類似する画像を表示します。
    • コピーした要素のカット、コピー、複製、または貼り付けを実行します。
    • 画像を並べ替え、削除、および反転させます。
    キャンバス内で画像が選択され、編集と配置のオプションのリストから選択できます。
    編集および調整オプションを使用して、追加した画像をさらに調整し、必要に応じて配置します。

  10. キャンバス内で複数の画像を選択した場合、次の追加オプションが有効になります。

    • リミックス選択した画像をインスピレーションとして使用して、リミックスされた画像のバリエーションの新しいセットを生成します。
    • 配置選択した画像を行、列、またはモザイクパターンレイアウトで配置します。
    • 整列:選択した画像を指定した軸に沿って整列し、水平または垂直に配置します。
  11. 左側のツールバーにあるテキスト  オプションを使用して、テキストカーソルを有効にし、テキストフィールドを追加するキャンバス内の任意の場所を選択し、入力を開始します。

    テキスト編集オプションを使用してテキストを変更するか、プロパティ  アイコンを選択してプロパティパネルを有効にします。このパネルでは、描画モード、不透明度、カラーなどのテキスト属性と、サイズ、位置、回転などのテキストボックスの特性を変更できます。

    テキスト要素が選択され、コンテキストメニューとプロパティパネルの両方で編集オプションが使用可能になります。
    コンテキストメニューとプロパティパネルを使用して、キャンバスに追加されたテキストを編集します。

  12. 左側のツールバーから「シェイプ」オプションを選択して、使用可能なシェイプである長方形楕円形矢印にアクセスします。 カーソルを使用してシェイプを描画し、使用可能な設定を使用してプロパティを調整します。

    プロパティ  アイコンを使用してプロパティパネルを有効にし、描画モード、不透明度、カラーなどのシェイプ属性や、サイズ、位置、回転などのその他の設定を変更できます。

    シェイプ要素が選択され、コンテキストメニューとプロパティパネルの両方で編集オプションが使用可能になります。
    コンテキストメニューとプロパティパネルを使用して、キャンバスに追加されたシェイプを編集します。

バリエーションの生成または画像のリミックス

既存の画像から視覚要素を組み合わせることによって画像をリミックスする機能を使用すると、参照画像からスタイルを混合した複数のユニークなバージョンを作成できます。 この方法により、様々な要素を試して、観念化やムードボード作成の目標に合わせたビジュアルを作成することができます。

複数の画像のリミックス

既存の画像から視覚要素を組み合わせることによって画像をリミックスする機能を使用すると、参照画像からスタイルを混合した複数のユニークなバージョンを作成できます。 この方法により、様々な要素を試して、観念化やムードボード作成の目標に合わせたビジュアルを作成することができます。

  1. キャンバスから複数の画像を選択します。

  2. 選択した画像の上に表示される「リミックス」ボタンを選択します。

    キャンバス内で画像が選択され、リミックスして画像バリエーションの新しいセットを生成するオプションが表示されます。
    「リミックス」オプションを使用して、キャンバス内の既存の画像から画像バリエーションのユニークなセットを作成します。

  3. リミックスされたプロンプトがプロンプトバーに表示されます。 「生成」を選択して組み合わせ、新しいバリエーションのセットを生成します。

    新しいリミックスされた画像のバリエーションのセットから選択できます。 必要なものを残して、不要なものを削除することもできます。
    新しいリミックスされた画像のバリエーションのセットから選択できます。

スタイル参照の使用

Firefly ボードのスタイル参照として画像を使用すると、ボード用の画像の異なるバージョンを作成する際に、一貫した外観を維持し、特定の機能を追加するのに役立ちます。 これは、相性がいい新しい画像を生成し、まとまりのある視覚的なテーマを作成したい場合に便利です。

  1. プロンプトバーで、スポイト  アイコンを選択し、スタイル参照として使用するキャンバス上の画像を選択します。

  2. コンテキストメニューから「スタイルの参考にする」オプションを選択します。

    キャンバス上の画像が選択され、コンテキストメニューの「スタイルの参考にする」オプションがハイライト表示されます。
    生成された画像のスタイルをキャンバスから選択した画像に合わせます。

  3. 選択した画像のサムネイルが、プロンプトバーの「スタイル参照」として反映されます。

    「スタイルの参考にする」オプションが選択されると、プロンプトにスタイル参照が追加されます。
    プロンプトバーのスタイル参照サムネイルに、生成に使用された参照画像が表示されます。

  4. 生成」を選択して、プロンプトとスタイル参照画像を組み合わせ、新しいバリエーションのセットを生成します。

構成参照の使用

構成参照を使用して画像バリエーションを生成する場合、フレーム内の視覚要素と被写体の配置を含む、参照画像の構造が維持されます。 この方法は、新しい画像の一貫性を持たせ、ボードに適した美観と一致させるのに役立ちます。

  1. プロンプトバーでキャンバス「キャンバスからのサンプル」オプションを選択して、構成参照として使用するキャンバス上の画像を選択します。

  2. コンテキストメニューから「構図の参考にする」オプションを選択します。

    キャンバス上の画像が選択され、コンテキストメニューの「構図の参考にする」オプションがハイライト表示されます。
    生成された画像の構成をキャンバスから選択した画像に合わせます。

  3. 選択した画像のサムネイルが、プロンプトバーの「構成参照」として反映されます。

    「構図の参考にする」オプションが選択されると、プロンプトにスタイル参照が追加されます。
    プロンプトバーの構成参照サムネイルに、生成に使用された参照画像が表示されます。

  4. 生成」を選択して、プロンプトと構成参照画像を組み合わせ、新しいバリエーションのセットを生成します。

サブプロンプトの抽出

キャンバスから画像を選択すると、画像のコンテンツに基づいて自動生成されたテキストプロンプトのリストが表示されます。 これらのプロンプトには、画像に関連する説明やアイデアが表示されます。 ニーズに最適なプロンプトをレビューして選択することができます。 選択すると、プロンプトはサブプロンプトとしてプロンプトバーに直接追加され、追加の説明テキストを追加するオプションが表示されるため、簡単に画像が生成できます。

  1. プロンプトバーで、「キャンバスからのサンプル」ボタンを選択して、キャンバス上の画像を選択します。

  2. コンテキストメニューには、サブプロンプトのセットがリスト表示されます。 1 つ以上のサブプロンプトを選択して、プロンプトバーに直接追加します。

    キャンバス上の画像が選択され、コンテキストメニューで複数のサブプロンプトの 1 つがハイライト表示されます。
    プロンプトバーに追加する画像のコンテンツに基づいて、1 つ以上の自動生成されたテキストプロンプトを選択します。

  3. 必要に応じてプロンプトバーに説明テキストを追加して、「生成」を選択します。

    自動生成されたサブプロンプトは、「キャンバスからのサンプル」オプションを使用した後に生成されます。 選択したサブプロンプトがプロンプトバーに追加されます。
    選択したサブプロンプトと追加の説明テキストを使用して、新しい画像バリエーションを生成します。

ボードの配置および調整

視覚要素を収集したらアートボードを作成して、ボードの配置、編集、および構成を開始できます。

  1. 左側のツールバーからアートボー  アイコンを選択します。

  2. ドラッグアクションを使用して、キャンバス上にアートボードを描画します。

    アートボードアイコンが選択され、新しいアートボードがキャンバスに追加されます。
    「アートボード」オプションを使用して、1 つ以上のアートボードを作成し、デザイン要素の整理を開始します。

  3. プロパティパネルを使用して、描画モード、不透明度、カラーなどのアートボードの属性や、サイズ、位置、回転などのその他の特性を変更することができます。

  4. アートボード内のアセットをドラッグ&ドロップして、テーマや構成に合わせて配置します。

  5. ボードの視覚要素を読み込みまたは追加した際に既に配置してある場合は、それらすべてを選択し、 オプションを選択してから、選択からアートボードを選択することができます。

    キャンバス上で画像が選択され、選択範囲からアートボードを作成するオプションが選択されています。
    キャンバス内の複数の視覚要素を選択して、それらを単一のアートボードに追加します。