Photoshopの生成AI新機能を使って2人が着ている服を交換してみた

[Supership](https://supership.jp/)の名畑です。[舞台「サイボーグ009」](https://cyborg009-the-stage.com/)は原作を基盤としながらも2.5次元ならではの様々な要素を取り入れていて、現地で見ることができて良かったという思いです。配信でも繰り返し見させていただきました。

## はじめに

先月、[Adobe](https://www.adobe.com/jp/)が生成AI周りの大幅なアップデートを発表しました。

> ・Adobe Photoshopの最も人気のある機能の一つ「生成塗りつぶし」が新しい機能「参照画像」によりさらに強力に。クリエイティブなインスピレーションを促進させ、誰でも高品質なクリエイティブ作成が可能に 
>  ・新しい「画像を生成」機能をAdobe Photoshopのワークフロー内で直接使用することで、アイデア出しとクリエイティブプロセスがこれまで以上にシームレスに連携し、ゼロからのハイクオリティなコンテンツ作成が可能に 
>  ・新しいAdobe Firefly Image 3 Foundation モデル（ベータ版）がAdobe Photoshopで利用可能になり、クリエイティブ品質とクリエイティブコントロールが大幅に向上
>
> 参考：[高度に進化した「生成塗りつぶし」機能と新機能「画像を生成」を備えた新しいAdobe Photoshopで、 すべての人に「つくる力」を | アドビ株式会社のプレスリリース](https://prtimes.jp/main/html/rd/p/000000424.000041087.html)

アップデート内容は複数あるのですが、そのうちの一つとして、「**画像生成時に別画像の内容を反映する機能**」である**参照画像**が追加されました。今回はそれを用いて「**複数画像での服の着せ替え**」を行っていきます。
[Photoshop](https://www.adobe.com/jp/products/photoshop.html)の**ベータ版**を用います。

手順は非常に簡単です。

## 基本画像

![firefly_original.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/00527f23-aebc-271a-c3ed-b34d600ebdf0.png)

こちらの画像を基本とします。
今回はこちらの女性の服を別の女性の服と次々交換させていきます。

余談ですが今回の記事に登場する画像はすべてAIにて生成されたものとなります。
とてつもない時代になりましたね。

## 手順

### 範囲選択

![firefly_ps_1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/b6af2b22-3370-b2e3-08a1-3e6cb99969be.png)

まず**オブジェクト選択ツール**の**長方形ツール**で元となる画像の服装あたりを四角く囲むと、自動で服と手だけが選ばれます。
Photoshopは本当に賢い。

### 範囲拡張

![firefly_ps_2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/0f8ff2c3-3019-aae9-da32-c4d305644ded.png)

そして**コンテキストタスクバー**の「**生成範囲を拡張**」を選んで、**20px**とします。「[Adobe Firefly徹底攻略！Photoshopの新機能で生成結果をイメージに近づけよう | Adobe Firefly Camp](https://www.youtube.com/watch?v=FCEsnx9hhug)」という動画で紹介されていたテクニックです。

### 画像選択

![firefly_ps_3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/a2417144-99cc-b600-ca97-15018e9f9052.png)

**生成塗りつぶし**にて**参照画像**を選択します。
**参照画像**はその内容が生成結果に反映されます。

あとは**生成**を押して待つだけです。

Photoshopの生成塗りつぶしは一度に3枚の画像が生成され、また、追加生成もボタン一つで行えます。
今回は複数生成されたうちの1枚だけを取り上げていきます。

## その1

### 参照画像

まず最初は以下の画像を参照画像としました。

![firefly_1_original.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/7453b86e-a5f4-9a82-7a9e-914d426a9f42.png)

### 生成画像

元となる基本画像に適用して生成された画像は以下です。

![firefly_1_new.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/1d96c63d-b4c3-4253-c713-0a9fe8456cfd.png)

まったく同じ服とはいかないものの、参照画像にかなり近くはなっています。

次に、元画像と参照画像を入れ替えて生成した結果は以下です。

![firefly_1_new_2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/22f5e3d9-6e49-f450-2820-351b0a62e0a1.png)

並べてみます。

|  | 元画像 | 参照画像 | 生成画像 |
| :---: | :---: | :---: | :---: |
| 1 | ![firefly_original.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/00527f23-aebc-271a-c3ed-b34d600ebdf0.png) | ![firefly_1_original.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/7453b86e-a5f4-9a82-7a9e-914d426a9f42.png) | ![firefly_1_new.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/1d96c63d-b4c3-4253-c713-0a9fe8456cfd.png) |
| 2 | ![firefly_1_original.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/7453b86e-a5f4-9a82-7a9e-914d426a9f42.png) |  ![firefly_original.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/00527f23-aebc-271a-c3ed-b34d600ebdf0.png) | ![firefly_1_new_2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/22f5e3d9-6e49-f450-2820-351b0a62e0a1.png) |

すごいですね。

## その2

### 参照画像

今度は以下の画像を参照画像としてみました。元画像と似ています。髪の向きは違いますが。

![firefly_3_original.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/c8b43451-8541-d483-c5ea-a4c6f76c3ef8.png)


### 生成画像

元となる基本画像に参照画像を適用した上で生成された画像は以下です。

![firefly_3_new.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/ddc147a0-0a52-9463-750b-60f178745261.png)

ボタンやら布質やら諸々と気にはなるものの、参照画像がかなり活かされてはいます。

元画像と参照画像を入れ替えると以下です。

![firefly_3_new_2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/d8e7410b-ebf5-9f48-66f8-b67e0e27993d.png)

全画像を並べてみると以下です。

|  | 元画像 | 参照画像 | 生成画像 |
| :---: | :---: | :---: | :---: |
| 1 | ![firefly_original.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/00527f23-aebc-271a-c3ed-b34d600ebdf0.png) | ![firefly_3_original.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/c8b43451-8541-d483-c5ea-a4c6f76c3ef8.png) | ![firefly_3_new.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/ddc147a0-0a52-9463-750b-60f178745261.png) |
| 2 | ![firefly_3_original.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/c8b43451-8541-d483-c5ea-a4c6f76c3ef8.png) |  ![firefly_original.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/00527f23-aebc-271a-c3ed-b34d600ebdf0.png) | ![firefly_3_new_2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/d8e7410b-ebf5-9f48-66f8-b67e0e27993d.png) |

間違い探しみたい。

## その3

### 参照画像

趣向を変えてスーツにしてみました。

![firefly_4_original.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/3113774d-6e69-838f-0a94-a81f9e2aac78.png)


### 生成画像

参照画像を元となる基本画像に反映して生成された画像は以下です。

![firefly_4_new.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/71af6331-5951-de41-86a5-22514d07deea.png)

似たタイプのスーツにはなっていますね。

ポーズも反映されていますね。

元画像と参照画像を入れ替えると以下です。

![firefly_4_new_2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/7759bb2e-1d28-2d6b-213c-72dda3b869d8.png)

全画像を並べてみると以下です。

|  | 元画像 | 参照画像 | 生成画像 |
| :---: | :---: | :---: | :---: |
| 1 | ![firefly_original.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/00527f23-aebc-271a-c3ed-b34d600ebdf0.png) | ![firefly_4_original.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/3113774d-6e69-838f-0a94-a81f9e2aac78.png) | ![firefly_4_new.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/71af6331-5951-de41-86a5-22514d07deea.png) |
| 2 | ![firefly_4_original.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/3113774d-6e69-838f-0a94-a81f9e2aac78.png) |  ![firefly_original.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/00527f23-aebc-271a-c3ed-b34d600ebdf0.png) | ![firefly_4_new_2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/7759bb2e-1d28-2d6b-213c-72dda3b869d8.png) |

スーツかそうじゃないかによって、本当に印象がガラリと変わる。

## その4

### 参照画像

最後に、もう少し特徴的な柄のある服で試してみます。

![firefly_2_original.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/4414af3a-30da-8b1a-5fac-ac8667896b40.png)

### 生成画像

生成された画像は以下です。

![firefly_2_new.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/349f6a8a-2fb2-a6d0-dc35-7797c3076170.png)


正直、同じ服とはまったく言えないですが、色をはじめとして全体的な印象としては近いです。

生成する数を増やせばもっと近いものも生成されるかもしれません。

元画像と参照画像を入れ替えると以下です。

![firefly_2_new_2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/45d2fcea-230c-1b90-a51b-fe9b20a12893.png)

ちゃんと服が変わっています。ポケットではないところに指が突っ込まれてはおりますが。

全画像を並べてみると以下です。

|  | 元画像 | 参照画像 | 生成画像 |
| :---: | :---: | :---: | :---: |
| 1 | ![firefly_original.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/00527f23-aebc-271a-c3ed-b34d600ebdf0.png) | ![firefly_2_original.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/4414af3a-30da-8b1a-5fac-ac8667896b40.png) | ![firefly_2_new.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/349f6a8a-2fb2-a6d0-dc35-7797c3076170.png) |
| 2 | ![firefly_2_original.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/4414af3a-30da-8b1a-5fac-ac8667896b40.png) |  ![firefly_original.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/00527f23-aebc-271a-c3ed-b34d600ebdf0.png) | ![firefly_2_new_2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/869934/45d2fcea-230c-1b90-a51b-fe9b20a12893.png) |

ぽんぽんと画像加工ができて本当に面白い。

## 最後に

今回はかなり雑な範囲選択で試しましたが、これだけの簡易な手順でこれだけ強く参照画像を活かせるのは素晴らしいと思います。
正確性を問わなければ、かなり使い所は多そうです。

今回紹介した**参照画像**の機能は当然、服以外でも使うことが可能です。
他の活かし方も取り上げていきたい。

## 宣伝

[SupershipのQiita Organization](https://qiita.com/organizations/supership-inc)を合わせてご覧いただけますと嬉しいです。他のメンバーの記事も多数あります。

Supershipではプロダクト開発やサービス開発に関わる方を絶賛募集しております。
興味がある方は[Supership株式会社 採用サイト](https://supership.jp/recruit/)よりご確認ください。