拡大/縮小トランジションを使って、よりオシャレなズームアウトトランジションに調整する！

 

 

前回は、ズーム(拡大)だけのズームトランジションでしたが

今回は、ズームとアウトをあわせたズームアウトトランジションの調整方法を説明してまいりたいと思います。

 

 

 

DEMO

 

 

※右下のSDをHDに変えると高画質になりマス！

 

 

今回はズームだけでなく、ズーム(拡大)してからのアウト(縮小)して元の1.0倍に戻るので

比較的使いやすいトランジションになると思います。

 

デフォルトで存在している【拡大/縮小】トランジションに加えて

キーフレームで拡大と縮小を行い、元のトランジションにはない緩急をつけてオシャレに仕上げます。

 

 

ズームアウトトランジションの仕上げ方

 

 

今回はデフォルトで入っているトランジション、【拡大/縮小】を使いたいと思います。

そしてつなげる前後の動画にもキーフレームで拡大と縮小を補填して緩急をつけます。

 

 

まずは、イメージ図をご覧ください。

 

 

 

 

ざっくり言うとこんな感じのイメージになります。

 

 

 

ちょっとややこしいですね

 

 

 

とりあえずまずは、つなげたい動画と動画の部分に

【拡大/縮小】トランジションを<オーバーラップ>で0.15秒程度で設定してください。

 

 

そのあとで、キーフレームを前後の動画に追加して

緩急をつけるための拡大と縮小を設定していきます。

 

 

 

キーフレームの設定方法

 

 

まず前方の動画部分のキーフレームを見てください。

 

 

 

 

クリップの属性から、オブジェクトの大きさを変える項目にキーフレームが3つ入っているのがわかると思います。

 

なぜキーフレームを3つにしているのかというと、

キーフレームが2つの時よりも強く緩急をつけることができるからです。

 

大体感覚的に、１個目のキーフレームは、【拡大/縮小】トランジションが開始されるよりも前の方のコマで設定しておいて

２個目のキーフレームが【拡大/縮小】トランジションが開始される位置に設定します。

 

で、３個目が動画の最終地点ですね。

 

 

 

 

 

1個目と2個目は0.1しか拡大率があがっていませんが

 

2個目と3個目は2.9あがっていますので、序盤はゆるやかにズームさせて

【拡大/縮小】トランジションが始まったら一気に加速してズームするといった感じになります。

 

またこのズームの動きは、3個目のキーフレームの3.0倍で止まらずに

後半の動画に縮小の動きを継承させるので、3個目にイーズインは絶対につけないようにしてください。

 

それでは後方の動画部分のキーフレームを見てみましょう。

 

 

 

後方も同じようにキーフレームを3個にしています。

 

感覚的に、2個目のキーフレームは、【拡大/縮小】トランジションが終了する位置に設定しておいて

余韻の縮小の動き分を3個目のキーフレームで実装しているという感じになります。

 

 

 

 

 

 

前方3個目と後方1個目のキーフレームは動画のつなぎ目なのでキーフレームの値は全く同じにしています。

 

 

前方の動画は主に拡大の動きがメインで、1.0から3.0までの拡大で終了させます

後方の動画は逆に縮小して元のサイズに戻すので、3.0から始まり1.0に縮小させてズームアウトトランジションの動きは終了という感じになります。

 

緩急の大きな要因であるイーズインとイーズアウトは

動きの始まり部分と終了部分の2箇所だけに設定しておくと良いと思います！

 

始まり部分にイーズアウト

終わり部分にイーズイン

 

という感じです！

 

 

あと【拡大/縮小】トランジションの間だけエフェクトの【ディレイ】などをかけると上のDEMOみたいに

モーションブラーがかかって少しまたオシャレに仕上げることができます。

 

 

というわけでお疲れ様でした！