Lottie オーバーレイ

Lottie オーバーレイ（Lottie Overlay）ノードは、動画の上に、タイミングを合わせたアニメーションを重ねます。何を、どこに、いつ表示するかを説明します。たとえば「confetti falling from the top during the first 3 seconds」のように書きます。すると AI モデルがアニメーションを選び、配置し、タイミングを決めます。ノードが返すのはオーバーレイのプランで、動画レンダリング（Render Video）がそのプランを完成したクリップにします。

使いどころ

• 大事な瞬間に、紙吹雪、きらめき、花火などのお祝いのエフェクトを入れたいとき。
• 決まった時間に、矢印やチェックマークなどのアニメーションアイコンやインジケーターを表示したいとき。
• SNS 用の動画に、目を引くアニメーション要素を入れたいとき。
• モーショングラフィックス（Motion Graphics）で作ったローワーサードやタイトルを、映像の上に配置したいとき。

クイックスタート

入力

出力のコンポジションは、オーバーレイのプランです。接続できるのは動画レンダリングだけです。

設定

組み込みのアニメーション

AI モデルは、Nodaro がホストしている 12 種類のアニメーションから選びます。アニメーションファイルを用意する必要はありません。

継続タイプのエフェクトは、画面に表示されている間ループします。該当するのは、きらめく星、脈打つハート、炎の絵文字、読み込みスピナー、矢印ポインター、浮遊するパーティクル、光るリングです。単発タイプのエフェクトは、1 回だけ再生されます。該当するのは、紙吹雪バースト、花火、クラッカー、サムズアップ、成功のチェックマークです。

標準プリセット

Lottie オーバーレイには、4 つのフォルダーに分かれた 13 個の標準プリセットがあります。ノード上のプリセットメニュー、または設定パネル上部のプリセットメニューから選びます。プリセットを参照してください。

接続したグラフィックのプリセットは、Lottie 入力に接続したグラフィックを配置します。グラフィックを中央に置いたり、フレーム全体に引き伸ばしたり、動画の最初や最後に再生したり、コーナー表示としてループさせたり、リアクションとしてポップ表示させたりします。ほかのフォルダーのプリセットは、組み込みのアニメーションを使います。プリセットはノードの長さ（秒）を変更しないため、オーバーレイのタイムラインは引き続き動画に合ったままです。

プリセットのプロンプトにあるタイミングの変数

プリセットのプロンプトでは、タイミングと配置の選択肢が、デフォルト値付きの変数として書かれています。

Overlay the connected graphic {position || centered} over the video, starting at
{start time || 1 second}. Play it {play mode || once at its natural duration, then remove it}.

それぞれの変数は、3 つの方法で使えます。

1. プリセットをそのまま実行する：すべての変数にデフォルト値が使われます。
2. 変数を上書きする：{start time || 1 second} を 3 seconds に置き換えます。
3. 同じラベルのノードを接続する：start time というラベルのテキスト（Text）ノードが、ワークフローの実行時にその変数に値を入れます。そうすれば、公開したアプリや、それより前の処理でタイミングを制御できます。

詳しくはプロンプト変数を読んでください。

クレジット

Lottie オーバーレイでは、2 つの段階でクレジットがかかります。

1. プランの作成：料金は AI モデルのティア（エコノミー、スタンダード、プレミアム）に従います。範囲は、このページ上部のボックスに表示されています。
2. プランのレンダリング：動画レンダリングは、Nodaro Cloud で 1 回のレンダリングにつき 50 クレジットです。

ヒント

• 何を、どこに、いつ表示するかを書く：たとえば「arrow pointing down at 0:05 for 2 seconds in the bottom-right corner」のように書きます。
• オーバーレイを動画のタイミングに合わせる：映像の中の特定の瞬間を指定し、長さ（秒）は動画の長さと同じにしておきます。
• 全画面用のグラフィックは全画面に配置する：モーショングラフィックスで透明な全画面キャンバスに作ったローワーサードやタイトルには、独自のレイアウトがあります。フレーム全体に配置すれば、そのレイアウトどおりの位置に内容が表示されます。全画面グラフィックプリセットは、この配置を行います。
• テキストはモーショングラフィックスで作る：Lottie オーバーレイは、装飾や情報を伝えるアニメーションに使います。テキスト中心のグラフィックは、モーショングラフィックスで作成します。
• 静止画を配置したい場合は：動画オーバーレイ（Video Overlay）なら、AI モデルを使わずに、ロゴ、スクリーンショット、商品カードを決まった時間に動画の上に表示できます。