続・絵下手マンがWaifu Diffusionでファンアートを描く方法　加筆ノウハウ編

# はじめに
この記事はタイトルの通り以下の記事の続編です。

https://qiita.com/Yodokoro/items/7a9c650f0e1adbb3e70c

前回はimg2imgを使って色や要素が正しい絵を強引に出させる方法について書きましたが、絵下手マンの半分はそもそもペイントツールなど使ったことがない素人勢だと思います。
なのでここではPhotopeaという無料のペイントツールについて、img2img用に加筆するという観点に特化した使い方を解説します。

Photopeaは名前の通りPhotoshopに似せて作ってあり、ツールやUIが近いです。というかショートカットなどまで含めて全く同じです。Photoshopを持ってる人はそっちを使った方がローカルな分楽です。
ていうかヨドコロちゃんはPhotoshopを使ってます。でも誰にでも勧められる値段じゃないし……。

# Photopeaを用意

Photopeaはブラウザ上で動作するオンラインアプリです。以下にアクセスするとインストール不要で即時使えます。素晴らしい。

https://www.photopea.com/

Drop any files hereとあるので言われた通り編集したい画像をD&Dします。
今回はこの画像を加筆していきます。

![2022-09-18-12-58-21-007-1618706736-scale7.50-k_euler_a-007.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/6ed896f5-f543-ab58-e462-48802a589314.png)

ゴールはこの人です。

https://twitter.com/MekaNyankoVR/status/1532154039558778881

加筆する内容はこんな感じです。
![qiita_01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/044b3033-c4c4-55c2-82f7-b6bbf15f200b.png)

ここから使うべき機能とその使い方を順不同に書いていきます。

ところで、この部分をクリックするとツールを開きっぱなしにできます。画面幅に余裕がある場合は開きっぱなしの方が楽です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/40836d46-aa18-f47f-66f6-f82aca5b6537.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/bebf6732-b2c6-5ab0-2940-3d5508f27e58.png)

# 画像を保存する
ブラウザアプリなので途中でうっかり閉じたりなんか固まったりということはあり得ます。
本題に入る前に、編集用ファイルを作成し、そして何か変更する度に上書き保存しまくる癖を付けましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/12f95be7-f3cf-885f-a385-4f36bb774472.png)
ファイル→PSDとして保存を選択するとpsd形式でローカルディスクに保存できます。
psdはPhotoshop用の形式ですがPhotopeaもこれがネイティブです。
1工程ごとに忘れず保存しましょう。全部消えると切ないです。
なんかGoogle Driveと連携するとCtrl+Sで上書き保存とかもできるようになるらしいのでアカウント持ってる人はそっちでやってもいいと思います。

マメに保存！　絶対保存！
心構えができたら本題に入ります。

# キャンバスサイズを変える
これです。
> AIに自由に描かせると、95%の確率で頭が見切れます。
これはもうAIの特性上どうしようもないです。呪文ではどうにもなりません。
なのでもう加筆する前提で最初から縦に少し小さい画像を作らせ、加筆する段階で足りない部分を描き足すとよいです。
うちのGPUでは512×768が限界なので、まず512×640で生成し、加筆する段階で512×768に拡張しています。

大事な事なので2回言いました。キャンバスサイズの変更はここにあります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/3a628f13-122f-2499-a10d-fc455f6b2482.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/4ca5acc3-a958-cd3e-34e5-da0abab3dbc6.png)
ピクセルサイズは説明不要ですね。
「基準位置」は絵の通り画像のどこを中心に拡縮するかを指定します。
頭が見切れている場合は画像のように下中心にすると頭方向にだけ伸びます。足も切れてる場合は真ん中にすれば上下両方に半分ずつ伸びます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/0c94232b-5422-288e-0033-ab82afb3855f.png)
伸びた。
白と灰色のチェック模様はそこが透明であることを表します。

## 伸ばした部分の背景を埋める
ここにあるこれを押して新規**レイヤー**を作ります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/45f9d3d6-4197-2d75-7757-bb2ba3e2f753.png)
レイヤーが増えるのでD&Dで新しいレイヤーが下に来るように並べ替えます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/b362dd36-bb35-6b9b-b2d4-8d0ca4cd22a6.png)
**レイヤー**というのは、1枚の画像を複数の層の重なりで表現する機能、及びその層の1枚1枚を指す言葉です。
背景の上に元絵を重ねたいので、元絵レイヤーと背景レイヤーを作って重ねるというわけです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/883ecbf1-eebf-e20d-a573-eda432c17f75.png)
さて、伸ばした部分が透明なままなのでここに夜空の続きが来て欲しいです。
まずレイヤー一覧で背景レイヤーをクリックして選択し、続いて**バケツツール**を選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/257f4c06-9c1c-5998-df31-3513a52ff23a.png)
グラデーションツールとセットになってました。重なってるメニューは長押しすると画像のように展開して選択できます。
**バケツツール**はクリックした点と色が近い箇所を単色で塗りつぶす機能です。
今回は透明部分を夜空の色で塗りつぶしたいので、まず夜空の色を選択し、透明部分をクリックすると塗り潰せます。
夜空の色を選択するには、Altキーを押しながら夜空をクリックです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/494e19ba-c73c-0969-9856-535422bba7a3.png)
左下のこれが選択色です。夜空をAlt+クリックするとクリックした点の色が左の四角に入ります。
そしたら透明部分をクリックして塗りつぶします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/234f43df-c07c-8376-7f84-0ef9fb1515b6.png)
塗れました。右の方にグラデがかかってて境界線が見えちゃってますが、どうせAIがいい感じにしてくれるので一旦ほっときましょう。

