AIでモーショングラフィックスを作るには？ChatGPT・Claudeの指示例12選

文字と図形を使った6秒のモーショングラフィックスを作ってください。
横16:9、基準サイズ1280×720。文字はHELLO、MOVE、STARTなどの汎用的な短い言葉を使い、固有名詞や架空の実績は入れないでください。
白に近い背景と濃い文字を基本に、黄色・オレンジ・ミント・ラベンダーからアクセントを選んでください。余白を取り、文字を枠内に収めてください。
HTML・CSS・JavaScriptを一つのHTMLファイルにまとめ、画像の外部読込やライブラリのインストールなしでブラウザー上で動く形にしてください。Canvas 2DまたはSVGを使って構いません。
再生・一時停止・最初から再生・時間スライダーをつけ、時間を戻しても同じ画面を再現できるようにしてください。音声は不要です。
以下の演出指定に合わせて作成し、完成した文字は、少なくとも1秒読める状態に保ってください。

文字と図形を使った6秒のモーショングラフィックスを作ってください。
横16:9、基準サイズ1280×720。文字はHELLO、MOVE、STARTなどの汎用的な短い言葉を使い、固有名詞や架空の実績は入れないでください。
白に近い背景と濃い文字を基本に、黄色・オレンジ・ミント・ラベンダーからアクセントを選んでください。余白を取り、文字を枠内に収めてください。
HTML・CSS・JavaScriptを一つのHTMLファイルにまとめ、画像の外部読込やライブラリのインストールなしでブラウザー上で動く形にしてください。Canvas 2DまたはSVGを使って構いません。
再生・一時停止・最初から再生・時間スライダーをつけ、時間を戻しても同じ画面を再現できるようにしてください。音声は不要です。
以下の演出指定に合わせて作成し、完成した文字は、少なくとも1秒読める状態に保ってください。

【今回の演出】
マスクリビールで2行のタイトルを出してください。文言は上段MAKE、下段IT MOVE。各行を固定の長方形で切り抜き、文字が枠の下から上へ移動するようにします。上段は0.25秒から1.1秒、下段は0.65秒から1.1秒かけて登場。最初は速く、最後はゆっくり止めます。1.5秒からオレンジの下線を左から右へ0.8秒かけて伸ばします。文字全体を同時に跳ねさせず、完成したタイトルを最後まで表示してください。

文字と図形を使った6秒のモーショングラフィックスを作ってください。
横16:9、基準サイズ1280×720。文字はHELLO、MOVE、STARTなどの汎用的な短い言葉を使い、固有名詞や架空の実績は入れないでください。
白に近い背景と濃い文字を基本に、黄色・オレンジ・ミント・ラベンダーからアクセントを選んでください。余白を取り、文字を枠内に収めてください。
HTML・CSS・JavaScriptを一つのHTMLファイルにまとめ、画像の外部読込やライブラリのインストールなしでブラウザー上で動く形にしてください。Canvas 2DまたはSVGを使って構いません。
再生・一時停止・最初から再生・時間スライダーをつけ、時間を戻しても同じ画面を再現できるようにしてください。音声は不要です。
以下の演出指定に合わせて作成し、完成した文字は、少なくとも1秒読める状態に保ってください。

【今回の演出】
ラベンダーの背景にMOVEの4文字を大きく配置し、文字ごとのキネティックタイポグラフィを作ってください。0.3秒から一文字ずつ0.13秒遅らせて下から登場。少しだけ左右に傾け、最終的には全員が同じベースラインで直立するようにします。2.2〜4.3秒で文字全体を横へ最大12％だけ伸ばし、元の幅へ戻してください。最終状態で必ずMOVEと読めるようにし、文字の入れ替えや分解は不要です。

文字と図形を使った6秒のモーショングラフィックスを作ってください。
横16:9、基準サイズ1280×720。文字はHELLO、MOVE、STARTなどの汎用的な短い言葉を使い、固有名詞や架空の実績は入れないでください。
白に近い背景と濃い文字を基本に、黄色・オレンジ・ミント・ラベンダーからアクセントを選んでください。余白を取り、文字を枠内に収めてください。
HTML・CSS・JavaScriptを一つのHTMLファイルにまとめ、画像の外部読込やライブラリのインストールなしでブラウザー上で動く形にしてください。Canvas 2DまたはSVGを使って構いません。
再生・一時停止・最初から再生・時間スライダーをつけ、時間を戻しても同じ画面を再現できるようにしてください。音声は不要です。
以下の演出指定に合わせて作成し、完成した文字は、少なくとも1秒読める状態に保ってください。

