すべて · モーショングラフィック · 使い方説明
587ビフォーアフター15秒 — 白紙から完成したポスターまでをひとつの画面で
名前と使用前後の姿を入れると、変化をひとつの画面で見せる、音付きの15秒縦型モーション動画ができます。
受け取れるもの
- 縦型MP4(15秒、60fps、音付き)
- 動画を描画するレンダリングコード
- コードで作った音楽を収録した動画
GPTで生成
- GPT-6 Astra このAIで作りました
項目を入力
- 1項目を入力します
- 2プロンプトをコピーします
- 3コードを実行できるAI(Claude Opus 5.5・GPT-6 Astra・Gemini Argon)に貼り付けます
- 4AIがHTMLを作って自分でレンダリングし、MP4ができます
- 5直すときはHTML上部の設定欄を変えて、レンダーのコマンドを1行 再依頼なし
プロンプト全文を見る 869文字
Make a dynamic 15-second vertical before-and-after motion graphics video for "【名前】": before = 【使用前】, after = 【使用後】. Make the switch feel satisfying. Go all out and make the music in code. Rules: 1080x1920 vertical, 60 fps, exactly 15 seconds, MP4 with sound. Text big enough to read on a phone. No corner labels, timecodes or captions, only the motion. Keep moving to the end with no frozen frames. For Korean text use a Korean font such as @fontsource/black-han-sans. Do it all now without asking. [Final output format] 出力サイズは1080×1920ピクセル、9:16の縦型にしてください。文字は中央の安全な範囲に収めてください。 This selected output format takes priority over any fixed canvas size or aspect ratio elsewhere in this template. Adapt the composition, text zones and margins to the selected canvas without stretching or cropping essential content. Device safe areas apply only when a device is selected. Never print these format instructions on the image.
結果はどうでしたか?
使い方・よくある質問
使用前と使用後をひとつの画面で
白紙が完成したポスターに変わる15秒の縦型動画です。例の表紙には、蛍光イエローの背景に「アイデアを広げてみよう」という意味の大きな韓国語、紫の花とオレンジのアクセント、下部にPromptpanの韓国語表記が見えます。音楽もコードで作るように頼みます。
入力のコツ
名前にはブランドやサービス名を、使用前と使用後には変わる前後の姿を短く書きます。初期値ではPromptpanの白紙が完成したポスターに変わります。見た目の違いがはっきりした組み合わせがおすすめです。
このように直してもらいましょう
「使用前後をひとつの画面でもっと比較しやすく」「文字をもっと大きく」「切り替わる瞬間に音楽を合わせて」と伝えてみてください。変えたい部分を具体的に示すと伝わりやすくなります。
作り方
このプロンプトをGPT-6 Astraで一度実行し、結果を修正せずに例として掲載しました。実行するたびに少しずつ変わります。
必要なPC環境
映像を作る間、PCが少し重くなることがあります。Claude CodeやCodexのようにコードを書いて実行できるAIに貼り付けるプロンプトなので、画像AIでは映像は出ません。外部サービスの料金や規約は各サービスでご確認ください。