# 色がおかしい部分を正しい色にする。
髪や瞳の色は非常に重要ですが、Waifuはざっくりした色指定しかできないので惜しい感じの色合いになってます。直しましょう。
流れとしてはまずは**クイック選択ツール**を使って色変したい部分だけを選択し、**調整レイヤー**という機能を使って補正します。

## 色変したい部分だけを選択する
ここにある**クイック選択ツール**を選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/8768e44e-4063-79d9-df77-8e8a6a459df6.png)
これはクリックまたはドラッグした箇所と同じ色合い、グループと思われる範囲を自動で推測して選択してくれる神ツールです。
Backgroundレイヤーを選択し、続いて髪の辺りをドラッグしてみましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/6306dafd-a555-f657-01bf-2d4def13c600.png)
人物の周りに点線が現れました。人物と背景の境界線を推測して自動で選択してくれたというわけです。素晴らしい。
今回は人物ではなく髪だけを選択したいので、次はここから不要な部分を除去していきます。
Altキーを長押しし続けると、その間は選択除去モードになります。顔や胴体をドラッグして除去していきましょう。
細かい部分の選択をしたいときは、ここでカーソルサイズを変更できます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/86a3610e-1bbe-bb9f-aef6-0145a5387783.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/c47e52fe-3263-c1b7-686e-9df874465bbb.png)
綺麗に髪だけを選択できました。

## 選択部分の色合いを変える
範囲を選択できたら、レイヤー一覧の下にあるここから「**色相・彩度**」をクリックします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/a153da95-75de-a226-2600-4705341f3200.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/79c81f24-23ca-b1ea-b46d-07a9c063cd40.png)
「色相・彩度1」というレイヤーが追加されました。これは**調整レイヤー**といってここから下にあるレイヤーに様々な影響を及ぼすことができる特殊なレイヤーです。
色相・彩度レイヤーはその名の通り色相と彩度を調整できます。
「色相・彩度1」レイヤーを選択したらレイヤー一覧を閉じてレイヤーの**プロパティ**を見てみます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/ce2bb1c0-0fcc-ebbf-98e5-8734290720fb.png)
色相、彩度、明るさの3つのスライダーがあります。
それぞれの役割は言葉で説明するより実際に動かしてみたほうが簡単に理解できます。順番に動かしまくってみましょう。一目瞭然です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/67d59068-0e8c-4560-80ce-83d6e8bb8d1f.png)
その気になればピンクだった髪を青にだってできちゃいます。
前回の記事で「髪や瞳の色がなんか違うのはあとからどうにでもなるのでどーでもいい」と書きましたが、こういうことです。
スライダーを動かすだけなので絵下手マンでも楽勝です。キャラメイク気分で変えていきましょう。

調整レイヤーは何枚でも作れます。次は瞳の色、リボンの色……と順番に直していきましょう。
色相・彩度レイヤーのここにある白黒画像が「この調整レイヤーをどの範囲に適用するか」という**マスク**になっています。
選択範囲に漏れがあった場合はこの部分をAlt+クリックすると直接編集できるので、後述の**ブラシ機能**で白黒に塗り分けましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/6329df80-de77-b6f8-e474-ecbae8bc5854.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/4c308941-1295-e5ea-6bb2-bf715df0f13d.png)
うむ、これだけでだいぶめかにゃんこ様に近付いてきた。

# 足りないものをブラシで描き足す
ケモミミの部分は見切れていて色変だけではどーにもなりませんね。あと本来はもっと長く大きいです。
無いものは描くしかないです。ただし、絵下手マンでもできるレベルの描き足しで十分です。

