☆ キーフレームを使ったスライドイン・アウトアニメーション

ムービーの中の、動画や写真をアニメーションさせたい、そんなお悩みはありませんか?
キネマージュ・ムービーメーカーは、キーフレームを使って、動画や写真も、簡単にアニメーションさせることができます。

このガイドでは、シーン編集画面でキーフレームを追加して、スライドイン・アウトするアニメーションを
簡単に、自由に作成する方法をご案内します

ビデオガイド

キーフレームを使ったスライドイン・アウトアニメーション、ビデオガイド

1)最初のキーフレーム: 写真を画面外へ移動

レイヤーを追加すると、最初のキーフレームは自動的に設定されます。
※プレビューで、0秒に合わせると、そこが最初のキーフレーム(固定)です。

ここでは、写真を左からスライドインさせます。

写真レイヤーを選択したら、画面の左、画面外へドラッグ・アンド・ドロップします。
これで、最初のキーフレーム用の設定ができました。

キーフレームを使ったスライドイン・アウトアニメーション、最初のキーフレームの設定

2)2つ目のキーフレームの追加と設定

(1) 次に、キーフレームを追加するタイミングに、再生バーの再生ヘッド(再生位置)を移動させます。
ここでは、1秒の位置にしました。

キーフレームを使ったスライドイン・アウトアニメーション、再生ヘッドをキーフレームを追加する位置に移動

(2) 「追加」ボタンをクリックして、キーフレームを追加します。

キーフレームを使ったスライドイン・アウトアニメーション、2つ目のキーフレームを追加

(3) 再生ヘッドの位置にキーフレーム(再生バー下の青色のマーク)が追加されました。

キーフレームを使ったスライドイン・アウトアニメーション、キーヘッドの位置に新しいキーフレームが追加されました

このキーフレーム用の設定をします。

写真を左からスライドインさせますので、
(4) 最初のキーフレームで左へ移動させた写真レイヤーを選択して、元の位置に戻します。

キーフレームを使ったスライドイン・アウトアニメーション、写真をドラッグして2つ目のキーフレームの設定をします

これで、2つ目のキーフレームの設定ができました。

3)3つ目のキーフレームの追加と設定

(1) 再生ヘッドを右へ移動して、新しいキーフレームを追加します。
ここでは、4秒の位置に移動させて、追加ボタンをクリックします。

キーフレームを使ったスライドイン・アウトアニメーション、3つ目のキーフレームを追加する位置へ再生ヘッドを移動します

(2) 3つ目のキーフレームが追加されました。

キーフレームを使ったスライドイン・アウトアニメーション、3つ目のキーフレームが追加されました

2つ目のキーフレームから、3つ目のキーフレームは静止している状態のため、ここでは写真レイヤーは操作しません。
これで、3つ目のキーフレームの設定ができました。

4)最後のキーフレームを追加: 写真を画面外、右へ移動

(1) 再生ヘッドを最後へ移動させて、最後のキーフレームを追加します。

キーフレームを使ったスライドイン・アウトアニメーション、再生ヘッドを最後へ移動させて、最後のキーフレームを追加します

(2) 最後のキーフレームが追加されました。

キーフレームを使ったスライドイン・アウトアニメーション、最後の位置に4つ目のキーフレームを追加されました

このキーフレーム用の設定をします。

写真を右へスライドアウトさせますので、
(3) 写真レイヤーを選択して、画面外の右へドラッグして移動させます。

キーフレームを使ったスライドイン・アウトアニメーション、4つ目のキーフレーム用に写真レイヤーを移動させます

これで、すべてのキーフレームの設定ができました。

5)設定したアニメーションの確認

再生ヘッドを、0秒へ移動させて、再生ボタンをクリックして、プレビューを確認しましょう。

キーフレームを使ったスライドイン・アウトアニメーション、再生してプレビューで動きを確認します

キーフレーム・アニメーションでは、各キーフレームでの位置や大きさなどを設定すると、
キーフレーム間が、自動的にアニメーションで繋がれます。

今回は、キーフレーム① ~ キーフレーム②で、左からスライドイン、
キーフレーム③ ~ キーフレーム④で、右へスライドアウト、のアニメーションを設定しました。

キーフレームをもっと増やしたり、各キーフレームの設定を工夫することで、もっと高度なアニメーションも
簡単につくることができます。
位置や大きさ、回転、透過、3D回転、スピードタイプ、他のレイヤーとの連携など、いろいろ試してみてください!

ヒント: スピードタイプを変えることで、アニメーションの雰囲気が大きく変わります。
⇒ ☆ スピードタイプで、アニメーションの効果を変更する方法

カテゴリー

Latest Articles

Tags