「PowerDirector×イーズイン・イーズアウト機能」を解説｜緩急はおしゃれ

文字や画像が動くアニメーションを見たときに

適切な緩急がついているとアニメーション自体が自然にオシャレに見えると思います。
※動くアニメーション以外にも拡大や縮小、回転などにも緩急をつけるとオシャレに見えます

ここではその緩急を使ってオシャレなアニメーションに仕上げる方法を解説します。

基本的なキーフレームの使い方については下記ページを御覧ください。

緩急比較映像：イーズイン効果

これは2つのロゴ画像を動かしてみたサンプル映像です
※前半が緩急なし+後半が緩急あり

後半のイーズインを設定している動きの方がなんとなく、おしゃれに見えると思います

2つともキーフレームでのパラメータは同じですが

イージングの設定の有無によってアニメーションの見え方に違いが生まれています

『イーズイン』と『イーズアウト』って何ぞ？

『イーズイン』『イーズアウト』というのはモノが動く速さを変化させる(緩急をつける)機能のことです
※両方合わせて『イージング』と呼ばれることが多い

緩急がつくだけでアニメーションを自然にオシャレに見せることができます

具体的にどういう動きをするかというと

イーズインとイーズアウトの組み合わせで動きの性質が変わり緩急の付き方が変わります

■イーズイン：ゆるやかに減速して止まっていく緩急をつけられる。
※前方にキーフレームがあるキーフレームにだけ設定可能

■イーズアウト：止まっている状態からゆるやかに加速していく緩急をつけられる。
※後方に向かって緩急がつくので後方にキーフレームがある場合のみ設定可能

『イーズアウト』や『イーズイン』の動きの設定方法

PowerDirectorのイーズアウト、イーズイン機能は

下記の4つのキーフレームアニメーションにのみ設定可能です

では、実際にイージングを付ける方法を解説していきます。

キーフレームの設定の仕方

まずはイージングをつけるための通常のキーフレームアニメーションから作成していきます。

アニメーションをつけたい素材を選択し『キーフレーム』ボタンをクリックします。

『キーフレーム画面』が開いたら『クリップの属性』を展開します。

今回は動くアニメーションにしたいので

『位置』という項目に対して①始点から②終点までという2点を決めてマークを押して2点のキーフレームを追加します
※2点間のアニメーション時間はお好みで設定してください。ここでは2秒で設定。

キーフレームを2点追加できたらそれぞれのキーフレームの座標数値を変更します
※今回は1つ目のキーフレームのXの座標位置の値を変更し、2つ目のキーフレームの座標位置に動くアニメーションにします

ここでは1個目のキーフレームを選択した状態で、プレビュー画面のロゴ画像を右端にドラッグしました。

これにより1個目のキーフレームの座標位置から2個目のキーフレームの座標位置に移動する

キーフレームアニメーションが設定できます。

これが大まかなキーフレームの設定の仕組みです。

『イーズイン』と『イーズアウト』の設定の仕方

お好みのキーフレームアニメーションが設定できたら次はイージングを設定します。

キーフレームが設定できるパラメータであれば

『イーズアウト』か『イーズイン』の項目があるのでチェックと緩急強度の値を指定してイージングを設定します。

緩急をつけたいキーフレームをクリック(選択)し、『イーズイン』か『イーズアウト』にチェックを入れますが

チェックを入れれない場合はイージングの緩急をつける条件を満たしていないことが原因ですので下記条件をご確認ください。

チェックを入れたあとは、数値を調整することで緩急の強度を調節することができます。
※数値が大きいほど強い緩急がつく

それではざっくり『イーズイン』と『イーズアウト』のアニメーションの違いを比較しましたので

参考程度に下記DEMO映像を御覧いただければ幸いです。

イーズアウトのみ：1.00

1個目のキーフレームに『イーズアウト 1.0』を設定した比較映像です。

低速から始まり、だんだんと速度をあげていくアニメーションになります。

2個目のキーフレームには緩急が設定していないので、ピタッと止まるのが気になるといえば気になる点です

イーズインのみ：1.00

2個目のキーフレームに『イーズイン 1.0』を設定した比較映像です。

通常速度から始まり、だんだんと低速になっていく自然に止まる動きのアニメーションになります。

イーズインの値を適切に設定するだけでアニメーションは自然に見えるのでとてもオススメです。

イーズイン(1.0)とイーズアウト(0.4)：

1個目のキーフレームに『イーズアウト 0.4』と2個目のキーフレームに『イーズイン 1.0』を設定した比較映像です。

上記の2つのDEMOを合わせた少し手間をかけたアニメーションです。

アニメーションがゆるやかに動き始めて(イーズアウト0.4)

アニメーションが緩やかに止まっていく(イーズイン1.0)アニメーションになります。

2つ設定する手間を掛ける分、かなり自然なアニメーションに仕上がります

総括：『イーズイン+イーズアウト機能』の解説

シンプルな動きでこそ、こういう緩急をつけるだけで上品でオシャレなアニメーションに仕上がると思いますので

PowerDirectorをお使いの方は、是非とも使っていきたい機能になっているかと思います。