まず、描き足し用のレイヤーを追加しておきます。しくじった時にすぐ元に戻すことができるようにしておくという意味があります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/894be3e4-34ca-896f-3676-f7db85f2815b.png)
描き足しと命名したこの新しいレイヤーを選択し、続いてここにある**ブラシツール**を選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/31c24a35-6c83-d53d-76e2-965e68274020.png)
髪の辺りの色をAlt+クリックで選択し、そのままケモミミの辺りをドラッグして線を描きます。
ブラシのサイズやぼやけ具合は左上のここで微調整できます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/a28282f8-d176-5229-8b8a-ca1c46729b85.png)
画像が小さくて描きにくい時は**Ait+ホイールで拡大・縮小**できます。でかくして描きましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/dc8a3eb3-e2c0-99d0-2ad0-ce161aac3fbb.png)
盛り上がってまいりました。
耳毛が無いので描きます。画力0のざっくりでいいです。
適当に頭のハイライトや影の部分から色を拾ってきて塗るとなんとなく整合性が勝手に出るのでそうします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/7e926c19-af69-1075-6aa5-58b14c678d66.png)
まず穴を描いて……
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/df7b6d64-0dec-ffae-7c0d-38d789ebbc80.png)
耳毛を描きました。右はちょっとはみ出すぎましたね。
ここにある**消しゴムツール**で描いたものを消すことができます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/7bd357d0-1d6e-3a41-534b-50dbab80355e.png)
レイヤー分けしてあると、ここで消した時に下の元絵がそのまま出てくるので描き足した部分の編集だけに集中できるというわけ。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/e1da8f61-1596-53f3-81e4-bdef1867acb6.png)
消すと下絵が出てくる。もっかいピンクの外枠から描き直すだけ。レイヤー万歳。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/200e796c-5437-a665-d5d8-090769ad260e.png)
こんな感じで良しとします。
他にも描きたい箇所は色々あります。たとえばこの胸に入ってる謎の横線。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/25094a40-2583-77b5-7f97-3224cbb50bfd.png)
シャツの色を選択して、上から塗ります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/19f2c00c-4381-420f-ec05-c62292149cef.png)
単色で雑に覆っただけなのですが、周囲がちゃんと描かれているので意外と目立ちません。
境界線とかの微妙なところは後でAIが勝手に何とかしてくれます。

# 邪魔な部分をクイック選択で排除
本来はツインテなのですが、背中らへんにも髪がかかってただのロングヘアになっちゃってます。
要らない部分を消す方法を説明します。

元絵のレイヤーを選択し、続いて**クイック選択ツール**で消したい部分を選択します。
**クイック選択ツール**については先述の「色変したい部分だけを選択する」の項を参照。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/e883fa28-5bc9-e5e8-bd84-f75dcccd33d6.png)
色が近い箇所同士だと、クイック選択の推測が暴走してうまく範囲選択できなかったりします。
そういう時はここにある**投げ縄選択モード**を使います。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/f64a72ad-1fcb-75be-4769-d5c401a817fd.png)
左上で **「置き換え」「合体」「減数」「交差」の4モード**が選べますが、ここで使うのは **「合体」** と **「減数」** です。
クイック選択で選択しきれない足りない部分を手動で足すには、「合体」モードに切り替え、足りない部分を手動で囲んで選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/4bb004e8-e8d6-67b6-47e5-a71f2e616df4.png)
ここが足りないので、「合体」モードで手動で囲みます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/083f4336-ff97-feb6-9f69-54725003ce8f.png)
よし。続いて選択しすぎな箇所を削ります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/5f415181-57f8-b11b-4459-dd492f3e55fe.png)
襟や手前の前髪は消したくないので「減数」モードにして囲むと選択範囲から除外されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/f6831a0b-deee-698d-23fc-7d92fd5bf796.png)
こんなもんかな。細部はどうせAIが勝手に直してくれるので、ここはそんなに神経質にならなくていいです。
めんどくさくなったらブラシで塗っちゃえばいいし。なるべく労力をかけずにテキトーに済ませましょう。
選択できたら、ツールバーの選択→**選択範囲の反転**を選択し、ツールバーのレイヤー→新規→**コピーしてレイヤーを作成**を選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/c0d77032-b832-c18f-57d5-8f193b462aa8.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/bde1b793-ccf0-def6-f9be-d1e5d37bf28d.png)
レイヤーがなんか増えました。これが「選択した部分を消した元絵レイヤー」です。
元絵レイヤーの左にある瞳アイコンをクリックすると表示・非表示を切り替えられます。元絵を非表示にしてみましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/79ec896b-3a36-4caf-2a6e-7d3ddda1ab50.png)
素晴らしい。ツインテになりましたね。
背景が黒っぽいのは一番下にある背景レイヤーの色です。背景レイヤーを選択して、**ブラシツール**で近い色で塗り直しておきましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/61b79cd4-55f0-9859-7841-3fa9a416f75c.png)
背景レイヤーは元絵より下にあるので、はみ出さないように気を遣う必要がありません。レイヤー万歳。
でかめのブラシサイズで雑に10秒で終わらせましょう。

