AIイラストにセリフを添えるだけ。自作「ふきだしメーカー」を作った話
ComfyUIでAIイラストを生成していると、「このキャラクター、セリフを入れたら一気に“作品”っぽくなるのでは」と思う瞬間がありませんか。1枚絵として眺めるのも良いのですが、吹き出しをひとつ足すだけで、1コマ漫画・2コマ漫画のような「間」や「オチ」が生まれます。
Xなどで良くみかけますよね。ちょっと叡智匂わせ系が多いヤツですw
とはいえ、そのためだけにPhotoshopや高機能な画像編集ソフトを立ち上げるのは大げさですし、スマホアプリだとComfyUIで作業しているPC環境から離れてしまいます。そこで「生成したイラストに吹き出しを足すだけ」に機能を絞った、ブラウザ完結のツールを自作してみました。今回はその紹介です。
作ったもの：「ふきだしメーカー」
イラストに吹き出し・テキストを追加して、1コマ〜数コマの簡易的な漫画に仕立てられる無料かつ軽量でサクサク動くWebアプリです。インストール不要でブラウザだけで完結し、画像をサーバーにアップロードする処理もないため、ComfyUIなどで生成した画像をそのままブラウザ内で加工できます。
▼こんな感じのUIです。
「せっかく良い表情のイラストが出力できたのに、そのまま投稿するだけではもったいない」という気持ちから作ったツールです。セリフや心の声をひとこと添えるだけで、イラストの見え方はかなり変わります。
▼どなたでも無料で使えますのでお試しください（ブックマーク推奨）。
何ができるのか
主な機能はシンプルです。
画像を開く（ドラッグ&ドロップにも対応）
吹き出しの形を選んで配置（テキストのみ／楕円／雲形（想像）／四角／破裂／岩／ハリネズミ／集中線、の9パターン）
ダブルクリックですぐテキスト入力に移行
ドラッグで移動、四隅の□でサイズ変更、赤丸で尾（しっぽ）の向き・長さを調整
色・線の太さ・フォントなどを右パネルで細かく調整
複数ページ作成にも対応（1コマで終わらず、2コマ・3コマの掛け合いを作りたいときに便利）
PNG書き出し（全ページ一括書き出しも可能）
たとえば「表情違いで生成した2枚のイラスト」に、それぞれ吹き出しでセリフを入れて2コマ漫画に仕立てる、という使い方を想定しています。ボケとツッコミのような掛け合いや、キャラクターの一言コメントを添えるだけの軽い投稿にも使えます。
ただし、1ページの中でコマ割りはできませんのでご注意を！コマ割りできるツールも個人的に欲しいとは思ってますので良い感じのができたらまた共有しますね。
また、スマホでも一応使えますが、正直操作はしにくいのでパソコン推奨です。
レイアウトの保存について
編集途中の吹き出しレイアウトはJSON形式（聞き慣れないかもですが、中身はシンプルなテキストファイルです）で保存・読み込みができます。ただし一点だけ注意点があり、JSONには背景画像そのものは含まれません（画像を含めると非常に重いデータになってしまうため）。位置やテキストなど「吹き出しの配置情報」だけを保存する仕組みなので、後日JSONを読み込むと吹き出しは復元されますが、背景画像は空欄になります。読み込み時のメッセージで配置していた画像のファイル名を表示されるようにしているので、同じ画像を再配置する必要があります。
同じ吹き出しレイアウトを、別カットのイラストに使い回したいときには逆に都合が良い仕様です。「このコマ割り気に入ったから、次に生成したイラストにも同じ配置で使いたい」といった場面で活きます。
まとめ
ComfyUIで生成したAIイラストに、吹き出しを足して1コマ・2コマ漫画に仕立てるためのブラウザ完結ツールを自作した
インストール不要、画像もローカルで処理されるので気軽に使える
複数ページ機能でコマ割りの掛け合いも作れる
レイアウトはJSON保存できるが、背景画像は含まれない点だけ注意
ショートカットキーや基本操作はアプリ内の「使い方」ページにもまとめてある
生成しただけで終わらせず、セリフをひとつ足すだけでイラストの表情がぐっと立つ瞬間は地味に楽しいです。同じようにAIイラストを触っている方の参考になれば幸いです。
おまけ
本ツールで作成した漫画を差分違いで以下2つのサイトで公開してます。良ければどうぞ〜。
雰囲気えっちいので苦手な方はスルーで。
▼ポイピク（こそっとフォローユーザーのみ）
▼Pixiv
#ComfyUI #AI画像生成 #AIイラスト #自作ツール #Webアプリ #生成AI #note #macOS #吹き出し #漫画