モノイスト

YouTuberのためのスキル解説サイト

Filmoraで画像を動かすアニメーションのやり方(キーフレームの使い方)

わたしはYouTubeの収益化を担当して今はVTuberのプロデュースをしています。この経験を通して、これからYouTubeやその他の動画を編集したい人に「Macを買ってFinalCutを使ってください」とはちょっと言えません。

ここではもっと安いFilmoraを使って、アニメーションで画像を動かす方法を解説していきます。

動画編集のアニメーションとは?キーフレーム?

動画編集で使うアニメーションとは、日本のアニメのように手足や顔を動かす機能ではありません。画像であれば、全体的に画像をスクロールさせたり、ズームインしたりするような使い方をアニメーションと呼びます。

この記事では、このように画像をスクロールして動画にする使い方を解説していきます。

画像を動画にした結果

 

動画編集のアニメーションで必ず出てくる用語が「キーフレーム」です。今回は、アニメーションの始めと終わりの位置を決めるキーフレームの使い方をするので、まずはこの使い方で覚えてしまうといいと思います。

Filmoraの動画に画像を使うやり方

まず動画のタイムラインに画像を配置します。

ライムラインに配置

 

横画面の動画に縦画像を配置したので左右に余分な黒い帯があります。

 

画像のカドを移動させて幅を画面いっぱいまで広げます。

動画を広げる

 

では、この画像を動かしていきましょう。

Filmoraのアニメーションでキーフレームを打つ

画像の一番最初に再生ヘッドを置いたままで右クリックして「アニメーションを追加」を選択します。

アニメーションを追加

 

「+追加」ボタンをクリックするとキーフレーム「●」が追加されます。

この位置からスクロールを開始するタイミングのキーフレームです。

キーフレームを追加

 

このキーフレームの位置からスクロールを始めるので、スクロールを開始する画角、つまり動画として表示したい位置を決めます。

位置を決める

 

これで、動画はこの道路の映像から始まることになります。

 

次に画像の最後のほうに再生ヘッドをドラッグします。

再生ヘッドをドラッグ

 

「+追加」ボタンでキーフレーム「●」を打ちます。

ここが、スクロールを終了させるタイミングのキーフレームになります。

キーフレームを打つ

「→」という緑の矢印が表示されるので、アニメーションが設定できたとわかります。

 

このキーフレームのタイミングで、スクロールを終了させる位置(画角)を決めます。

終了させる位置を決める

 

これでアニメーション(画像のスクロール)ができました。

 

プレビューで再生してみると画像全体がスクロールしています。

画像を動画にした結果

Filmoraのアニメーションとキーフレームの関係

このキーフレームの考え方は動画編集アプリ共通の考え方ですが、ちょっとわかりにくいかもしれません。今回はこのようなキーフレームの設定になっています。

キーフレーム(0秒):x=0, y=268

キーフレーム(5秒):x=0, y=-54

つまり、5秒かけて縦に322ピクセル動いているわけです。

 

アニメーションはズームインにも使えます。

ズームインにキーフレームを使う場合はこのような設定になります。

キーフレーム(0秒):スケール1倍

キーフレーム(5秒):スケール3倍

この設定だと5秒かけて3倍までズームインすることになります。

こちらの記事ではズームインするやり方も解説しているので合わせて読むとわかりやすいかもしれません。

studio.monoist.work

Filmoraでアニメーションの長さを調整する

ちょっと5秒では短い、という場合には長さを調整することもできます。

まず動画全体の長さをドラッグして伸ばします。

長さを伸ばす

 

そして、スクロール終了のキーフレームの位置も後ろへドラッグします。

後ろへドラッグ

 

これで全体的に長くなって、アニメーションもゆっくりになります。

全体的に遅くなる

Filmoraでアニメーションのキーフレームが打てない!?

Filmoraは最新のバージョンがFilmora 11となっています。

Filmora 11の場合キーフレームは有料版でないと使えません。

試用期間が終わるとキーフレームを使ったアニメーションは試せなくなります。

試用期間終了

 

今回紹介した方法で、画像を動かすことはできるので、これを機会に購入を検討してみるのはいかがでしょうか。

画像を動かす手法は、簡単にPVっぽい動画を制作できるので、よく使いますよ。

 

FilmoraはAmazonに公式ショップがあって、よくセール価格で売られています。

もしセールをしていたらお得に購入できますね。

Wondershare Filmoraの使い方まとめ

YouTube動画を作るWondershare Filmoraの使い方まとめ

エフェクトとトランジションを使ってYouTubeの終了画面を作成する 

Filmoraでよく使うプロジェクトの設定と解説

WindowsのFilmoraでとてもよく使うおすすめショートカット

FilmoraでBGMなどの音楽を入れる方法とフェードアウトのやり方

Filmoraで画面の一部にモザイクをかける方法と動かす方法

Filmoraで一時停止するフリーズフレームの使い方と削除する方法

Filmoraで倍速やスローモーションの動画を編集する使い方

Filmoraでアニメーションするキーフレームの使い方

Amazonのアソシエイトとして、当メディアは適格販売により収入を得ています。