OpenAI

GPT Image 2でAIアプリストア用スクリーンショットの作り方

GPT Image 2を使ってAstorie上でApp StoreとGoogle Playのスクリーンショットを生成します。ギャラリー全体を通して機能のストーリーを語る必要があるスクリーンショットには、物語的な構図に強いGPT Image 2が有力な選択肢です。短い見出しであれば画像内の文字レンダリングも十分な水準です。GPT Image 2は、Ideogram(タイポグラフィの王者)とFLUX.2(文字通りの製品布置)の中間に位置します。どちらよりも機能の物語を理解しているため、機能を1つの瞬間として描くスクリーンショット(「ランニングがようやくかみ合った瞬間」など)に有用です。ピクセル単位で完璧な見出しが必要な場合はIdeogramにつなぎ、デバイスフレームと機能の布置についてはGPT Image 2が手堅い選択肢です。

Step-by-Step Guide

1

各スクリーンショットを機能の瞬間として描く

GPT Image 2はシナリオそのものを推論します。「リーダーボード機能を示すスクリーンショット」ではなく、「ランナーが海岸沿いの小道で立ち止まりスマートフォンを確認する、画面には自分の名前が順位を上げていくリーダーボードが表示され、表情が集中から満足へと変わる」のように書いてください。GPT Image 2は、スマートフォン・UI・人物・表情・環境というその瞬間を、1つの一貫したシーンとして構成します。

2

アプリのブランドブロックを一度作って保存する

視覚言語をTextノードに保存します:「モバイルアプリのスクリーンショット写真スタイル、柔らかい自然光、暖かみのある夕焼けパレット、アスレチックウェアの文脈、手に持ったiPhone 15 Proのデバイスフレーム、すっきりしたモダンなUIデザイン言語」。これをすべてのGPT Image 2スクリーンショットノードに接続し、各ノードでブランドブロックを機能の瞬間のプロンプトと連結してください。ブランドの語調は、8枚1組のスクリーンショットセット全体を通して一貫します。

3

布置にはGPT Image 2、タイポグラフィにはIdeogramを使う

GPT Image 2は短い画像内テキストを確実に描画しますが、App Store用の可読性ではIdeogramが優れています。最もすっきりしたパイプラインは、まずGPT Image 2で機能の瞬間のシーン(デバイス+人物+UI+環境)を画面内の見出しテキストなしで生成し、続けて下流のIdeogram V3ノードがそのGPT Image 2出力を参照として受け取り、読みやすい太字のタイポグラフィで見出しとCTAを追加する方法です。2つのノード、1つのキャンバスで、App Storeにそのまま出せる出力が得られます。

4

キャンバス上でプラットフォームごとにサイズを合わせる

Appleは1290x2796(iPhone 6.7インチ)、2064x2752(iPad 13インチ)を要求し、Google Playは1080x1920を受け付けます。生成前に、各GPT Image 2ノードで目標サイズを固定してください。GPT Image 2はアスペクトごとに構図を組み立てるため、後からの再クロップはデバイスフレームの構図を崩します。スクリーンショットはApp Storeのサイズで直接生成してください。

5

密度の高いスクリーンショットでは多要素構図の強みを活かす

GPT Image 2は1フレームにつき5つ以上の具体的な要素を処理できます。デバイスフレーム+人物+UI+環境+光+ブランド要素を含むApp Storeのスクリーンショットは、まさにその得意領域です。Astorie内の他の画像モデルは、具体的な要素が3〜4個を超えると取りこぼし始め、スクリーンショットが未完成またはブランドから外れて見える原因になります。

6

同じキャンバス上で言語圏ごとにスクリーンショットセットをローカライズする

多言語ストア向けには、8枚1組のスクリーンショットキャンバス全体を言語圏ごとに複製してください。GPT Image 2の層(シーン、デバイス、環境)は言語圏をまたいで同一のまま、変わるのは下流のIdeogramの見出しだけです。あるいは、スクリーンショットが現地の文化的文脈を必要とする場合は、言語圏ごとにGPT Image 2の層を作り直してください。同じキャンバス、違う見出し文字列、1つのワークフローから複数の言語圏を仕上げられます。

Prompt Examples

メインとなる機能の瞬間のスクリーンショットです。「画像内に見出しテキストなし」という指示によって、下流のIdeogramでの重ね合わせのために層をきれいに保ちます。

[App brand block prefix] + Frame: a runner pauses on a coastal trail at sunset to check their iPhone 15 Pro, the screen displays a clean fitness app leaderboard UI with their name moving up the rankings, expression shifts from focus to satisfaction, soft golden palette, App Store 1290x2796 portrait, no in-image headline text (text added downstream by Ideogram).