【今回の演出】
濃い緑の背景にIDEA、CREATE、SHAREの3枚のカードを横並びにしてください。カードは黄色、ミント、ラベンダー。全部同じサイズと角丸にし、内部にはシンプルな図形を一つずつ置きます。左から順に0.18秒遅らせて、下145pxから最終位置へ0.9秒で移動しながら不透明にしてください。動きは終わりに減速。カードを回転・バウンドさせず、最後は等間隔で並べてください。

文字と図形を使った6秒のモーショングラフィックスを作ってください。
横16:9、基準サイズ1280×720。文字はHELLO、MOVE、STARTなどの汎用的な短い言葉を使い、固有名詞や架空の実績は入れないでください。
白に近い背景と濃い文字を基本に、黄色・オレンジ・ミント・ラベンダーからアクセントを選んでください。余白を取り、文字を枠内に収めてください。
HTML・CSS・JavaScriptを一つのHTMLファイルにまとめ、画像の外部読込やライブラリのインストールなしでブラウザー上で動く形にしてください。Canvas 2DまたはSVGを使って構いません。
再生・一時停止・最初から再生・時間スライダーをつけ、時間を戻しても同じ画面を再現できるようにしてください。音声は不要です。
以下の演出指定に合わせて作成し、完成した文字は、少なくとも1秒読める状態に保ってください。

【今回の演出】
オレンジの背景中央に、白い横長の丸いボタンとGOの文字を置いてください。0.4秒からボタンを小さい状態から拡大し、目標サイズを少し越えた後、1.3秒以内に通常サイズへ収束させます。ばねのようなオーバーシュートを使いますが、揺れ幅は次第に小さくしてください。ボタンと文字は一体として動かし、最後は静止。画面外への飛び出し、回転、点滅は不要です。

文字と図形を使った6秒のモーショングラフィックスを作ってください。
横16:9、基準サイズ1280×720。文字はHELLO、MOVE、STARTなどの汎用的な短い言葉を使い、固有名詞や架空の実績は入れないでください。
白に近い背景と濃い文字を基本に、黄色・オレンジ・ミント・ラベンダーからアクセントを選んでください。余白を取り、文字を枠内に収めてください。
HTML・CSS・JavaScriptを一つのHTMLファイルにまとめ、画像の外部読込やライブラリのインストールなしでブラウザー上で動く形にしてください。Canvas 2DまたはSVGを使って構いません。
再生・一時停止・最初から再生・時間スライダーをつけ、時間を戻しても同じ画面を再現できるようにしてください。音声は不要です。
以下の演出指定に合わせて作成し、完成した文字は、少なくとも1秒読める状態に保ってください。

【今回の演出】
白に近い背景に、左から右へ続く濃い緑の緩やかな波線を配置してください。ラインドローを使い、線の位置は動かさず、始点から見える長さを増やします。0.3秒から2.1秒かけて終点まで描き、線の先端に小さなオレンジの丸を追従させてください。線は14px相当、端は丸く。完成後にFOLLOW THE IDEAと表示し、線を消したり点滅させたりしないでください。

文字と図形を使った6秒のモーショングラフィックスを作ってください。
横16:9、基準サイズ1280×720。文字はHELLO、MOVE、STARTなどの汎用的な短い言葉を使い、固有名詞や架空の実績は入れないでください。
白に近い背景と濃い文字を基本に、黄色・オレンジ・ミント・ラベンダーからアクセントを選んでください。余白を取り、文字を枠内に収めてください。
HTML・CSS・JavaScriptを一つのHTMLファイルにまとめ、画像の外部読込やライブラリのインストールなしでブラウザー上で動く形にしてください。Canvas 2DまたはSVGを使って構いません。
再生・一時停止・最初から再生・時間スライダーをつけ、時間を戻しても同じ画面を再現できるようにしてください。音声は不要です。
以下の演出指定に合わせて作成し、完成した文字は、少なくとも1秒読める状態に保ってください。

