UMI / MOTION GRAPHICS · 2 STEPS + OPTIONAL

素材をつくる。
動きをつける。

「もっといい感じに」の前に、使いたい素材を1枚で伝えてみましょう。素材シートでイメージを共有し、Codexで動きをつけます。

パンが入った紙袋を抱えて、幸せそうに笑う女性

必要な環境:画像生成ができるChatGPT(Claude)のチャットと、添付ファイルを読みコードを実行できるCodex(Claude Code)。レンダリングできない環境では、MP4の代わりにHTMLプレビューなどを受け取る場合があります。

ChatGPT

① ChatGPTで素材シートを作る

下の文をそのままChatGPTに送ってください。未定の項目について「おすすめ5つ+自由入力」が提示されます。番号または自由入力で答えると、素材シートを生成します。完成した画像を保存して、②に進んでください。

モーショングラフィックスに使う**素材シート画像**を作ってください。

### 第1段階

まだ決まっていない項目だけ、それぞれ**おすすめ5つ+自由入力**で提案してください。

1. テーマ
2. 用途
3. 雰囲気
4. 画風
5. 入れる短い文字
6. 活用する添付画像

すでに決まっている内容は、聞き直さないでください。

おすすめは互いに重複しないようにし、現在のテーマによく合い、モーショングラフィックスで活用しやすい方向を優先してください。

画風は以下を参考にしてください。ただし、テーマに合わせて変えても構いません。

- Flat Vector
- Soft 3D / 3D Icon
- Clean Minimal Tech / Glass UI
- Hand-drawn
- Bold Graphic / Editorial
- Pixel Art

各項目は番号で選べるようにし、最後に**自由入力**を入れてください。

ここで止まり、私の返答を待ってください。

### 第2段階

私が番号または自由入力で答えたら、その内容を最終的な選択として使ってください。

**追加質問、選択内容の要約、素材一覧の出力、長い画像プロンプトの出力をせず、そのまま画像を生成してください。**

素材シートは、動画で実際に切り分けて動かせる要素で構成してください。

基本は**6×6、36個の独立した素材**にしてください。ただし、36個にすることでそれぞれの描写が小さくなりすぎる場合は、5×5または4×4に減らしても構いません。

キャラクター・商品・小物・テキスト・UI・アイコン・エフェクトのうち、テーマに必要なものだけを使い、意味のない素材でマスを埋めないでください。

1マスには素材を1つだけ入れ、十分な余白を取ってください。互いに重なったり、見切れたりしないようにしてください。

すべての素材の画風、色合い、線、光、質感を統一してください。

連続したアニメーションのコマではなく、**それぞれ別々に切り分けて動かす静止素材の集まり**にしてください。

罫線、マス番号、分類名、シートのタイトルは描かないでください。

背景は**本当の透明背景(アルファチャンネル)**にし、市松模様、床、素材の外に落ちる影、広くにじむ光、モーションブラーは入れないでください。

添付画像がある場合は、それを参考にして、主な形・色・比率・キャラクターの特徴を保ってください。

テキストはユーザーが指定した短い文字列だけを正確に表現し、意味のない小さな文字は作らないでください。

**私の回答を受け取った次の応答では、必ず画像生成を実行してください。**
Codex

② Codexに添付して動画を作る

保存したPNGをCodexに添付し、下の依頼文を送ります。まず演出案を見て相談し、希望に合わせて修正します。方向が決まったら「この内容で作って」と伝えると、動画制作が始まります。

添付した素材シートを使って、短いモーショングラフィックスを作ってください。

・目的:[例:パン屋のパンを紹介する]
・希望する流れ:[なければおすすめを提案してください]
・長さ:[空欄なら10秒]
・画面比率:[空欄なら16:9]
・必ず入れる文言や店名:[空欄なら追加しない]
・音:[空欄なら無音]

まず実際のファイルを読み、素材・マス目・透明度・解像度を確認してください。主役と目的が不明な場合だけ、重要な質問を最大2つしてください。それ以外は適切に判断してください。
まずは相談から始め、動画制作はまだ始めないでください。
素材を見て、異なる演出案を2つとおすすめを示してください。それぞれ「最初→見せ場→最後」の場面、主役の位置・大きさ、背景、動き、短い秒数配分を説明し、完成イメージが伝わる提案にしてください。今の素材でできることと、追加素材が必要なことを分けてください。
ここで私の返答を待ってください。私の希望に合わせて提案を修正し、必要なだけ相談を続けてください。修正回数は固定しません。案の選択や感想だけを、制作開始の許可と解釈しないでください。
私が「この内容で作って」など、制作開始を明示したら、合意した構成で動画を作ってください。すでに制作開始を明示していれば同じ確認を繰り返さないでください。制作開始後の構図設計・短いモーションテスト・検証は内部で行い、段階ごとに承認を求めないでください。完成後も、残す部分と変える部分を確認しながら調整してください。

