【No.B004】資料につかう説明用の簡単な絵(ポンチ絵)をChatGPTに書かせてみる

はじめに

対象者:Webでそれっぽい画像を探すのに嫌気がさしている人
ゴール:
ChatGPT+α を使って自由に図が書けるようになる
制約条件:オンライン, 有料

パワポで説明用のポンチ絵や概要図を描くのがとても面倒です…

有料版で使えるGPT-4であれば実は画像が作れます。さらにAdvanced data analysisという機能を使えば理想に近いものが作れる可能性が高まります。

★関連リンク
業務で活用できるAI技集のまとめはこちら
会議時に自動で議事録をとりたい方はこちら
社内資料をAIを使って検索・要約したい方はこちら
資料用の簡単な図をChatGPTに書かせたい方はこちら
研修のワークやe-learningをAIにサポートしてもらいたい方はこちら

GPT-4を通常利用する 難易度:★☆☆☆☆

①プロンプト作成&実行 難易度:★☆☆☆☆

今回はChat-GPTを利用するが、現時点で画像出力のできない無料版(GPT-3.5)ではなく有料版(GPT-4.0)を使う。以下に事例を示す。簡単な画像であれば、プロンプトが雑でもいい感じに出力してくれる。

以下の条件に合致した絵を描画してほしい。
・シンプルなアニメ調
・2人のビジネスマンが電話をしている
・1人は男性でパジャマ姿で家から携帯電話で通話(画面左側)
・もう1人は女性で会社から携帯電話で電話(画面右側)

②微修正をおこなう 難易度:★☆☆☆☆

生成された画像を微修正したい場合は、Chat-GPT上で生成された画像をクリックすると編集画面に切り替わるので画面上部にある「選択する」を押して修正したい部分を塗りつぶす。その後、画面右側で選択した画像に対してプロンプトを記載する。

パジャマじゃなくてネクタイつきのスーツにして欲しい。
図3.選択機能で男性の服装を選択&変更プロンプト

すると以下のように選択した部分だけ変更された画像が出力される。一発で完璧な画像を狙うよりは微修正をおこなう方がお勧め。

図4.変更プロンプト後の出力画像
[参考] 変えるのは顔以外がベター
例えば表情をかえるために顔を選択して再度プロンプトを流すと別人になってしまうケースが多い。微修正するのは顔以外の服装や背景などにするのが無難。ちなみに先ほどの男性の画像(左側)を「怒った顔にしてほしい」というプロンプトで変換したところ、全く別人になってしまった(下図)。

GPT-4で画像から画像をつくる 難易度:★☆☆☆☆

GPT-4は画像から画像を作成(img-to-img)も可能で以下に簡単な例を示す。

①プロンプト作成&実行 難易度:★☆☆☆☆

気になる画像をGPT-4にアップロードして以下のプロンプトを入力。今回は適当に書いた線画のiphoneをリアルな形に変換してみる。

この画像を3D画像にしてください。
図5.入力画像
図6.出力画像

今回のようにイメージに近しい画像があれば、「画像をUL→プロンプトで指示して画像生成」をすると良い。複雑な画像の場合は、「画像をUL→画像を1度説明してもらう→説明文章を引用+追加でプロンプトで指示して画像生成」のほうが成功確率が上がる場合がある(厳密にはimg-to-imgでは無くなるが)。

GPT-4で線画をつくる 難易度:★★☆☆☆

画像は一度作ってしまうと編集が難しいが、線画で作っておくと後からの編集の幅が広がるのでこちらの手法も紹介。

①プロンプト作成&実行 難易度:★☆☆☆☆

まずは目当てのものを画像ファイルとしてChat-GPTに出力してもらう(あるいは画像をULする)。複雑な形にしてしまうと最後に出力されるsvgファイルのサイズが大きくなってしまうので、なるべく単純化して描いた方が良い。以下に事例を示す。下図の左側が画像ファイル、右側がSVGファイル。

東京タワーを超シンプルに線画で作成してほしい
画像をトレースしてベクターパスを生成しSVGファイルで保存して

②無料オンライン編集ツールで加工 難易度:★★☆☆☆

今回はFigmaというツールを活用する。こちらのサービスは無料で利用可能でGoogleアカウントがあればログインもスムーズに実施できる。ログイン後は「+Design file」を押下すると下の画面のような編集画面に遷移するので、生成したsvgファイルを画面にドラッグ&ドロップすると自由に編集できるようになる。

図9.Figmaログイン画面
図10.Figma編集画面

コメント