[Final Cut Pro]キーフレームとジェネレータを使って簡単なテキストアニメーションを作成してみよう!
![](https://www.curioscene.com/wp-content/uploads/2023/05/fcp-simple-lower-thirds-24.gif)
Final Cut ProとAdobe Premier Proは実写をメインとする映像編集に関してはできることはほぼ同じですが、モーショングラフィックスといったアニメーションの場合は、Final Cut Proだとグラフィックやキーフレームといったツールが弱く、本格的なモーショングラフィックスを作成するには正直なところ、あまり向いていません。
しかし、向いていないというだけでFinal Cut Proでモーショングラフィックスを作成できないわけではありません。もちろんApple Motionなどを使うのがベストではありますが、Final Cut Proの標準ツールを使えば上のようなシンプルなテキストアニメーションを作成することが可能です。
Apple Motionにはまだ手を出したくないけれど、Final Cut Proでキーフレームに慣れておきたいという方にはおすすめのチュートリアルなので、気になる方はぜひチャレンジしてみてください。
プロジェクトの作成
![](https://www.curioscene.com/wp-content/uploads/2023/05/fcp-simple-lower-thirds-1.jpg)
Final Cut Proを開き、新規プロジェクト(タイムライン)を作成します。実写と組み合わせる想定なので、クリップのフレームレートに合わせて解像度、フレームレートなどを設定します。今回は「23.98(23.976)fps」にしました。
![](https://www.curioscene.com/wp-content/uploads/2023/05/fcp-simple-lower-thirds-2.jpg)
筆者はクリップの修正などがしやすいようにタイムラインに「ギャップクリップ」を追加していますが、こちらはお好みで追加してください。ギャップクリップを追加する場合は上部メニューの「編集」、「ジェネレータを挿入」の「ギャップ」を選択します。
タイトルのデザイン
シェイプジェネレータとテキストツールを使い、タイトルのデザインをしていきます。今回はシンプルなものにしたいので、3つのクリップを使いアニメーションを作っていきましょう。
![](https://www.curioscene.com/wp-content/uploads/2023/05/fcp-simple-lower-thirds-3.jpg)
サイドバーにある「タイトルとジェネレータ」のアイコンをクリックし、「ジェネレータ」、「要素」の中にある「シェイプ」をタイムラインにドラッグ・アンド・ドロップして追加します。
![](https://www.curioscene.com/wp-content/uploads/2023/05/fcp-simple-lower-thirds-4.jpg)
追加シェイプをクリックしてジェネレータインスペクタを開き、「Shape(シェイプ)」のドロップダウンメニューから「Rectangle(長方形)」を選択してシェイプの形を変更します。
![](https://www.curioscene.com/wp-content/uploads/2023/05/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88-2023-05-11-%E5%8D%88%E5%89%8D10.31.55.jpg)
次に「Fill Color(塗り)」からお好みの色を変更し、「Outline(アウトライン)」のチェックを外して枠線を削除します。枠線はお好みで残しても良いのですが、サイズ変更を行う際に、枠線のサイズが均等にならないので筆者的には利用しないことをおすすめします。
![](https://www.curioscene.com/wp-content/uploads/2023/05/fcp-simple-lower-thirds-6.jpg)
ビューアで「変形」のアイコンが選択されているのを確認し、サイズ(調整)や位置の変更を行いましょう。ビューア上で操作したくない場合はビデオインスペクタから行うことも可能です。
![](https://www.curioscene.com/wp-content/uploads/2023/05/fcp-simple-lower-thirds-7.jpg)
今度はビューアで「クロップ」に切り替え、シェイプの形に合うようにクロップしていきます。配置するシェイプの位置によってはインスペクタ上で調整するのが良いかもしれません。
![](https://www.curioscene.com/wp-content/uploads/2023/05/fcp-simple-lower-thirds-8.jpg)
次にアンカーポイントの変更を行います。シェイプの左中央にアンカーポイントが行くように、インスペクタの「アンカー」の「X」の数値を変更します。この際、オブジェクトの位置がずれるので、アンカーを左中央に動かした後にシェイプの位置を再調整しましょう。
![](https://www.curioscene.com/wp-content/uploads/2023/05/fcp-simple-lower-thirds-9.jpg)
次にテキストを追加していきます。「タイトルとジェネレータ」のサイドバーの中にある「タイトル」、「ビルドイン/アウト」の「カスタム」をタイムラインに追加します。
![](https://www.curioscene.com/wp-content/uploads/2023/05/fcp-simple-lower-thirds-10.jpg)
タイトルのタイミングをシェイプの長さに合わせ、フォントや位置などを調整し、シェイプの真上に表示されるようにします。
![](https://www.curioscene.com/wp-content/uploads/2023/05/fcp-simple-lower-thirds-11.jpg)
先ほどのシェイプの時と同様にクロップを使って、テキストのサイズに合わせるように調整します。
![](https://www.curioscene.com/wp-content/uploads/2023/05/fcp-simple-lower-thirds-12.jpg)
キーフレームの追加
オブジェクトにキーフレームを追加していきます。再生ヘッドを「1秒」に動かし、シェイプの「調整(X方向)」のキーフレームアイコンをクリックしてキーフレームを追加します。
![](https://www.curioscene.com/wp-content/uploads/2023/05/fcp-simple-lower-thirds-13.jpg)
次に「0秒」へと移動させ、「調整(X方向)」を「0%」にして2つ目のキーフレームを追加します。
![](https://www.curioscene.com/wp-content/uploads/2023/05/fcp-simple-lower-thirds-14.jpg)
今度はテキストのクリップを選択し、「1秒」に再生ヘッドを動かして「位置」と「不透明度」のキーフレームアイコンをクリックしてキーフレームを加えます。
![](https://www.curioscene.com/wp-content/uploads/2023/05/fcp-simple-lower-thirds-15.jpg)
「0秒」に移動し、「位置:X」の数値を変更し左側から現れるように変更し、「不透明度」を「0%」にしてそれぞれキーフレームを追加しましょう。
![](https://www.curioscene.com/wp-content/uploads/2023/05/fcp-simple-lower-thirds-17.jpg)
シェイプオブジェクトを「Cmd + C」、「Cmd + V」で複製し、レイヤーの一番下に移動させ、シェイプの「Fill Color(塗り)」を別の色に変更します。
![](https://www.curioscene.com/wp-content/uploads/2023/05/fcp-simple-lower-thirds-17-1.jpg)
キーフレームのタイミングを調整する
3つのオブジェクトのキーフレームは全て「0秒」と「1秒」に設定されているので、少しランダムな感じを出すため、キーフレームのタイミングを調整していきます。
![](https://www.curioscene.com/wp-content/uploads/2023/05/fcp-simple-lower-thirds-18.jpg)
オブジェクトを全て選択し、「Control + V」または右クリック「ビデオアニメーションを表示」をクリックしてキーフレームを表示させます。
![](https://www.curioscene.com/wp-content/uploads/2023/05/fcp-simple-lower-thirds-19.jpg)
それぞれのオブジェクトのキーフレームのタイミングを調整し、好みのアニメーションになるようにしていきます。筆者の場合は各レイヤーのキーフレームを少しずつずらし、間隔を少し狭くすることでアニメーションを速くし、ランダムな感じを出す感じにしました。
キーフレームを表示させると上の写真のようにクリップが大きくなってしまい、タイムラインが操作しづらくなる場合があるので、ワークスペースの調整を行うと良いでしょう。
タイトルアニメーションをまとめる
![](https://www.curioscene.com/wp-content/uploads/2023/05/fcp-simple-lower-thirds-20.jpg)
これでタイトルアニメーションが完成したのですが、クリップが長すぎるので「4秒」移動し、レイヤーをブレードツールを使ってトリムし、余分な範囲を削除します。
![](https://www.curioscene.com/wp-content/uploads/2023/05/fcp-simple-lower-thirds-21.jpg)
レイヤーを全て選択して、「Option + G」または右クリック「新規複合クリップ」でクリップをグループ化すると良いでしょう。
![](https://www.curioscene.com/wp-content/uploads/2023/05/fcp-simple-lower-thirds-22.jpg)
作成したアニメーションは1方向のみになっていますが、アニメーションを表示させた後に消えるようなアニメーションを作成する場合はキーフレームを追加するか、複合クリップを複製し、「逆再生」させるのも良いかもしれません。
![](https://www.curioscene.com/wp-content/uploads/2023/05/fcp-simple-lower-thirds-23.jpg)
Final Cut Proでのモーショングラフィックス制作はイージングやモーションブラーが用意されていなかったりするので、MotionやAfter Effectsで作成するのが理想ですが、今回紹介したシンプルなものであれば標準ツールでも作成できるので、今回の記事を参考に色々作ってみてください。
(MIKIO)