静かな瞬間として描いた機能まとめのスクリーンショットです。GPT Image 2はシーンの構成を推論します。

[Brand block] + Frame: a runner stretching on a sunny morning patio, iPhone 15 Pro on a small table beside them displaying a workout summary with route map and pace chart, the runner glances at the phone with quiet satisfaction, soft morning light, 1290x2796 portrait, no in-image text.

必要なサイズで作ったiPad用のスクリーンショットです。同じ機能の瞬間の描き方をタブレット向けに拡大しています。

[Brand block] + Frame: an iPad 13" Pro on a wooden desk in a sunlit room, screen displaying the app dashboard with multiple workout cards visible, a hand reaching toward the screen to tap a workout, 2064x2752 portrait, no in-image text.

コミュニティの瞬間として描いたソーシャル機能です。密度の高い構図(複数の人物+デバイス+環境+光)がGPT Image 2の強みを活かします。

[Brand block] + Frame: a group of runners gathered post-workout at a coastal cafe, one of them shows their iPhone screen displaying the app's social sharing feature, friends laugh and lean in, warm golden hour light, sense of community, 1290x2796 portrait, no in-image text.

Parameter Tips

各スクリーンショットは機能の説明ではなく機能の瞬間として描いてください。GPT Image 2は物語を推論します。純粋な仕様書ではその強みを活かせません。

画像内の見出しテキストなしで生成し、タイポグラフィ層はIdeogramにチェーンしてください。2ノード構成のパイプラインでApp Storeにそのまま出せる出力が得られます。

ブランドブロックを一度保存し、すべてのスクリーンショットノードに接続してください。ブロックを一度編集すれば8枚すべてのスクリーンショットに反映されます。

密度の高い構図には、プロンプトごとに5つ以上の具体的な要素を使ってください。GPT Image 2はFLUX.2やMidjourneyよりも密度の高さをうまく扱います。

サイズはキャンバス上で合わせてください(1290x2796=iPhone 6.7インチ、2064x2752=iPad 13インチ、1080x1920=Android)。再クロップはデバイスフレームの構図を崩します。

メインとなるスクリーンショットにはqualityを「high」に、バリエーションや探索には「standard」に設定してください。

What to Expect

GPT Image 2は要求されたアスペクトで1024〜2048以上の出力を返し、共有のブランドブロックを通して接続すれば、機能の瞬間としての構図が強く、8枚1組のスクリーンショットセット全体を通してブランドの語調も一貫します。生成時間の目安は1スクリーンショットあたり30〜60秒です。物語的な機能の描き方に最も優れています。App Storeクオリティの見出しタイポグラフィにはIdeogramにチェーンしてください。出力はキャンバスに落とし込まれます。Ideogramでの重ね合わせ後に最終的なスクリーンショットセットを書き出し、App Store Connect/Play Consoleにアップロードしてください。

Use GPT Image 2 on Astorie

Connect GPT Image 2 with other AI models on Astorie's infinite canvas. No GPU required — start free.

Get Started Free

Related features

Docs

Related reading

Try Other Models for This Task

Ideogram

Ideogram V3

Ideogram V3を使ってAstorie上で、ピクセル単位で仕上がったApp StoreとGoogle Playのスクリーンショットを作ります。見出し文言・機能訴求・CTAボタンを画面内に読み取れる形で描画できる唯一のAI画像モデルです。モバイルアプリの創業者やプロダクトマーケターは、必要なiPhone 6.7インチ、iPad 13インチ、Androidの各サイズで、言語圏ごとに5〜8枚のスクリーンショットを、画像内できれいに読めるローカライズ済みの見出しとともに仕上げます。Ideogram V3はそのための本番用ツールです——Sketchを往復する必要も、Figmaで見出しを重ねる必要もなく、タイポグラフィは画像に焼き込まれた状態で仕上がります。

View guide

Google

Imagen 4

Imagen 4を使ってAstorie上でApp StoreとGoogle Playのスクリーンショットを生成します。強い写真的リアリズムとプロンプト遵守性により、イラスト調のモックアップではなく本物の製品写真のように見える必要があるスクリーンショットに適した選択肢です。Imagen 4は、特定のデバイスフレーム、照明設定、環境構成をほぼ文字通りの精度で再現します。写真のようにリアルなデバイス・イン・コンテクストのスクリーンショット(手に持ったスマートフォン、机の上のタブレット、腕時計のディスプレイなど)が必要なアプリマーケターにとって、Imagen 4はイラスト調の代替手段よりもすっきりした選択肢です。見出しタイポグラフィの工程では下流のIdeogramノードと組み合わせてください。

View guide
AIアプリストア用スクリーンショットの作り方