【今回の演出】
ミント色の背景中央に、濃い緑の図形を一つ置いてください。円→角丸四角→ひし形→円の順で、輪郭を連続的にモーフさせます。各段階は約2秒で、変形に約1.3秒を使い、前後に短い静止を入れてください。中心位置と塗り色を固定し、図形の中央には背景色の小さな穴を残します。不透明度を下げるだけの切り替えではなく、輪郭が滑らかに動く形にしてください。

文字と図形を使った6秒のモーショングラフィックスを作ってください。
横16:9、基準サイズ1280×720。文字はHELLO、MOVE、STARTなどの汎用的な短い言葉を使い、固有名詞や架空の実績は入れないでください。
白に近い背景と濃い文字を基本に、黄色・オレンジ・ミント・ラベンダーからアクセントを選んでください。余白を取り、文字を枠内に収めてください。
HTML・CSS・JavaScriptを一つのHTMLファイルにまとめ、画像の外部読込やライブラリのインストールなしでブラウザー上で動く形にしてください。Canvas 2DまたはSVGを使って構いません。
再生・一時停止・最初から再生・時間スライダーをつけ、時間を戻しても同じ画面を再現できるようにしてください。音声は不要です。
以下の演出指定に合わせて作成し、完成した文字は、少なくとも1秒読める状態に保ってください。

【今回の演出】
薄いラベンダーの背景に、左のPOINT Aから右のPOINT Bへ続くS字の経路を描いてください。小さな濃い緑のカプセルを、その経路に沿って0.3秒から4.8秒かけて移動させます。開始と終了はゆっくり、途中は速め。カプセルの先端が進行方向を向くよう、曲線の接線に合わせて回転してください。直前に通った部分だけオレンジで短く残し、終点に着いたら停止します。

文字と図形を使った6秒のモーショングラフィックスを作ってください。
横16:9、基準サイズ1280×720。文字はHELLO、MOVE、STARTなどの汎用的な短い言葉を使い、固有名詞や架空の実績は入れないでください。
白に近い背景と濃い文字を基本に、黄色・オレンジ・ミント・ラベンダーからアクセントを選んでください。余白を取り、文字を枠内に収めてください。
HTML・CSS・JavaScriptを一つのHTMLファイルにまとめ、画像の外部読込やライブラリのインストールなしでブラウザー上で動く形にしてください。Canvas 2DまたはSVGを使って構いません。
再生・一時停止・最初から再生・時間スライダーをつけ、時間を戻しても同じ画面を再現できるようにしてください。音声は不要です。
以下の演出指定に合わせて作成し、完成した文字は、少なくとも1秒読める状態に保ってください。

【今回の演出】
濃い緑の背景に、0％から75％へ増える大きな数字と円形の進捗リングを作ってください。0.4秒から2.2秒かけてカウントアップし、終わりに減速。リングは同じ進捗変数を使い、最後は全周の75％まで黄色で塗ります。数字は桁が変わっても中央位置がずれないようにし、最後は75％で停止してください。これは架空の進捗デモで、売上や利用者数などの意味は持たせません。

文字と図形を使った6秒のモーショングラフィックスを作ってください。
横16:9、基準サイズ1280×720。文字はHELLO、MOVE、STARTなどの汎用的な短い言葉を使い、固有名詞や架空の実績は入れないでください。
白に近い背景と濃い文字を基本に、黄色・オレンジ・ミント・ラベンダーからアクセントを選んでください。余白を取り、文字を枠内に収めてください。
HTML・CSS・JavaScriptを一つのHTMLファイルにまとめ、画像の外部読込やライブラリのインストールなしでブラウザー上で動く形にしてください。Canvas 2DまたはSVGを使って構いません。
再生・一時停止・最初から再生・時間スライダーをつけ、時間を戻しても同じ画面を再現できるようにしてください。音声は不要です。
以下の演出指定に合わせて作成し、完成した文字は、少なくとも1秒読める状態に保ってください。

【今回の演出】
白に近い背景に、A〜Eの5本の棒グラフを作ってください。架空の比較デモとして高さの比率は31、53、45、74、91。棒の下端を同じ基準線に固定し、上端だけが伸びるようにします。0.4秒から左順に0.15秒ずらし、各棒は1.35秒で目標値に到達。最後のEだけオレンジ、ほかはミント色にしてください。線は薄く、縦軸の実単位や架空の実績タイトルは加えず、最後は静止させます。

