イラスト生成プロンプトを安定させる設計と実践ステップ｜ChatGPTでwebアプリをつくって、Geminiに渡す
この記事では、イラスト生成プロンプトを安定させるためのプロンプトビルダーの構造、パラメータ設計、出力ルール、改善のコツまで網羅しています。
こんにちは、SHOです。
今回はいい加減にイラストをもっと安定させたいと思い、プロンプトを作成するプロンプトビルダーなるものをChatGPTで作りました。
そしてまたもやTRPGのプロンプトの制作をしたいっていうのに、すっごく地味な準備作業に没頭しています。
僕のメインコンテンツはTRPGのプロンプトなんです。
でも、いまはいいんです。
こういうのに触れるとTRPGのプロンプトをこんな風に作れるかもしれないっていうアイディアも湧いてます。
決してネタが無いわけではないです…渾身のネタを最高の形で！
と、いう溢れる思いで勉強中です。
プロンプトビルダーとは何か？
僕のはwebアプリです。普通のブラウザで動きます（ChromeとかEdgeとかfirefoxとか）。百聞は一見にしかずなので、こんな感じのやつです。
プロンプト設計の基本パラメータと選択肢
1. 基本設定とパラメータ
人物や背景や小物、イラストの絵のタッチなどを選択して選べるようにしてあります。
そして、人物を選択したときには「人物パラメータ」背景を選択したときには「背景パラメータ」という感じで切り替わります。
今回は人物を選択してます。ここでは、
髪の毛の色
目の色
肌の色
服の色
をカラーパネルから選んだり、注釈を入れられたり、参考画像（今は機能してません）を添付したりできます。
2. シーン設計・ライティング・構図・雰囲気の指定
シーンや背景は自由記述です。こればっかりは思いの丈を入れるほうがいいと思ってます。でも、入力が面倒なものは、選択式にしてあります。
ライティング（シネマティック、ソフトライトとか。）
色調（パステル、ビビットとか）
画角&レンズ（広角、35mmとか）
構図/アングル（フルボディ、ローアングルとか）
感情/雰囲気（ハッピー、メランコリックとか）
専門用語もあるので、カッコ書きで一言付けておきます。
3. プロンプト出力と自由記述の優先ルール
プロンプト生成ボタンを押すと、今まで決めた内容のプロンプトが一瞬で生成されます。
ちなみに、重複が入力されたら、自由記述の方を優先してます。例えば、目の色を黒って指定してても、自由記述で青って書いたら、プロンプトには「青」が返されるって感じ。
まぁ、最初はこんなもんですよね。つまり、ゲームのキャラクリみたいなもんです。
今後は
ファイルをインプットするところも作ってあるので、AIを入れればそれぞれのファイルを参考情報として読み込んでもらって、ここで出力された日本語も指示が明確に通りやすい英語に翻訳して整えてくれるようにします。
生成結果とこれからの進化予定
んで、そんなプロンプトビルダーの出来はどうなのかって話。今後は以下の流れをAIにやってもらいますが、今回は自分で。
さっきのビルダーで出力されたプロンプトを、
High-quality 日本アニメ風 illustration.
Scene: 海辺で風にあたる少年。太陽の光を全身に浴びでさわやかな笑顔。海の方を見つめ物思いにふけっている。手には何も持たず膝の上に自然に置いてある。
Lighting: ゴールデンアワー, Color palette: パステル.
Camera & lens: 広角（空間を広く見せる／迫力を出す）, Angle: フルボディ（全身を見せる）.
Mood: ハッピー（明るく元気な雰囲気）.
Character: hair #2ee00b; 目は大きめ (eyes #31dd3c); skin #eac9ae; パーカー (top #00d604); 色の薄いデニム。ロールアップ (bottom #00d0fa).
Background: 細部まで描き込まれた背景, 田舎の港町。漁船が並んでいて、人物は堤防に座って海を眺めている。.
Negative prompt: 余分な指を避ける。
Quality: hi-res, detailed, clean composition.AIに英語にしてもらって、
High-quality Japanese anime-style illustration.
A boy sits on a seawall in a rural seaside harbor town, looking out at the ocean. He feels the breeze, bathed in golden sunlight, with a refreshing and thoughtful smile. His hands rest naturally on his knees, holding nothing.
Background: highly detailed, with fishing boats lined up.
Lighting: golden hour.
Color palette: pastel tones.
Camera: wide-angle lens for a spacious, dynamic look.
Angle: full-body shot.
Mood: happy, bright, and uplifting.
Character colors: hair #2ee00b; large eyes #31dd3c; skin #eac9ae; hoodie top #00d604; light denim rolled-up pants bottom #00d0fa.
Negative prompt: avoid extra fingers.
Quality: hi-res, detailed, clean composition.参考画像と共に、Geminiに入れます。
ここのあたりも今後AIにやってもらうつもりです。
んで、こんな感じ。
まぁ、最初のテストとしてはいいんじゃないでしょうか？
まとめ
昨日に引き続き今日はwebアプリ制作に挑戦しました。作り方はそんなに難しくないので、ChatGPTにHTMLファイル形式でこんなことやりたいって言えば、ほとんどやってくれます。
だから安心してやりたいことに向けて、役に立ちそうなことはとにかくやってみる感じで、みんなに共有しながら勉強続けます。
ほかにもやりたいことに向けてチャレンジしています。是非読んでみてください。
もし、おもしろかったらスキやフォローしてくれるとすっごく嬉しいです！
※その後、これをベースにアプリ化してみました。
※僕がやりたいことはこれを楽しく遊ぶこと。それまで勉強がんばります。