# 微妙な形状を修正する
前髪がぱっつんなのが気になりますね。AIの特性として直線的な線は比較的そのまま残りがちというのがあります。
ちゃんと先っちょをとんがらせてあげましょう。
細めのブラシで塗りたくってもいいのですが、もっとスマートな方法があります。指先ツールです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/c0c9c32f-fb29-2de7-b6b4-935c02e0eef7.png)
これは元絵を直接編集するので、元絵のバックアップを取っておくと安心です。
今回は先ほど髪を切り抜いたコピーのレイヤーがあるのでこれを選択します。
そして、その名の通り指先で絵の具をなぞるようにドラッグしてみましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/b79bf58a-ccd1-4c3c-dd2a-4550b2bef882.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/eaf783c0-5c8c-3c9c-17c0-094225ef2904.png)
2秒でできました。
髪の色変マスクから外れるので、元絵の色になっちゃってます。
これくらいはAIが勝手に直してくれるので無視していいですが、元絵から大きく変えてる場合はマスクをちょっと塗り直して範囲に入るようにするのが良いでしょう。
まず投げ縄ツールで適当に囲んで……
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/72e4b8ec-6510-2ba4-89cf-3d2d743ad753.png)
色相/彩度レイヤーのマスクをAlt+クリックで選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/1f4e2757-785b-1fb3-3007-c8e5e45208dc.png)
ブラシツールで白く塗ります。選択中は選択範囲しか塗れないのではみ出ないように気を遣う必要がありません。5秒で終わります。広い場合はバケツツールを使うと尚速いです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/f4a8232f-05b2-ec47-2489-17cf2fd918b6.png)
いっちょ上がり。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/1efab16d-c232-5626-4b6c-61e471892349.png)

# 複雑な模様で補完したい
これは別の画像で説明しましょう。
たとえばこの絵ですが、頭が切れてるので上に伸ばすとして、しかしお腹周りももっと見せたいですね。
![2022-09-14-20-17-44-0007--1-scale-1.00--0007.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/ba5c15a8-1c05-30c7-7504-116903216e2e.png)
しかしプールの波は夜空のように単色ではありません。ブラシでそれっぽく塗ってもいいのですが、その「それっぽく」ができないからこの記事を読んでるんだよな。わかるよ。
なので「近くの波から模様をパクってくる」という方法を使います。
ここにある**コピーツール**を選択してください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/511e9f0d-5d1a-74f9-47fe-1faf9d030578.png)
そして、上にあるこの「ソース」のところを「すべてのレイヤー」にします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/c009e11f-7d43-f2da-22b0-cf34c59fcd5a.png)
さて、この辺にある波の模様が、拡大したキャンバスの部分まで続くように広がって欲しいです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/3630f73e-256c-72ef-a570-e6446596a7a1.png)
波の中心らへんで、Alt+クリックします。するとブラシツールで色を拾うのと同じノリで、周囲の模様を拾ってくれます。
そしたらブラシと同じノリでドラッグして描いてみてください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/ee29f9e1-b720-17f8-0784-a16c0a5b4fbe.png)
素晴らしい。横に広がりすぎるとキャンバスの端や体の部分までコピーしてしまうので、そうなったらまた塗りたいエリアの中心らへんを始点にしてドラッグし直してください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/5a1b2909-31fa-63b4-53b9-c473b3e78dc3.png)
よく見ると同じパターンの繰り返しだし境界線が雑ですが、そういうのはAIが勝手に直してくれるので雑なままで良いです。
さて、ここで体の続きもなんとなく欲しいですね。しかし水中なのでそのまま被せるとさすがに不自然です。
そこで上にあるここの「不透明度」を下げてから、おへその辺りをAlt+クリックして水中部分を塗ってみます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/028cfcf1-6e0b-b0a4-c8dd-616bc7e724e3.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/627722/d1bb5097-3942-db7e-0b3f-df81f072d834.png)
お腹のコピーなので整合性もクソもないですが、そこに何か体の続きがあるというのはAIに伝わります。あとはAIが勝手に(以下略)

# まとめ

よく使うのはこんなところです。これ以上複雑なことをするくらいなら、ブラシツールで近い色を塗ってごまかす方が多分早いです。AIが勝手にいい感じにしてくれることを期待して、あまり神経質になりすぎないようにしましょう。
トライ&エラーのサイクルは早ければ早いほど良いですからね。
これでロングヘアをショートヘアにしたり、多すぎる腕を消したり、足りない腕を生やしたり、様々な加筆ができるようになりました。
これができると、構図を決める第一段階での呪文ガチャ当たり率が相対的に高まります。

最後にもう一度前記事のリンクを貼って終わりにします。

みんなで好きな絵を描いてハッピーになろうよ。
おわり。

https://qiita.com/Yodokoro/items/7a9c650f0e1adbb3e70c