AIのアニメーションを、派手な文字から分かる説明へ変えるには？
この記事では、一つの説明を、順番・違い・割合のどれで見せるか決めるところから、実際の仕事へ置き換える手順を整理します。
動くと分かる瞬間
三つの箱がふわっと出てくる動画と、一つの依頼が三人の担当へ順番に渡る動画。
同じ三つの箱でも、後者の方が仕事の流れを想像しやすいですよね。
動いているから分かりやすいのではなく、何の関係が動きで分かるかが大事なんです。
Claudeに、説明用のアニメーションを作るMotionという機能が登場しました。
文章や図、画像を動かして、短い動画として書き出せます。
この記事では、この新機能が何なのかと、AIに図解を頼む時に変えたい指示を、実際に見られる説明見本で紹介します。
素材は「問い合わせ、確認、返信」という三段階です。
難しいデザインの専門用語を覚える話ではありません。
視聴者が、順番、違い、変化のどれを理解すればいいのか。
ここを先に決めます。
映像を生成するAIとの違い
十月八日の公式案内では、Claude MotionはTeamとEnterprise向けのベータです。
すべての個人向けプランで使えるという話ではありません。
Enterpriseでは管理者側で有効にする設定もあります。
Motionは、人物の映像をゼロから生成する動画生成モデルとは違います。
文字、図、画像を動かすコードを作るため、言葉や数字やタイミングを変更できる仕組みです。
公式にはMP4でのダウンロードも案内されています。
これまでClaude Codeで動く図を作っていた人もいますが、その方法と今回のMotionという製品機能は分けて考えてください。
ここで示す図は、この記事のために用意した説明用の見本です。
Motionの操作画面ではなく、動かし方を理解するための見本です。
同じ題材をどう依頼するかが、今回持ち帰ってほしいところです。
順番を見せる動き
AIに図解動画を頼む時、「三つの項目をアニメーションにして」だけだと、全部が同じように飛び出す動画になりがちです。
そこで、何の順番なのかを一緒に渡します。
例えば問い合わせ対応なら、「問い合わせが届く。
足りない情報を確認する。
条件がそろったら返信する。
この順番で、一つのカードが移動する動きにしてください」と頼みます。
三つの言葉を別々に動かすより、同じ一件がどう進むかを見せる。
矢印は移動の方向にだけ使う。
説明していない段階は薄くして、今の段階をはっきりさせる。
こうすると、動きが飾りではなく、話の順番を伝える役割を持ちます。
違いと変化は別の見せ方
次は比較です。
「全部任せる」と「下書きまで任せる」の違いを説明するなら、箱を順番に出すだけでは足りません。
左は送信まで、右は確認で止まる。
同じ流れを並べて、最後の一段だけ違うことを見せます。
数字の変化なら、また別です。
十件の問い合わせのうち、情報がそろっているのが六件という説明用の例なら、十個の点を置き、そのうち六個だけ色を変える。
関係のない矢印を増やす必要はありません。
架空の数字なので、実績としては見せません。
順番には移動、違いには並べて比較、割合には同じ単位の数。
この選び方と絵コンテを「動く説明」にまとめました。
次は、せっかく作った図解を、話している言葉へどう合わせるかです。
話す言葉と動きを合わせる
図解の出るタイミングは、「画面が寂しいから」では決めません。
「確認します」と話し始める時に、確認の段階が強調されるようにします。
まだ説明していない結論を先に全部出すと、視聴者はどこを見ればいいか迷います。
効果音も、言葉の途中へ機械的に足すのではなく、場面が切り替わる、比較の差が現れる、結果が確定するところへ合わせます。
全く同じ音を毎回鳴らすより、役割が違う場面を聞き分けられる方が意味があります。
そして、音が入った瞬間に声が聞きづらくなったら逆効果です。
図、字幕、効果音を別々に完成させるのではなく、同じ発話を基準に合わせます。
カットを変えたら、この三つも一緒に時刻を直す必要があります。
三つの依頼文を使い分ける
AIへ説明動画を頼む時、まず「順番」「違い」「割合」のどれを見せるか決めると、指示が具体的になります。
順番なら、「十五秒の見本にしてください。
最初の五秒で問い合わせ、次の五秒で確認、最後の五秒で返信。
同じカードを左から右へ動かして、まだ説明していない段階は薄くする」と頼みます。
比較なら、「二つの工程を左右に並べて、確認する段階がある方だけを強調する」。
割合なら、「十個の点を置き、六個だけ色を変える」。
三つとも、文字を跳ねさせてとは頼んでいません。
この秒数と数字は説明用の指定です。
実際の動画では、話す言葉の始まりと、図の変わる瞬間を合わせます。
動きの種類を増やすことより、一つの動きで一つの意味が伝わること。
ここから図解の頼み方を変えてみてください。
最初に試す一件
一つの説明を、順番・違い・割合のどれで見せるか決める。
自分の条件へ置き換える依頼例
「問い合わせ→不足情報の確認→返信」の説明用アニメーションを作ってください。
同じ一件のカードが順番に移動し、現在の段階だけ強調されます。
発話「問い合わせが届く」で1段階目、「確認する」で2段階目、「返信する」で3段階目。
文字は読み切れる時間を確保。
白い小さな土台に濃い文字。
土台は要素の実寸に合わせる。
意味のない回転・点滅・すべて同じバウンドは避けます。
別カットで比較を作る場合は左右に同じ工程を並べ、送信前の確認の有無だけを対比します。
割合の例は10個中6個を着色。
説明用数値と明記。
SEは段階到達・差の発見・結果確定のアンカーへ置き、声を隠さない設計表を返してください。
よくある質問
すべての図を同じアニメーションにしてよいですか？
順番は同じ対象の移動、違いは二つを並べた比較、割合は同じ単位の数で示します。
箱が跳ねるだけでなく、視聴者がどの関係を理解するのかを先に決めます。
効果音はどこへ合わせますか？
場面の切替、比較の差、結果の確定など意味が変わる瞬間へ合わせます。
図・字幕・効果音を同じ発話へ結び、カットを変えた時は三つとも時刻を更新します。
実践シートを受け取る
公式LINE「ソウタのAIインスタ大学」で「動く説明」と送ると、「図解動画の絵コンテ・発話と動きの対応表」を受け取れます。
出典・提供条件
機能・対象プランは収録原稿の確認日（2026年10月17日）時点です。
説明に使うサービスや数値、会話は自主制作の見本であり、AIサービスの実出力や受注実績を示すものではありません。