文字と図形を使った6秒のモーショングラフィックスを作ってください。
横16:9、基準サイズ1280×720。文字はHELLO、MOVE、STARTなどの汎用的な短い言葉を使い、固有名詞や架空の実績は入れないでください。
白に近い背景と濃い文字を基本に、黄色・オレンジ・ミント・ラベンダーからアクセントを選んでください。余白を取り、文字を枠内に収めてください。
HTML・CSS・JavaScriptを一つのHTMLファイルにまとめ、画像の外部読込やライブラリのインストールなしでブラウザー上で動く形にしてください。Canvas 2DまたはSVGを使って構いません。
再生・一時停止・最初から再生・時間スライダーをつけ、時間を戻しても同じ画面を再現できるようにしてください。音声は不要です。
以下の演出指定に合わせて作成し、完成した文字は、少なくとも1秒読める状態に保ってください。

【今回の演出】
3層のシンプルな幾何学的な風景を重ね、パララックスを作ってください。背景は淡い緑、遠景・中景・手前の順に濃い緑にします。6秒をかけて横移動し、最大の移動幅は遠景22px、中景65px、手前140px相当。画面端に空白が見えないよう、各層は画面より大きく描いてください。中央にEXPLOREの小さなタイトルを置き、文字の移動はごく小さくします。

文字と図形を使った6秒のモーショングラフィックスを作ってください。
横16:9、基準サイズ1280×720。文字はHELLO、MOVE、STARTなどの汎用的な短い言葉を使い、固有名詞や架空の実績は入れないでください。
白に近い背景と濃い文字を基本に、黄色・オレンジ・ミント・ラベンダーからアクセントを選んでください。余白を取り、文字を枠内に収めてください。
HTML・CSS・JavaScriptを一つのHTMLファイルにまとめ、画像の外部読込やライブラリのインストールなしでブラウザー上で動く形にしてください。Canvas 2DまたはSVGを使って構いません。
再生・一時停止・最初から再生・時間スライダーをつけ、時間を戻しても同じ画面を再現できるようにしてください。音声は不要です。
以下の演出指定に合わせて作成し、完成した文字は、少なくとも1秒読める状態に保ってください。

【今回の演出】
濃い緑のNEXT画面から、黄色のSTART画面へサークルワイプで切り替えてください。1.15秒から1.5秒かけて、中央から円形のマスクを拡大し、その内側に次の画面を表示します。円は四隅まで完全に覆うサイズにしてください。3.7秒から同じ方法でNEXT画面へ戻します。文字そのものの移動やフェードを重ねず、円の境界で画面が入れ替わる様子を見せてください。

文字と図形を使った6秒のモーショングラフィックスを作ってください。
横16:9、基準サイズ1280×720。文字はHELLO、MOVE、STARTなどの汎用的な短い言葉を使い、固有名詞や架空の実績は入れないでください。
白に近い背景と濃い文字を基本に、黄色・オレンジ・ミント・ラベンダーからアクセントを選んでください。余白を取り、文字を枠内に収めてください。
HTML・CSS・JavaScriptを一つのHTMLファイルにまとめ、画像の外部読込やライブラリのインストールなしでブラウザー上で動く形にしてください。Canvas 2DまたはSVGを使って構いません。
再生・一時停止・最初から再生・時間スライダーをつけ、時間を戻しても同じ画面を再現できるようにしてください。音声は不要です。
以下の演出指定に合わせて作成し、完成した文字は、少なくとも1秒読める状態に保ってください。

【今回の演出】
6秒で3つの画面を見せるマッチカットを作ってください。0〜2秒は大きな円、2〜4秒は同じ位置と半径のレコード、4〜6秒は同じ位置と半径の時計。外周の円は常に中心をそろえます。2秒と4秒でハードカットし、フェードや輪郭のモーフは使いません。背景は黄色、ラベンダー、ミントの順。レコードだけ軽く回転させ、時計の目盛りと針は読めるように静止させます。

この動きを、1920×1080、30fps、6秒のMP4として書き出したいです。現在の文言・配色・レイアウト・動く順番を保ってください。
利用中の環境で実際に書き出せるか確認し、可能なら再生できるMP4を作成してください。直接書き出せない場合は、必要な実行環境と手順を説明してください。
画面キャプチャに頼らずフレームを描画する場合は、同じ時刻で同じ絵になるよう時間を管理してください。完成後に解像度、尺、文字の欠け、冒頭と最後のフレームを確認してください。