プロンプトに頼らず画像生成できる！Adobe Fireflyの便利な参照機能

こんにちは。KIYOラーニングの技術広報チームです。

当社では、毎週の全社定例を通じて売上報告や施策などの共有だけでなく、各部署に関わる知識や情報を社員間で共有する文化があります。

今回はその中で、デザインチームから発信された画像生成AI「Adobe Firefly」の便利な機能である、「構成参照」と「スタイル参照」についてご紹介します。

## Adobe Fireflyとは
[Adobe Firefly](https://firefly.adobe.com/)とは、テキストから多彩な画像を生成できる画像生成AIツールです。

![2ccc96b3-c96e-4cf9-8951-720fb2401102.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3793031/ad094e23-826c-93b4-7d3b-0c9a0b3e67e3.png)

プロンプトは日本語に対応しており、商用利用も許可されているため、業務での利用もできます。また、プロンプトで指定しにくい細かなイメージやテイストも、Adobe Fireflyに備わる補助機能によって簡単に表現することができます。

Adobeの契約プランに応じてアカウントに生成クレジットが付与されており、1回画像を生成するごと（1回で4つの画像が生成）に1クレジット消費されます。

使い方は他の画像生成AIツール同様、生成したいイメージを思い浮かべながら、キーワードをプロンプトに入力するだけで、簡単にビジュアル作成を始められます。


## 画像生成AIはプロンプトが難しい…。

すぐにいい感じの画像が作れてすごい！…のですが、イメージ通りに生成するためのプロンプトを作るのがとても難しいです。

例えば以下の画像の構図、雰囲気で、スマホで動画を見ている手元の素材を生成したいとします。

![Frame 73.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3793031/edd25024-f809-d768-708b-d67ac844f131.png)



### 画像生成の難しい点１：「思い通りのレイアウトや構図にならない」
この構図を生成しようと、「動画が再生されるスマホを横向きに持つ手」とプロンプトに入れてもスマホは縦で生成されてしまいます…。

![スクリーンショット 2024-11-20 8.34.16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3793031/ec0559c7-314b-6e4f-bcf9-43909a0eb036.png)


プロンプトでオブジェクトの配置や構図を細かく指定しても、生成結果が期待と異なる構図になることがあります。

### 画像生成の難しい点２：「思い通りの雰囲気が出ない」
プロンプトだけでイメージ通りのテイストを生成するのも難しいところです。

イメージがあってもプロンプトとして機能するようにうまく言語化できず、とりあえず「3D、パステルカラー」などとプロンプトを入れてみてもなんだか求めているよりリアルタッチに…。

![スクリーンショット 2024-11-20 8.37.09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3793031/071b0fbd-ebf7-1ba3-a463-c94bfb0bf99a.png)


キーワードを工夫しても理想のレイアウトや雰囲気にならず、うまく活用できず諦めてしまう人も多いのではないでしょうか。


## プロンプト不要で画像生成を改善するFireflyの便利機能を紹介

Adobe Fireflyにはイメージに近い画像をアップすることで、その画像を参考に画像を生成してくれる「構成参照」「スタイル参照」機能があります。
これらを使うことで、プロンプトを使わずにより理想に近いビジュアルを生成することができます

### 構成参照
アップロードした画像のレイアウトを参考にして、新たな画像の構図や配置を生成する機能です。例えば、特定のオブジェクトの位置や配置の指示を細かくしたい場合に、構成参照を使うと理想に近いレイアウトが再現できます。

![スクリーンショット 2024-10-31 11.52.00.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3793031/288b32a3-01c3-2b57-242a-3ff30c12167c.png)

プロンプトを「テーブルに置かれたカルボナーラとスマホ」としたとき、基本お皿が全て収まる形で画像が生成されます。この時、左のような画像を構成参照に設定すると、同じ配置で画像を生成してくれます。

:::note warn
**画像をアップロードする際は著作権にご注意ください。**
参照画像で他人の著作物を使用できません。著作権フリーの素材や自分で作成した画像などを設定しましょう。後述のスタイル参照でも同様です。
:::

### スタイル参照
アップロードした画像の雰囲気や色味を参考にして、生成画像のスタイルに反映させる機能です。プロンプトに加え、参考にしたい画像を使って理想のテイストを伝えられるため、よりイメージに近い生成が可能になります。

![AdobeFirefly_ページ_07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3793031/7cf1afc4-144f-39d2-827a-b2d7d431296f.png)

プロンプトを「動画が再生されるスマホを持つ手」で生成すると参照画像のテイストに合わせて右の画像を生成してくれます。

:::note info
**TIPS：効果**
スタイル参照のようにプロンプトを使用せず外観を調整できる「効果」という設定もあります。あらかじめ用意された効果や表現（例：3D調、魚眼風のテイストから色味やカメラアングルなど）を指定することができます。
:::

:::note info
**TIPS：スタイル参照を使う際のポイント**
スタイル参照でアップロードした画像の色味や構成は、生成される画像に大きく影響します。

実際に先ほどの生成例のように植物のリースが描かれた画像を設定すると、全く関係ないプロンプトでもリースが入り込んでいます。
このように、参照している画像内の要素を生成対象に勝手に含めてしまうケースもあります。

その他の設定やプロンプトで調整したり、参照画像の色味や対象などはなるべく生成イメージに近いものを用意しておくと良いと思います。
:::



## 構成参照、スタイル参照の使い方

各参照機能を使用するには、プロンプトを入れる前に生成したい画像の目的に合わせて設定を行う必要があります。

### Adobe Fireflyの画面

![スクリーンショット 2024-10-31 12.02.01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3793031/4f3f1bad-e5ac-cfa0-db34-22977c588bbe.png)

### 1. 一般設定

画像生成における基本設定が含まれます。画像を生成するにあたり、使用するモデルと生成したい画像の縦横比を選択します。

:::note info
**TIPS：高速モード**
生成スピードを優先する「高速モード」は、ONにすると生成する画像サイズが小さくなり、生成がスピーディーに行われます。さらに、必要に応じて1クレジットを追加消費することで、生成した画像を高解像度版にアップグレードすることも可能です。クレジット節約を重視する場合はOFFにしておくと、1クレジットで大きなサイズの画像が初めから生成できます。
:::

### 2. コンテンツの種類

生成する画像が「写真」なのか「アート」なのかを選択する設定です。

写真モードはより現実的な表現が得られ、アートモードではクリエイティブなイラストやデジタルアートのような画像が生成されるため、目的に合わせて選びましょう。

### 3. 合成（構成参照）

ここで「構成参照」する画像を設定できます。
設定された画像を参照して、生成する画像の構図やレイアウトが調整されます。

:::note info
**TIPS：参照度合いの設定**
画像をアップすると、どの程度参照画像に基づくかを3段階から設定でき、参照度を上げると、アップした画像に近い構成やスタイルが強く反映されます。
後述のスタイル参照も同じ設定があります。
:::

### 4. スタイル

生成する画像のテイストや雰囲気を細かくコントロールできます。

- **視覚的な適用量**：
コンテンツの種類での設定が「写真」の場合、スライダーを左に動かすと現実的な表現に、右に動かすと非現実的な表現になります。「アート」の場合は、左に動かすとイラストっぽく、右に動かすとデジタルアート的な表現になります。
　
- **参照（スタイル参照）**：
「スタイル参照」する画像を設定できます。生成したい画像の外観のテイストの参考となるような画像を設定することで、その画像を参照して生成する画像の雰囲気が調整されます。
　
- **効果**：
スタイル参照のようにプロンプトを使用せず外観を調整できる設定です。用意された効果の中から生成に反映させたい設定を選択します。

## 実例：参照機能で「うまくいかなかった例」を解決

先ほどのプロンプトだけでは思い通りに生成できなかったものを、参照機能を用いて生成し直してみます。

### スタイル参照でイメージ通りのテイストで生成！
![スクリーンショット 2024-11-20 9.32.24.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3793031/d0e2af8b-bf14-2f58-02f5-995fcc0015f3.png)

![Frame 6.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3793031/74c77e92-4ae1-694c-c215-d0d55b116cfc.png)
*▲「スタイル参照」で設定した画像*


欲しいテイストの画像をアップしてスタイル参照するとこんな感じに生成されます。いい感じにテイストを踏襲してくれますね。

### 構成参照でイメージ通りの構図で生成！
![Group 11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3793031/edbac8e5-d0b5-0a8d-a6e2-b5fa303fbd1c.png)

![Frame 82.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3793031/156db9dd-490a-a833-9b17-c7292fb2576c.png)
*▲「スタイル参照」「構成参照」で設定した画像*

さらにスタイル参照だけでなく、構成参照も設定して生成してみましょう。
構成参照にスマホを横に持つ画像をアップすると、スマホを横向きに持ったイラストを生成してくれます。

このようにスタイル参照と構成参照を上手く組み合わせることで、プロンプトのみでは難しかったイメージも実現しやすくなります。
ぜひこれらの機能を活用して、理想のビジュアルを手軽に生成してみてください！

## 生成クレジット数について

Adobe Fireflyは契約プランに応じて月間の生成クレジット数が異なります。（2024/11/1時点）

| プラン | 月間の生成クレジット |
| --- | --- |
| Creative Cloud コンプリートプラン(個人向け) | 1,000 |
| Creative Cloud グループ版コンプリートプラン | 1,000　※Proの場合1,200 |
| Creative Cloud 単体プラン(個人向け) | 25～500（契約するアプリケーションによって変動） |
| Creative Cloud グループ版単体プラン | 500　※Proの場合700 |

無料アカウントであっても、毎月25クレジットが付与され、限られた生成数ではありますがAdobe Fireflyの機能を気軽に試すことができます。

# さいごに

Adobe Fireflyの便利機能について紹介しました。

現状、デザインチームで扱う高品質な制作物に使うにはクオリティが課題のため、写真素材の背景拡張などの補助ツールとして画像生成AIを活用しています。

しかし、用途や状況によっては生成画像で十分なケースもありますので、まずは補助的に取り入れてみるなど、Adobe Fireflyをぜひ活用してみてください。


## KIYOラーニング株式会社について
当社のビジョンは『世界一「学びやすく、分かりやすく、続けやすい」学習手段を提供する』ことです。
革新的な教育サービスを作り成長させていく事で、オンライン教育分野でナンバーワンの存在となり、世界に展開していくことを目指しています。

### スタディング

https://studying.jp/


### スタディングキャリア

https://career.studying.jp/


### AirCourse

https://aircourse.com/


### KIYOラーニング株式会社では一緒に働く仲間を募集しています

https://www.wantedly.com/companies/kiyo-learning