ラフスケッチから具体化されたイメージを作成する - GPT Image 2 とCodex を利用
質問: ラフスケッチの具体化
ラフスケッチがあるのだが、ここからより具体化されたイメージを作成したい。画像生成の機能でできないだろうか？
この記事では、GPT Image とCodex を利用して、ラフスケッチを具体化したイメージにする手順を紹介します。
画像の準備
はじめに元のラフスケッチを用意します。今回は下図のラフスケッチを作成しました。
作成
Chat GPTの画像生成とCodexの画像生成は別物ではないか？
Codexの画像生成は若干理解力が低い。という噂もあるので、両方で実行結果を確認します。
Chat GPT を利用した場合
何も指定しないで実行した場合
ラフスケッチ画像を添付して、次のプロンプトで画像生成します。
Prompt
添付されたスケッチ画像をもとにして、カラーのクリンナップされたアニメの背景イメージを作成してください。
画像のアスペクト比 横:縦 = 2:3 でお願いします。
画像生成できました。
生成された画像は下図です。ラフスケッチから具体化できています。
説明を入力して実行した場合
続いて、詳しく説明をプロンプトに入力した場合の結果を確認します。
次のプロンプトで画像生成します。
Prompt
添付されたスケッチ画像をもとにして、カラーのクリンナップされたアニメの背景イメージを作成してください。
画像のアスペクト比 横:縦 = 2:3
この画像はファンタジー世界の都市のイメージスケッチです。
- 画面の一番奥には町の中心となる高い建物があります。建物からはブリッジが突き出ており、飛空艇と接続しています。
- 中心の建物の周辺には住居や建物が立ち並んでいます。樹木も植えられています。
- 町の中心部には階段で上ります。画面中央の階段で、町の中心部に登れます。
- 手前左側は円形の建物です、煙突から煙が出ており、工場、工房のような場所です。手前には、露店の屋根付きカートがあります。
- 右側は道に面してショップの建物です。
- 樹木が比較的多く、階段のわきや、中層(画面中央)の路地にも街路樹があります。
プロンプトを実行します。画像が生成できました。
生成結果の画像は下図です。何も指定しない場合より、樹木の量も増え、手前の建物の左側も円形感がしっかり出ています。
Codexを利用した場合
Codexアプリケーションを起動します。
Codexアプリケーションのインストールはこちらの記事を参照してください。
何も指定しないで実行した場合
以下のプロンプトで実行します。
Prompt
プロジェクトフォルダにある、sketch.pngのスケッチ画像をもとにして、カラーのクリンナップされたアニメの背景イメージを作成してください。
生成結果は下図です。横長になっています。
以下のプロンプトで再度生成します。
Prompt
プロジェクトフォルダにある、sketch.pngのスケッチ画像をもとにして、カラーのクリンナップされたアニメの背景イメージを作成してください。
画像のアスペクト比 横:縦 = 2:3 でお願いします。
何も指定しなかったのですが、なんか、日本的なイメージになってしまっています。Chat GPTより理解度が低い気が？
説明を入力して実行した場合
続いて説明文を入力して実行します。以下のプロンプトで実行します。
Prompt
プロジェクトフォルダにある、sketch.pngのスケッチ画像をもとにして、カラーのクリンナップされたアニメの背景イメージを作成してください。
画像のアスペクト比 横:縦 = 2:3
この画像はファンタジー世界の都市のイメージスケッチです。
- 画面の一番奥には町の中心となる高い建物があります。建物からはブリッジが突き出ており、飛空艇と接続しています。
- 中心の建物の周辺には住居や建物が立ち並んでいます。樹木も植えられています。
- 町の中心部には階段で上ります。画面中央の階段で、町の中心部に登れます。
- 手前左側は円形の建物です、煙突から煙が出ており、工場、工房のような場所です。手前には、露店の屋根付きカートがあります。
- 右側は道に面してショップの建物です。
- 樹木が比較的多く、階段のわきや、中層(画面中央)の路地にも街路樹があります。
画像生成結果は下図です。
手前左側の建物の円形感がちょっと弱い気がします。Chat GPTの画像生成のほうがプロンプトにやや忠実な印象があります。
著者
iPentecのメインデザイナー
Webページ、Webクリエイティブのデザインを担当。PhotoshopやIllustratorの作業もする。
最近は生成AIの画像生成の沼に沈んでいる。