制作を依頼されたら、合意した流れに沿って提供したシートで作れる基本版を完成させてください。
・背景がなければ、画風に合う単色や淡いグラデーションをコードで作ってください。別の背景画像を必須にしないでください。
・マスごとに安全に切り分け、隣の素材や描かれた市松模様が残らないようにしてください。キャラクターと商品の形は変えないでください。
・全素材を使わず、主役1つと必要な補助素材を選んでください。すべてを同じ大きさ・速度で弾ませないでください。
・登場→特徴や動作→結果や締めくくりの流れを作り、移動・拡大・小さな反動を目的に合わせて使ってください。速い切り替えの中にも、形や文字を認識できる時間を確保してください。
・商品紹介は商品の魅力、アプリ紹介は確認済みの機能の結果、ブランド紹介は個性と価値を中心にしてください。実在しない機能・数値・文言を作らないでください。
・素材を個別に動かしてください。シート全体を揺らしたり完成画像だけを拡大したりして代用しないでください。手・物・袋の前後関係と影を自然に合わせてください。
・長文・タイピング・UI文字は、最終解像度のテキストとして描画してください。小さな文字画像を拡大しないでください。
・小さな元画像を無理に拡大せず、使える大きさで構図を調整してください。素材不足だけで基本制作をすぐに止めないでください。ただし破損ファイルなど進行不能な問題は知らせてください。

追加画面や修正は、このCodexの作業内で続けてください。新しい画像が必要な場合は、利用できる画像生成機能があれば活用してください。ここで用意できない素材が必要な場合だけ、必要なものと準備方法を教えてください。
コード実行とMP4レンダリングができるか確認し、可能ならMP4を完成させ、長さ・比率・音の有無・主要場面・切り替え・終わりを確認してください。不可能なら先に伝え、ブラウザで再生できるHTMLなど可能な成果物を提供してください。MP4以外をMP4完成版と呼ばないでください。
最後は動画リンク、短いタイムテーブル、実際に残った制約を教えてください。以前の版は残してください。

入力例:目的「パンの紹介」、流れ「トレーからパンが出てきて、順番に大きく見せて」、長さ「8秒」、比率「16:9」。

完成したらMP4のリンクを開いて確認します。気に入ったら完成です。長さや比率は必要に応じて変えてください。

シート1枚から作った基本例

パン屋の素材シートを切り分けて作った8秒の動画です。新しい原画や背景画像を追加せず、単色の背景と素材ごとの動きで制作しました。

正直にいうと、一度の指示で、ぴったり好みに合う動画ができるとは限りません。仕上がりは、どんなアイデアを選び、どう見せるかで大きく変わるからです。

だからこそ、制作を始める前にCodexやClaude Codeと十分に相談して、場面の流れや動き、テンポを具体的にしながら、依頼文を丁寧に磨くのがおすすめです。

完成した動画にもっとエフェクトを加えたいときも、気に入った部分は残しつつ、追加で相談して調整していきます。やり取りを重ねながら、目指す仕上がりに近づけていきましょう。

ラフを見て、同じチャットで仕上げる

Codex

修正を頼む文

最初のラフ動画を見たら、動画を作ったCodexの同じチャットで下の文を送ってください。変えたいところや追加したい画面を言葉で伝えるだけで大丈夫です。コードの知識は必要ありません。

最初のラフ動画を見ました。同じ作業を続けて、次の内容で修正してください。

・残したいところ:[例:キャラクター・色・全体の雰囲気]
・変えたいところ:[例:パンをもっと大きく/登場を速く/動きをなめらかに]
・追加したい画面や効果:[例:最後にお店の紹介画面/ボタンを押すとグラフが伸びる演出/湯気や光。なければ省略]

今の動画のよい部分を保ち、修正と追加画面の制作をこのまま進めてください。背景・文字・配置・動きも、動画全体になじむように整えてください。
希望があいまいな部分だけ、おすすめを提案して相談してください。すでに伝えた修正は、同じ確認を繰り返さず進めてください。
新しい画像が必要なら、この環境で使える画像生成機能があれば活用してください。ここで用意できない素材が必要な場合だけ、必要なものと準備方法を教えてください。
前の版は残し、修正版を再生できる形で渡してください。どこを変えたかも短く教えてください。

修正版を見て、気になる点があれば同じチャットで続けて伝えてください。「2秒のパンをもう少し大きく」のように、場所と希望を具体的にすると伝わりやすくなります。

調整を重ねた完成例

リールの完成例は、拡大用の原画・背景・動きの調整を加えた10秒の動画です。素材シートは主な使用素材を後からまとめたものです。一言の指示だけで、毎回同じ仕上がりになるわけではありません。

うまくいかないとき

画像を読めない場合は実際のPNGファイルを添付し直します。市松模様が残るなら「描かれた市松模様を取り除いて」、文字がぼやけるなら「最終解像度のテキストで描いて」と伝えてください。修正は「キャラクターとテンポは保って、○秒の○○だけ変えて」のように範囲を指定すると伝わりやすくなります。