「製品紹介の短い動画を、動きのある図解で作れないか」「Soraが終わったと聞いたが、動く映像はもう作れないのか」「After Effectsの単純な作業を、AIで減らしたい」。動画や広報の担当者から聞くのは、この3つです。
結論から言えば、OpenAIの動画生成AIのSoraは、2026年4月26日にWeb版とアプリが、9月24日にAPIが提供を終えており、2026年10月6日時点で、ChatGPTで動画を生成する機能は公式に案内されていません。それでも、文字や図形、グラフ、アイコンを動かすモーショングラフィックスなら、ChatGPTで作れます。モーショングラフィックスの動きは、コードや設定で書けるからです。ChatGPTにHTMLとCSSで動きを書かせる、Codexで動画用のライブラリを動かしてMP4に書き出す、After Effectsのエクスプレッションやスクリプトを書かせる、Blenderを動かす、という4つのルートがあり、テンプレートとデータを組み合わせれば、数十本を自動で書き出す仕組みも作れます。デザインの判断と仕上がりの確認は人が行います。
この記事では、ChatGPTコンサル編集部が、動画生成とモーショングラフィックスの違い、4つのルートと素材の作り方、ルートごとの手順と指示の例、テンプレートとデータで自動生成する仕組み、業務での使い方、権利とライセンスの注意点までを解説します。
⚠️ 機能は更新されることがあります。本記事は2026年10月6日時点の情報です。Soraの提供終了は公式ヘルプ「What to know about the Sora discontinuation」で、ChatGPTのコードのプレビューは公式ヘルプ「Working with writing blocks and code blocks in ChatGPT」でご確認ください。
動画生成とモーショングラフィックスの違い
「AIで動画を作る」には、性質の違う2つの作り方があります。
| 項目 | 動画生成AI | モーショングラフィックス |
|---|---|---|
| 作り方 | 文章や画像から、映像そのものを生成する | 文字、図形、グラフ、アイコンの動きを設計する |
| 中身 | 画素（ピクセル）の映像 | 動きの指示（キーフレーム、コード、設定） |
| 修正の方法 | 生成し直す | 文言や数値を直して書き出し直す |
| ChatGPTでの扱い | 公式の案内なし（Soraは終了） | コードや設定を書かせて作れる |
| 向いている用途 | 実写風やアニメ風のイメージ映像 | 図解、数値の説明、ロゴ、字幕、画面の操作の説明 |
業務の動画の多くは、後者で足ります。研修動画の図解、製品の機能紹介、決算の数値の説明、SNSの短い告知は、文字と図形とグラフが正しく動けば成立します。そして「正しく動く」ことは、コードで書いたほうが確実です。文言や数値の修正も、生成し直すのではなく、書き換えて書き出し直すだけで済みます。
💬 さとしさん（編集長）
モーショングラフィックスは「描く」より「設計する」仕事です。設計を言葉とコードにできれば、ChatGPTの得意分野になりますよ！
ChatGPTで作る4つのルートと素材
| ルート | 作れるもの | 必要なもの | 向いている人 |
|---|---|---|---|
| ① HTML・CSS・SVG | Webページの動き、ロゴやアイコンの短いループ、図解のアニメーション | ブラウザ | まず試したい人、Webに載せたい人 |
| ② Remotion・Manim（Codexで実行） | MP4の解説動画、数値やグラフの動き、数式の説明 | Node.jsかPython（Manimで数式を描く場合はLaTeXも）、Codex | 動画ファイルが必要な人、量産したい人 |
| ③ After Effects | 本格的なモーショングラフィックス、テンプレートの量産 | After Effectsの契約 | すでにAfter Effectsを使っている制作の現場 |
| ④ Blender | 3Dの動き（製品の回転、仕組みの説明） | Blender（無料） | 3Dの表現が必要な人 |
背景、アイコン、イラストといった素材は、ChatGPTの画像生成で作れます。2026年9月8日に公開されたChatGPT Images 2.5は、透過背景を含む複雑なレイアウトを扱えると公式に案内されています。透過背景のアイコンやイラストを作り、上の4つのルートで動かす組み合わせが使えます。
ルート①｜HTML・CSS・SVGで動きを書かせる
最も手軽なルートです。
- 動かしたい内容、尺、色、文字を伝え、「1つのHTMLファイルで、CSSのアニメーションで作って」と頼みます
- ChatGPTのコードブロックでは、HTMLのページ、Reactのコンポーネント、SVGの画像をプレビューできます。使える操作は、プラン、端末、ワークスペースの設定、モデル、提供の状況で変わります
- 気になる点は「2秒目の動きを遅く」「文字を下から上に出す」のように、時間と動きで指示して直します
- 完成したHTMLはブラウザで開いて確かめ、Webサイトやプレゼンに組み込みます
次の内容で、16:9のモーショングラフィックスを1つのHTMLファイルで作ってください。
・内容：「問い合わせ対応の時間を半分に」という見出しが出たあと、棒グラフが120分から60分に縮む
・尺：全体で8秒、最後の2秒は静止
・色：背景は白、文字は濃い紺、強調は青
・文字：日本語は読みやすいゴシック体
・条件：外部のライブラリを使わず、CSSのアニメーションだけで動かす
・最後に、動きのタイミング（何秒目に何が起きるか）を表で示す「タイミングを表で示す」と頼むのがコツです。修正の指示が「何秒目の何を」と具体的になり、往復が減ります。
作った動きのあるページを社内やWebで共有するなら、ChatGPT Sitesも使えます。Workの画面で依頼してサイトを作り、共有や公開の範囲を設定できる機能で、PlusとPro、法人のワークスペースで公開ベータとして提供されています。新しいサイトは作成者とワークスペースの管理者だけが見られる状態から始まります。Businessのワークスペースでは既定で使えますが、Enterpriseでは管理者がSitesを有効にする必要があり、一般への公開も既定でオフです。
なお、HTMLの動きを動画ファイル（MP4）にするには、画面の録画などの別の手順が必要です。動画ファイルが必要なら、次のルート②が向いています。
ルート②｜Codexで動画のライブラリを動かし、MP4に書き出す
Remotionは、Reactで動画を作るフレームワークです。Manimは、Pythonで図や数式のアニメーションを作るライブラリで、コミュニティ版はMITライセンスのオープンソースです。どちらもコードで動きを書き、動画ファイルに書き出せます。
OpenAIのコーディングのエージェントのCodexは、パソコン上でコードを書き、実行できます。環境の準備から動画の書き出しまでを任せられます。
- 作業用のフォルダを用意し、Codexでそのフォルダを開きます
- 作りたい動画の構成、サイズ、尺を伝えます
- Codexがプロジェクトを作ったら、プレビューで動きを確かめ、修正を指示します
- 最後に「MP4で書き出して」と頼み、書き出したファイルを確かめます
Remotionで、社内研修の冒頭に流す15秒の動画を作ってください。
・サイズ：1920×1080、30fps
・構成：0〜3秒はタイトル「経費精算の新しい流れ」を中央に表示
・3〜11秒は、3つの手順（申請、承認、支払い）をアイコンと矢印で順に表示
・11〜15秒は「4月1日から」の文字を表示して止める
・色と書体は、添付したロゴの画像に合わせる
・文言と秒数は、あとで変えやすいように1つの設定ファイルにまとめる
・完成したら、書き出しの手順とMP4のファイルの場所を教えて「文言と秒数を1つの設定ファイルにまとめる」と頼んでおくと、あとで数値や文言を差し替えるだけで別の動画を作れます。これが後で説明する自動生成の土台になります。
注意点が2つあります。1つ目はライセンスです。Remotionのライセンスでは、個人、従業員3人までの営利の組織、非営利の組織、導入前の評価での利用は無料ですが、それ以外の会社は会社向けのライセンスが必要です。2つ目は作業の場所です。Codexはパソコン上でコマンドを実行するため、作業用のフォルダで試し、重要なファイルのある場所では使わないでください。
ルート③｜After Effectsのエクスプレッション、スクリプト、データ駆動
After Effectsを使っている現場では、ChatGPTは作業を自動化する部品を書く役になります。
- エクスプレッションは、レイヤーの動きを式で指定する仕組みで、JavaScriptで書きます。「このテキストの数字が、2秒かけて0から100まで増えるようにして」と頼むと、式を書いてくれます
- スクリプトは、After Effectsの操作を自動化するプログラムです。「CSVの各行から、テキストレイヤーを作って並べるスクリプト」のように、繰り返しの作業をまとめられます
- データ駆動のアニメーションでは、JSONやCSVのデータを読み込み、エクスプレッションで動きに結びつけます。毎月更新する数値のグラフに向いています
- After Effectsで作ったモーショングラフィックステンプレートは、Premiere Proに読み込み、文言を差し替えて使えます
- Webやアプリに軽い動きを載せるなら、プラグイン（Bodymovinなど）でLottie（JSON形式のアニメーション）に書き出す方法もあります
ChatGPTが書いた式やスクリプトは、After Effectsのバージョンや設定によって動かないことがあります。エラーの文言をそのまま貼って直させると、早く解決します。
ルート④｜Blenderで3Dの動きを作る
- BlenderはPythonで操作できます。「製品のモデルを10秒で360度回転させ、MP4で書き出すPythonのスクリプト」のように頼み、Blenderで実行します
- 2026年9月に登場したGPT-6 Astraは、Blenderを操作して3Dのシーンを作れることが、OpenAIの公式のデモ（Blenderで住宅を作り、Unreal Engine 5で歩ける空間にする例）で示されています
- 3Dの動きは、製品の構造の説明や、組み立ての手順の説明に向いています
3Dは書き出しに時間がかかり、思いどおりの形に一度で届くとは限りません。まずは短い尺で動きを確かめてから、長い書き出しに進んでください。
テンプレートとデータで「自動生成」する
モーショングラフィックスの自動生成の実体は、テンプレートとデータの組み合わせです。
- 型を1本作ります。ルート②か③で、文言、数値、画像を差し替えられる形の動画を1本作ります
- データを表にします。差し替える文言、数値、画像のファイル名を、1行で1本の表（ExcelやCSV）にまとめます
- 書き出しを自動化します。Codexに「この表の行ごとに動画を書き出す仕組みを作って」と頼みます
- 人が確認します。書き出した動画を、文字の誤り、数値、文字のはみ出しの観点で確かめます
| 自動生成の例 | テンプレートで差し替えるもの | データ |
|---|---|---|
| 製品の紹介動画 | 製品名、特長3つ、製品の画像 | 製品の一覧表 |
| 毎月の数値の報告 | グラフの数値と見出し | 月次の数値 |
| 求人の職種紹介 | 職種名、仕事内容、勤務地 | 募集の一覧 |
| 店舗やイベントの告知 | 日時、場所、見出し | 告知の一覧 |
💬 あやさん（副編集長）
最初の1本は丁寧に作り込んで、あとは表を書き換えるだけ。これが自動生成のいちばん現実的な形ですよ！
業務での使い方
| 用途 | 使い方の例 | 向いているルート |
|---|---|---|
| 研修とマニュアル | 手順を図解で動かす、操作の流れを矢印で示す | ①②③ |
| 製品の紹介 | 機能を3つのシーンで見せる、3Dで回転させる | ②③④ |
| IRと数値の説明 | 売上や利益の推移をグラフで動かす | ②③ |
| SNSと広告 | 短い告知、ロゴの動き | ①②③ |
| Webサイト | 見出しや図解の動き | ① |
| 展示会 | ブースで流すループの映像 | ②③④ |
ナレーションを付ける場合は、音声を別に作り、書き出した動画に重ねます。OpenAIの音声合成で作った音声を使う場合は、聞き手にAI音声であることを明示するよう、OpenAIの開発者向けの案内で求められています。
権利、ライセンス、確認の注意点
- 既存のロゴ、キャラクター、作品に似せた動きや素材は作らないでください。他社のブランドに似た表現は、権利の侵害や誤認の原因になります
- フォント、BGM、効果音、素材は、商用での利用条件を確かめます
- Remotionの会社向けのライセンス、After Effectsの契約など、使う道具のライセンスを確かめます
- 文字の誤り、数値、表記のゆれは、書き出したあとに人が確かめます。動画は修正の手間が大きいため、台本と数値の段階で確かめるのが効率的です
- YouTubeのヘルプでは、現実と見分けがつかない合成の映像には開示が求められる一方、アニメーションのように現実的でない表現は開示の対象外とされています
- 社外秘の数値や未発表の製品の情報を扱う場合は、会社のワークスペースで扱い、公開前の確認の手順を決めておきます
よくある質問（FAQ）
Q. ChatGPTで動画を生成できますか？
A. Soraは2026年4月26日にWeb版とアプリが、9月24日にAPIが提供を終え、2026年10月6日時点で、ChatGPTで動画を生成する機能は公式に案内されていません。文字や図形を動かすモーショングラフィックスなら、コードや設定を書かせて作れます。
Q. プログラミングの知識がなくても作れますか？
A. HTMLとCSSのルートなら、ChatGPTのコードブロックのプレビューで動きを確かめながら進められます。MP4の書き出しは、Codexに環境の準備から任せる方法があります。
Q. After Effectsの作業は減らせますか？
A. エクスプレッション、繰り返しの作業のスクリプト、データ駆動のアニメーションの設定をChatGPTに書かせると減らせます。動かない場合は、エラーの文言を貼って直させてください。
Q. 何十本もの動画を自動で作れますか？
A. 文言や数値を差し替えられる型を1本作り、データを表にまとめ、行ごとに書き出す仕組みをCodexに作らせれば可能です。書き出したあとの確認は人が行います。
Q. 作った動画は商用で使えますか？
A. 使う道具のライセンス（Remotionの会社向けのライセンスなど）と、フォントや素材の利用条件を確かめてください。既存の作品やロゴに似せた表現は避けます。
まとめ
ChatGPTでのモーショングラフィックスの作り方について、要点を5つにまとめます。
- Soraは2026年4月26日にWeb版とアプリが、9月24日にAPIが提供を終え、ChatGPTで動画を生成する機能は公式に案内されていません
- 文字や図形、グラフを動かすモーショングラフィックスは、コードや設定で書けるため、ChatGPTで作れます
- ルートはHTML・CSS・SVG、Codexで動かすRemotionやManim、After Effects、Blenderの4つで、素材はImages 2.5で作れます
- 自動生成は、差し替えられる型を1本作り、データの表から書き出す仕組みで実現します
- 道具のライセンス、フォントや素材の利用条件、文字と数値の確認、既存の作品に似せない注意を守ります
まずは、次の研修や製品紹介で使う図解を1つ選び、ChatGPTに「8秒のアニメーションを1つのHTMLファイルで」と頼んでみてください。動きを言葉で直す感覚がつかめれば、MP4の書き出しや量産にも進めます。
💬 さとしさん（編集長）
動画の制作は「型を作って、データで回す」時代です。まず1本、動きを言葉で設計してみましょう！
生成AIの導入・活用でお困りではありませんか
ChatGPTやClaudeをはじめとした生成AIの活用を、研修とコンサルティングで支援しています。これまでPower BIやDX支援など、30社以上・のべ数千名の支援に携わってきました。「研修や製品紹介の動画を内製したい」「動画の制作の工程にAIを組み込みたい」といったご相談も承っています。まだ情報収集の段階でも構いません。お気軽にお問い合わせください。
