# モーショングラフィックス

> ローワーサード、タイトルカード、キネティックタイポグラフィを説明すると、AI モデルが最長 60 秒の 2D アニメーションを作ります。編集できる Lottie 形式なので、色や文字は無料で変更できます。

Source: https://nodaro.ai/ja/docs/nodes/video/motion-graphics

**モーショングラフィックス**（Motion Graphics）ノードは、説明文から 2D のアニメーショングラフィックを作ります。ローワーサード、タイトルカード、キネティックタイポグラフィ、図形のアニメーション、線のアニメーションなどです。AI モデルがグラフィックをデザインし、設定パネルにそのプレビューが表示されます。動画ファイルにするには結果を[**動画レンダリング**（Render Video）](https://nodaro.ai/docs/nodes/video/render-video)に接続し、映像に重ねるには [**Lottie オーバーレイ**（Lottie Overlay）](https://nodaro.ai/docs/nodes/video/lottie-overlay)を使います。

- Found in: Video › Titles, Graphics & Captions
- Output: video
- API type: `motion-graphics`

## 使いどころ
- インタビューやプレゼンテーション用に、名前と肩書きが入ったアニメーション付きのローワーサードが必要なとき。
- タイトルカード、イントロ、アウトロ、CTA のエンドカードが必要なとき。
- 引用や歌詞から、キネティックタイポグラフィを作りたいとき。
- 解説動画用に、図形や線のアニメーションを作りたいとき。
- チャンネル登録のリマインダーやセールのバッジなど、ほかの動画に重ねる透明なグラフィックを作りたいとき。

## クイックスタート
### ノードを追加する
キャンバス上で Tab を押し、**動画 › タイトル、グラフィック、字幕 › モーショングラフィックス**を選びます。

### グラフィックを説明するか、プリセットを選ぶ
設定パネルの**モーショングラフィックスのプロンプト**に、グラフィックの内容を書きます。表示したい文字は、引用符で囲んで正確に書きます。たとえば、`modern lower third, "John Smith - CEO", pink accent, white text, snappy` のように書きます。**ローワーサード**や**タイトルカード**などの標準プリセットを選ぶこともできます。

### フレームを確認する
**設定**の中で、**長さ（秒）**、**アスペクト比**、**背景色**を確認します。オーバーレイにするなら透明な背景のままにし、単独のカードにするなら単色を選びます。

### 実行する
**実行**をクリックします。設定パネルのプレビューで、グラフィックが再生されます。Lottie エンジンでは、その後、無料で編集できる項目が**スロット**セクションに一覧表示されます。

### 結果を使う
動画ファイルにするには、**コンポジション**を[動画レンダリング](https://nodaro.ai/docs/nodes/video/render-video)に接続します。グラフィックを動画の上に配置するには、**Lottie JSON** を [Lottie オーバーレイ](https://nodaro.ai/docs/nodes/video/lottie-overlay)の **Lottie** 入力に接続します。

Workflow: モーショングラフィックスで作ったローワーサードを、Lottie オーバーレイでインタビューの上に配置してから、レンダリングします。

- モーショングラフィックス → Lottie オーバーレイ (Lottie)
- 動画アップロード → Lottie オーバーレイ (動画)
- Lottie オーバーレイ → 動画レンダリング (コンポジション)

## 入力
| 入力 | 接続できるノード | 説明 |
| --- | --- | --- |
| **動画** | 動画ノード | 任意の参考情報です。このノードはプロンプトからグラフィックを作るため、実行に入力は必要ありません。 |

## 出力
| 出力 | 渡す内容 | 接続先 |
| --- | --- | --- |
| **コンポジション** | モーショングラフィックスのプラン | [動画レンダリング](https://nodaro.ai/docs/nodes/video/render-video)（動画ファイルを得る場合） |
| **Lottie JSON** | 作成された Lottie アニメーションです。Lottie エンジンのみ。 | [Lottie オーバーレイ](https://nodaro.ai/docs/nodes/video/lottie-overlay)の **Lottie** 入力（動画の上に配置する場合） |

## 設定
| 設定 | 説明 |
| --- | --- |
| **エンジン** | **Lottie（AI が作成）**または**クラシック（要素）**です。新しいノードは Lottie で始まります。[どちらのエンジンを選ぶか](#which-engine-to-choose)を参照してください。 |
| **AI モデル** | グラフィックをデザインする言語モデルです。デフォルトは **Claude Sonnet 4.6** です。モデルのティア（**エコノミー**、**スタンダード**、**プレミアム**）によって料金が決まります。 |
| **推論の強度** | 推論に対応したモデルで表示されます。**自動（モデルのデフォルト）**では料金は変わりません。**非常に高い**と**最大**では、1 段階上のティアで課金される場合があります。 |
| **詳細モード** | Gemini モデルのみ。**温度**、**最大トークン数**、推論の全範囲が使えるようになり、クレジットのティアが 1 段階上がります。 |
| **モーショングラフィックスのプロンプト** | グラフィックの説明です。フィールドの横にある情報ボタンで、プロンプトの短いガイドが開きます。 |
| **FPS** | 1 秒あたり `24`、`30`、`60` フレームのいずれかです。デフォルトは `30` です。**設定**の中にあります。 |
| **長さ（秒）** | 1〜60 秒です。デフォルトは 5 秒です。**設定**の中にあります。 |
| **アスペクト比** | `16:9`（デフォルト）、`9:16`、`1:1`、`4:5` のいずれかです。**設定**の中にあります。 |
| **背景色** | 透明度を含む 8 桁の 16 進数カラーです。デフォルトの `#00000000` は完全に透明です。**設定**の中にあります。 |
| **前後のテキスト** | 実行時にプロンプトの前後に追加されるテキストです。ワークフローをアプリとして使う人には表示されません。[プロンプトの前後のテキスト](https://nodaro.ai/docs/concepts/prompt-pre-post-text)を参照してください。 |

## どちらのエンジンを選ぶか
| | Lottie（AI が作成） | クラシック（要素） |
| --- | --- | --- |
| **モデルが書くもの** | 名前付きの編集できるスロットを持つ、完全な Lottie アニメーション | テキスト、図形、線、トランジションのコンパクトなリスト |
| **動き** | より表現豊かで、手描きアニメーションのようなスタイル | よりシンプルで高速 |
| **実行** | バックグラウンドで処理され、プランの準備ができるとプレビューが更新される | すぐに結果を返す |
| **実行後の無料編集** | できる（**スロット**で編集） | できない |
| **Lottie JSON 出力** | あり | なし |
| **クレジット** | スタンダードとプレミアムのモデルでは高くなる。モデルがはるかに大きなアニメーションを書くため | スタンダードとプレミアムのモデルでは安くなる |

エンジンによって、後続の手順は変わりません。どちらのエンジンも、[動画レンダリング](https://nodaro.ai/docs/nodes/video/render-video)用のコンポジションを返します。

### Lottie アニメーションのルール
- **ベクターのみ**：アニメーションに画像は含められません。図形、パス、グラデーション、テキストはすべて使えます。画像を使ったプランは拒否され、もう一度生成されます。
- **エクスプレッションは削除される**：Nodaro は、セキュリティのため、すべてのプランから Lottie のエクスプレッションを取り除きます。
- **20 種類のフォント**：テキストには、20 種類の Web フォントのリストが使われます。リストにないフォントは、Inter に置き換えられます。
- **サイズの上限**：1 つのプランは、最大 50 レイヤー、128 KB までです。それより大きいプランは拒否されます。

クラシックエンジンでは、フォントは厳選されたセットから選ばれます。「modern sans-serif」や「elegant serif」のように、求めるスタイルをプロンプトに書きます。

## スロットを無料で編集する
Lottie のグラフィックには、メインカラー、名前、見出しなどの**名前付きスロット**があります。実行後、プレビューの下にある**スロット**セクションに、それらが一覧表示されます。

- **色**には、カラーピッカーが表示されます。
- **テキスト**には、テキストフィールドが表示されます。
- **数値と座標**には、数値フィールドが表示されます。

スロットを変更すると、そのスロットにリセットの操作が表示されます。スロットの編集は、既存のアニメーションをその場で変更します。クレジットはかからず、グラフィックが再生成されることもなく、入力に合わせてプレビューが更新されます。ノードをもう一度実行しても、モデルは同じスロット名を保つので、編集内容は新しいバージョンにも引き継がれます。

**公開したアプリでのスロット**：公開ダイアログでこのノードを入力として追加すると、各スロットが、公開したアプリとプレゼンモードで編集できるフィールドになります。アプリを使う人は、実行のたびに、これらの色、テキスト、数値を無料で変更できます。[アプリ](https://nodaro.ai/docs/concepts/apps)を参照してください。

## 標準プリセット
モーショングラフィックスには、6 つのフォルダーに分かれた 22 個の標準プリセットがあります。すべて Lottie エンジンを使います。

| フォルダー | プリセット |
| --- | --- |
| **タイトルとテキスト** | ローワーサード、タイトルカード、キネティックタイポグラフィ、引用カード、エンドカード（CTA） |
| **イントロとロゴ** | ロゴ演出、チャンネルのイントロ、カウントダウン |
| **SNS と CTA** | チャンネル登録リマインダー、いいね + フォローのコーナー表示、セールバッジ、ストーリーズハイライト |
| **UI とアイコン** | ローダー／スピナー、成功のチェックマーク、エラーのバツ印、プログレスバー、通知ポップ |
| **FX オーバーレイ** | 紙吹雪バースト、きらめくシマー、スピード線 |
| **背景** | グラデーションブロブのループ、幾何学パターンのループ |

各プリセットは、完全なアートディレクションの指示書です。プロンプト、エンジン、アスペクト比、長さ、背景を設定し、編集できるようにするスロットの名前も決めています。オーバーレイ用のプリセットは、透明な背景を使います。タイトルカード、イントロ、カウントダウン、背景などの単独で使うプリセットは、不透明な暗い背景を使います。テキストのスロットには「Jane Doe」や「SUBSCRIBE」などの仮の文字が入っているので、自分の文字に入力し直します。

プリセットを選ぶと、プロンプトとそれらの設定が置き換わり、ノードがそれまでに作ったアニメーションは消去されます。[プリセット](https://nodaro.ai/docs/concepts/presets)を参照してください。

## クレジット
モーショングラフィックスでは、2 つの段階でクレジットがかかります。

1. **グラフィックのデザイン**：料金は **AI モデル**のティア（エコノミー、スタンダード、プレミアム）に従います。スタンダードとプレミアムのモデルでは、Lottie エンジンのほうがクラシックより高くなります。モデルがはるかに大きなアニメーションを書くためです。キャンバス上のノードの料金バッジに、選んだエンジンとモデルでの料金が表示されます。
2. **レンダリング**：[動画レンダリング](https://nodaro.ai/docs/nodes/video/render-video)は、Nodaro Cloud で 1 回のレンダリングにつき 50 クレジットです。

スロットの編集は無料です。

## ヒント
- **表示する文字は引用符で囲む**：`"John Smith - CEO"` と書くと、モデルが考えた文字ではなく、そのとおりのテキストが入ります。
- **スタイル、色、雰囲気を指定する**：たとえば、スタイルなら modern、minimal、neon、corporate、elegant、色なら「pink accent, white text」、雰囲気なら snappy、smooth、cinematic のように書きます。
- **適切な長さにする**：ローワーサードには 3〜5 秒、タイトルカードには 5〜10 秒が適しています。キネティックタイポグラフィは、それより長くしてもかまいません。
- **オーバーレイは透明のままにする**：ほかの動画に重ねるものは、**背景色**を `#00000000` のままにします。
- **長いシーケンスはノードをつなげて作る**：上限は、1 つのノードにつき 60 秒です。
- **API から使う場合**：API のデフォルトのエンジンはクラシックです。Lottie エンジンを使うには、リクエストでエンジンを Lottie に指定します。

## Frequently asked questions

### クラシックと Lottie のどちらのエンジンを使えばよいですか？

新しいノードのデフォルトである Lottie は、表現豊かな手描き風の動きや、実行後に無料で編集できるスロットが欲しいときに使います。テキスト、図形、線で作るシンプルなグラフィックをすばやく作るには、クラシックを使います。クラシックはすぐに結果を返し、スタンダードとプレミアムのモデルでは料金も安くなります。

### 料金をもう一度払わずに、テキストや色を変更できますか？

はい、Lottie エンジンなら変更できます。実行後、設定パネルの「スロット」セクションに、グラフィックの名前付きの色、テキスト、数値が一覧表示されます。これらの編集にはクレジットがかからず、アニメーションが再生成されることもありません。

### 動画にローワーサードを重ねるには、どうすればよいですか？

Lottie エンジンと透明な背景で、ローワーサードを作ります。その「Lottie JSON」出力を、動画も接続した Lottie オーバーレイノードの「Lottie」入力に接続し、動画レンダリングでオーバーレイをレンダリングします。

### グラフィックの背景が空になっているのはなぜですか？

デフォルトの「背景色」は完全に透明なので、グラフィックをほかの動画の上に重ねられます。単独のタイトルカードにするには、不透明な色を設定します。

### モーショングラフィックスの長さは、最長どれくらいですか？

最長 60 秒です。それより長いシーケンスにするには、複数のグラフィックを作り、レンダリングしたクリップをつなげます。