2022.09.16 コラム

1秒で惹きつける！ズームとスローモーション使用した、カッコイイ動画エフェクトの作り方【AfterEffect】【Ae】

1秒で惹きつける！ズームとスローモーション使用した、カッコイイ動画エフェクトの作り方

今回は、このようなズームとスローモーション使用した、カッコイイ動画エフェクトの作り方を、
AfterEffectのイージングやグラフエディターモードの基本的な使い方を含めて説明していきます。
動画編集が初心者の方にも簡単でインパクトが大きいので、SNS動画にもおすすめです！

目次

1.ズームの付け方
2.スローモーション、ファストモーションの付け方
3.完成
4.まとめ

1.ズームの付け方

AfterEffectでプロジェクトを作成▶︎新規コンポジションを作成▶︎コンポジションに動画素材を入れるこれで下準備は完了です。早速ズームのモーションをつけていきましょう。

スケールのプロパティ

入れた動画素材のスケールのプロパティを展開します。
（ショートカット：素材を選択した状態でSキー）

モーションをかけたい箇所の開始点と終了点にキーフレームを打ち、開始点の値を大きくします。
早い動きの方がカッコ良く見えるので、終了点は20フレームくらいが良いかと思います。
すると、ただ素材が拡大し、元々の大きさに戻るモーションが出来上がりました。
この一定の動きの変化を「リニア」と呼びます。

この動きを、イージングをかけて滑らかに調整していきましょう。イージングとは、変化の速度に緩急をつける機能のことです。

先ほど打ったキーフレームを選択し、
右クリック▶︎キーフレーム補助▶︎イージーイーズ（あるいは、Fnキー＋F9）で、イージーイーズをかけます。
⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝
【Tips！】
イージーイーズとは、イージングの一種のことです。
最初に加速し、最後に減速して変化する動きを表現できます。
⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝
イージングをかける前と後の比較動画が以下です。
イージーイーズをつけたことにより、キーフレームを打った箇所が滑らかな動きになりましたね。

グラフエディターモードアイコン

しかし、これではまだモーションが単調なので、
グラフエディターモードでイージングを調整していきます。

開いたスケールのプロパティを選択した状態で、右の画像の赤丸部分をクリックしてください。

⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝

【Tips！】

グラフエディターモードとは、グラフを使って
イージングを細かく調整することができるモードのことです。
値グラフと速度グラフの2種類ありますが、今回は値グラフを使用していきます。⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝⸝

グラフエディターモード

ハンドルを操作し、右のような形の曲線に調整します。
縦軸がスケールの%の値、横軸が時間を表します。
グラフが急になるほど早く変化し、緩やかになるほどゆっくりと変化していきます。

調整前と調整後の比較動画が以下です。
最初に素早くカメラが引くようなモーションになり、スピード感が増しましたね。

2.スローモーション、ファストモーションの付け方

次に、タイムリマップを使い再生速度を調整してみましょう。
タイムリマップを使うことで、任意の部分にスローモーションやファストモーション（倍速）をかけることができます。

タイムリマップの表示の仕方

右の画像のように
レイヤーを右クリック▶︎時間▶︎タイムリマップ使用可能
を選択すると、タイムリマップを表示させることができます。
（ショートカット：option＋⌘＋T）

キーフレームの場所

続いて、タイムリマップのプロパティを展開し、キーフレームを打っていきます。

先ほど打ったスケールのキーフレームの一番目、二番目の秒数と同じ秒数にキーフレームをそれぞれ打ち、二番目のキーフレームの値を進めてみましょう。
（任意の値で大丈夫です。様子を見ながら調整してみてください。）

この状態で再生すると、打ったキーフレームの間が倍速になっているかと思います。

次に、二番目のキーフレームから数秒進んだところに、三番目のキーフレームを打ち、秒数の値を戻します。
この状態で再生すると、二番目と三番目のキーフレームの間がスローモーションになります。
こちらも様子を見ながら、好きな値に調整してください。

グラフエディターモード

こちらのプロパティも、キーフレームにイージングをかけ、
グラフエディターで調整していきます。

今回は、一番目のキーフレームにのみイージーイーズをかけ、
グラフエディターモードを開き、右の画像のようなグラフの形に整えてください。

思い通りの動きにするには少しコツがいりますが、
グラフの角度を急にすると速く、緩やかにするとスローになる。
と覚えておくと、調整しやすいかもしれません。

イージング調整前と後の比較動画が以下になります。メリハリがつき、一気にかっこいい映像になりました！

3.完成

これでズームとスローモーション使用した、カッコイイ動画エフェクトの完成です！
魅力的な動画に編集できましたでしょうか？

ちなみに、他の動画もつなぎ合わせ、完成した動画がこちらになります。

4.まとめ

いかがでしたでしょうか？
今回は、動画編集初心者の方にも簡単なカッコイイ動画エフェクトの作り方をご紹介しましたが、
「もっとカッコイイ動画を制作したい！」「自分の作った動画では、魅力が伝えきれない…」
など、動画制作でお悩みを抱えていらっしゃるのであれば、我々プロに任せる事も選択肢に入れてみてください。

アビリブプロモーション