![見出し画像](https://assets.st-note.com/production/uploads/images/107595212/rectangle_large_type_2_1fda0380819bee805d30fa632992673e.png?width=800)
Photoshopのジェネレーティブ塗りつぶしで、図解イラストを作れるか試してみた。
船舶免許について説明するWebページを作っている途中で、こういう感じの画像が必要になった。
![](https://assets.st-note.com/img/1686107632032-tdKhNe3t1P.png?width=800)
![](https://assets.st-note.com/img/1686107537351-t3HFsAM6LV.png?width=800)
そこで、流行りのPhotoshopジェネレーティブ塗りつぶしで、AIによる画像生成を試してみようと思った。
Midjourneyは使ったことあるのだが、ノリはこんな感じなので
![](https://assets.st-note.com/img/1686108313128-7Hs3E2Tj7z.png?width=800)
今回のような明確なイメージのある「図解イラスト」って、相性悪い気がしたが、作れるのか試してみる。
どうやって作る?
最初に思いついたのは、
まず背景だけを作る。
次に、船や、木を背景に乗せていく
という方法。
1 . 背景を全てジェネレーティブ塗りつぶしで作ってみる
最初に試したプロンプトはこれ:
海。左から右にかけて、3段階の色。Pixer風。
sea. three levels of color from left to right, Pixer style.
結果:
![](https://assets.st-note.com/img/1686108159644-COIRNvXStW.png?width=800)
![](https://assets.st-note.com/img/1686108173141-lgCu38F8bA.png)
その後もいくつか試したが、全然ダメ。そこで、最初にある程度こっちで作ってみて、マテリアル・テクスチャをAIに任せる、という方法を考えた。
2 . レイヤーごとに分離して、それぞれジェネレートしてみる
Photoshopで、レイヤーに分けて、円を描画した。このレイヤーひとつずつ、ピクセルを選択して、ひとつずつ、ジェネレーティブ塗りつぶしをしていく
![](https://assets.st-note.com/img/1686107784963-pJEkGsZwzY.png?width=800)
![](https://assets.st-note.com/img/1686107535444-YMmpvqCBcL.png?width=800)
![](https://assets.st-note.com/img/1686107536464-CHoMBU7DJV.png?width=800)
![](https://assets.st-note.com/img/1686107535744-C2hNA4N2Ub.png?width=800)
![](https://assets.st-note.com/img/1686107536131-05g7Km04aY.png?width=800)
結果。
全然ダメだった。
まとめ
使えそうだと思ったのは、
全体のイメージがラフで良い(つまりMidjourneyみたいに、曖昧なイメージをただただ描画してもらう)場合
例えば、アプリ開発で、テストアカウントのアバターとして使う画像が欲しい時とか。
もう一つは、基本は自分で作るが、要所要所の、「木」とか、「船」とかを、生成してもらって、写真に配置するとか。
今回は、結局、自分でイラストレーターで1から作った。
![](https://assets.st-note.com/img/1686108591989-WXUCfDRlJq.png?width=800)
この記事が気に入ったらサポートをしてみませんか?