DaVinci Resolveでは、四角や円形のシェイプを作って、映像と一緒にアニメーションさせることができます。このページでは、Fusionページで四角いシェイプを作って、その四角形を大きくしたり小さくしたりする簡単なアニメーションの紹介しています。
「Fusionコンポジション」を追加
エディットページに移動します。

「エフェクトライブラリ」>「ツールボックス」>「エフェクト」>「Fusionコンポジション」をタイムラインにドラッグアンドドロップして追加します。
※「ツールボックス」の中身が表示出来なるバグが存在します。ツールボックスが表示できなくなった場合は、トップメニューから「ワークスペース」>「UIレイアウトをリセット」をクリックします。
「Background」の作成
Fusionページに移動します。

「Background」アイコンをクリックして、ノードエディタに「Background1」を追加します。

「Background」のノードをクリックしてアクティブ(赤い枠)にします。ノード下の右の白い丸をクリックして、右のビューワーにプレビュー表示します。(左丸をクリックすると左のビューワーに表示します。)

- 「Background」カラーを変更します。「インスペクタ」>「Color」をクリックするとカラーパレットが表示されます。
- とりあえず、ホワイトを選択して
- 「OK」をクリックします。

※DaVinciでは、作成した「Background」をパスで切ってシェイプを作り出す仕様のため、「Background」を作る作業が必要になります。
シェイプの作成
四角いシェイプを作ってみます。

- 「Rectangle」をクリックしてノードエディタに追加します。
- 「Rectangle」ノードが「Background」の青の三角マークに繋がります。(「Background」に「Reactangle」というエフェクトを追加したという状況です)
- ビューワーには「Rectangle」の形に切り抜かれた「Background」が表示されます。
アニメーション
四角いシェイプの大きさが変化する簡単なアニメーションを作ってみます。

- 「Rectangle」ノードをクリックしてアクティブにしてから、「キーフレーム」タブをクリックします。
- ノードエディタの横に「keyframes」が表示されます。

「インスペクタ」の「Width」と「Height」右のひし形をクリックして開始点を設定します。

タイムラインを動かしながら、「Width」と「Height」を変更(①~④)して、四角が大きくなったり小さくなったりするようにしてみます。再生ボタンをクリックして動作を確認します。

最後に「Background1」の右の四角をドラッグして、「MediaOut1」と繋ぎます。
動作確認
エディットページに移動して動作確認します。

完成図
元動画の上で、白い四角が大きくなったり小さくなったりしたら成功です。
