モーショングラフィックス（モーショングラフィックス）
文字・図形・写真・動画素材に動きを付けて情報を伝える映像表現。ロゴアニメ・タイポグラフィ・インフォグラフィック・タイトル制作で広く使われる。
概要
モーショングラフィックス（Motion Graphics）は、文字・図形・写真・動画素材に動きを付けて情報を伝える映像表現を指す。実写動画とは別に、ロゴアニメーション・タイポグラフィアニメ・インフォグラフィック動画・YouTube タイトル / 字幕アニメ・UI / アプリ内アニメーション・展示映像等で広く使われる。1950 年代の Saul Bass 映画タイトル制作が起点で、2026 年現在は Adobe After Effects / Apple Motion 6 が業界標準、Web では Lottie / GSAP 3.12 / Motion 12（旧 Framer Motion）が定番である。
主要ツール（2026 年）
| ツール | 形態 | 価格 | 用途 |
|---|---|---|---|
| Adobe After Effects | デスクトップ | ¥3,828/月 | 業界標準、CM / 映画タイトル / YouTube 演出 |
| Apple Motion 6 | デスクトップ（Mac） | ¥7,800 買切 | Final Cut Pro 連携、コスパ最強 |
| DaVinci Resolve Fusion | 無償 / Studio ¥45,000 | ノードベース、合成統合 | |
| Blender 4.3 | OSS | 無償 | 3D + コンポジット、コミュニティ最大 |
| Cavalry | デスクトップ | $24/月〜 | プロシージャル AE 代替 |
| Rive | クラウド + ランタイム | $8/月〜 | アプリ内アニメ、Lottie 後継 |
| Cinema 4D 2026 | デスクトップ | $720/年〜 | 3D モグラの標準、AE 連携最強 |
Web 向け実装ライブラリ
| ライブラリ | 形態 | 特徴 |
|---|---|---|
| Lottie | OSS | After Effects → JSON 出力、軽量再生 |
| GSAP 3.12 | 無償商用可（2024-） | 業界トップのアニメーション JS、Tween / ScrollTrigger |
| Motion 12（旧 Framer Motion） | OSS | React 統合、宣言的 API |
| Anime.js v3 | OSS | 軽量、Framework 非依存 |
| Theatre.js | OSS | エディタ + ランタイム、Three.js 連携強い |
主な用途
- YouTube タイトル / 字幕: After Effects + テンプレート (Envato Elements / Motion Array)
- 企業 PR 動画: Cinema 4D + After Effects、ロゴ立体化 + カメラワーク
- アプリ UI アニメ: Rive / Lottie でデザイナーがアニメ作成 → 開発者が実装
- Web 演出: GSAP + ScrollTrigger でスクロール連動
- インフォグラフィック: After Effects + Adobe Illustrator 素材
PC スペック要件
- 入門 After Effects（HD 制作）: Ryzen 7 7700X / 32 GB RAM / RTX 4060 / NVMe 2 TB
- プロ 4K 制作: Ryzen 9 9900X / 64 GB RAM / RTX 4080 SUPER / NVMe 4 TB
- 8K / 3D 連携 (C4D + AE): Threadripper 7980X / 128 GB RAM / RTX 4090 / NVMe 8 TB
- Mac 派: M3 Pro Mac mini 18GB が個人モグラ最強コスパ
関連用語との違い
| 用語 | 違い |
|---|---|
| アニメーション | キャラクターベース、モーグラは情報伝達ベース |
| VFX（視覚効果） | 実写と CG の合成、モーグラは独立映像 |
| キネティックタイポグラフィ | 文字アニメ専門、モーグラの一形態 |
| インフォグラフィック | 静止画も含む、モーグラは動的版 |
よくある質問
Q1: After Effects と Motion 6、独学者はどちらを選ぶ？ A: Mac ユーザーで Final Cut Pro と連携するなら Motion 6（買切¥7,800）。業界就職を目指すなら After Effects（業界標準）。
Q2: Lottie と Rive の違いは？ A: Lottie は After Effects 由来、宣言的アニメで軽量。Rive はインタラクション + ステートマシン対応で UI 動的応答に強い。2026 年現在 Rive が iOS / Android アプリで急速普及中。
Q3: GSAP は商用無償化されたが本当に？ A: 真。Webflow 買収後の 2024 年から完全に商用無償（Club GreenSock の有償アドオンを除く）。業界アニメーション JS のトップが無償化された大事件。
まとめ
- 文字・図形に動きを付ける 情報伝達特化の映像表現
- 2026 年は After Effects + Cinema 4D / Motion 6 + FCP が二大主流
- Web 実装は GSAP 3.12 + Lottie + Motion 12 で完結