Premiere Proでボールが弾むアニメーションを作成!

Premiere Pro

今回は、上の動画のようなボールが弾むアニメーションをPremiere Proで制作します。 応用を効かせることによって、様々な動きをPremiere Proだけで表現することができます。ぜひマスターしてください!

1. 弾むアニメーションの準備

まずは素材にアニメーションを付ける準備をします。 素材を選択し、エフェクトコントロール内の「位置」の右横にあるストップウォッチマークをクリックします。 これだけで準備は完了です!簡単ですね。 「位置」だけでなく、「不透明度」や「回転」など、その他様々なエフェクトにも使用できます。 Premiere Proの基本ですので、覚えておきましょう。 「位置」の数値は左側がX軸(横の動き)、右側がY軸(縦の動き)となっています。

1回目の落下を作成

2. 落下をさせてみる

1回目の落下を作成します。 右側のY軸の数値を高い位置に持っていきます。 マイナスになるほど高い位置になりますので、今回は画面外になるように設定しました。 次に、適当な位置にカーソルを合わせて、着地点を決めます。 この座標は何度も使用するので覚えておくと、スムーズに作業をすることができます。 これで1回目の落下のアニメーションを作ることができました。

落下をさせてみる

3. 跳ね上がるアニメーションを作る

次に1回目の落下から跳ね上がるアニメーションを作っていきます。 先程の着地点の座標をコピーし、5フレーム後あたりにペーストします。 これで、着地点で一瞬静止をします。これがリアリティに繋がりますので、ぜひ実践してみてください!

アニメーション

次に適当なところにカーソルを合わせて、跳ね上がりの頂点を決めます。 ざっくりでいいので、とりあえず一度ボールが跳ね上がるイメージで座標を入力してみましょう。 跳ね上がりの座標もコピーし、着地点と同じようにペーストします。 頂点に達した時、一瞬静止したような挙動を再現しています。 これで「1回目の落下から、跳ね上がる」までの1セットができました。

跳ね上がるアニメーションを作る

次の着地点を設定します。 着地点の数値は、もちろん、最初に設定した着地点ですね。 この間隔なのですが、次の動画を参考にしてみてください。

跳ね上がるアニメーションを作る

このように、「跳ね上がりの時間」と「落下の時間」はできる限り同じ間隔にします。 ある程度で構いません!2回目以降の落下でもこちらを意識してください。

4. ベジェ曲線でよりリッチな表現に!

このまま作成を続けてもいいのですが、少し違和感を抱くと思います。 この動作は等速で動いているからです。 実際の落下は加速度的な動きや減速的な動きをしています。 これをPremiere Proで表現します。 先程入力した座標を選択し、 右クリック→時間補完法→ベジェ曲線 を選択します。 タイムラインのひし形の点が、ツボのような形になればOKです! これで等速から加速、減速を表現できるようになりました。

アニメーション

ベジェ曲線は難しいですが、慣れていくと、大体の挙動がわかってきます。 最初は色々いじってみて、どんどん慣れていきましょう! ベジェ曲線を自由に使えると様々な動きを表現することができ、1段階上の編集ができるようになります! このベジェ曲線を編集するには、編集したい点をクリックして、ハンドル(棒に丸がついているもの)をドラッグします。動画を参考にしてみてください。

アニメーション

よりリアルに落下を表現するために、 「地面に近い位置ではより加速」「頂点に近い位置ではより減速」 するような曲線を描きます。先程の画像のようなグラフになればOKです! これで再生をしてみましょう。

アニメーション

どうでしょうか、先程よりもよりリアルな表現になったのではないでしょうか。 これを繰り返して、落下したあとのバウンドを表現していきます。

5. 2回目以降のバウンドのコツ

2回目以降のバウンドを作っていきます。 あとは1~4の工程を繰り返すだけなのですが、ポイントが3つあります。 a) 2回目の頂点は1回目の頂点よりも低くする。 b)「落下から着地」までの1セットは以前の間隔より短くなっていくように設定する。 c) 着地点は一定の数値。 この3つを抑えることができれば自由自在に落下の表現をすることができます。 詳しく説明をしていきます。

2回目の頂点は1回目の頂点よりも低くする。

現実でのボールの落下を想像してみましょう。 ボールが落ちて、跳ね上がりまた落下します。 次の頂点は1回目より高いでしょうか、低いでしょうか。 もちろん、低いですよね。 これを表現するために、 2回目の頂点は1回目よりも低く、3回目の頂点は2回目よりも低く・・・・・ といった感じで徐々に頂点を低くして、最終的には静止する。 といったイメージで制作をします。 例外もありますが、基本的にはこれだけでもリアリティのある表現に繋がりますので、抑えておきましょう!

アニメーション

「落下から着地」までの1セットは以前の間隔より短くなっていくように設定する。

こちらも現実でのボールの落下を想像すると、なんとなくイメージできるかと思います。 2回目、3回目と「落下して跳ね上がり、着地」までの1セットが短くなるように設定をしていきます。 何度も再生して、違和感のない間隔に設定しましょう。

アニメーション

着地点は一定の数値。

先程から何度も説明している大事なポイントです。 これがずれるだけで、かなり不自然な動きになります。 特殊なことをしない限りは、1回目の着地点の数値を覚えたり、コピーしておいたりして、必ず同じ数値になるようにしましょう。 細かいところですが、この1つがアニメーションを良いものにするかどうかの分かれ道です。 今回は「602.0」と着地点をおいています。

アニメーション

弾むアニメーション制作のまとめ

いかがだったでしょうか。 今回使用した、ベジェ曲線はいろいろな用途で使用できます! 応用をしていくと、どんどん色々な動きを再現できるようになりますので、たくさん編集をして慣れていってください! 作成したデータを使って、バウンドの回数を増やしたり、頂点を極端に低くしたり、逆に高くしたり、様々な動きを作ることができますので、 ぜひチャレンジしてみてください。 お疲れさまでした!

動画で復習しましょう!

関連記事一覧

今回は2つのイラストだけで、キャラクターが歩いている表現を作成していきます。 1.レイヤー素材を用意する 今回はPSDファイルを使っていきます。レイヤーは背景とキャラクターの2つに分けています。 PSDファイルでなくても背景と透過させたキャラクターの素材があればOKです。2つのレイヤー素材にモーションをつけてキャラクターが歩いているように表現をします。 2つの素材に独立したモーションを与えるので、...

今回はPremiere Proでシリアスなシーンを作成していきます。 ネスト化をうまく使うと、同じシーンを使ってたくさんの表現ができるので、ぜひ活用してくださいね。 1.ファイルを取り込む 使用するファイルはPSDファイルです。ソースパネルにドラッグ&ドロップします。 今回はシーケンスで読み込みをしました。 この方法は、PSDファイルのレイヤーを縦に並べる時おすすめな方法です。10以上のレ...

今回は、上記動画のような 四角をコミカルに落下させるアニメーションの制作方法をご説明いたします。 落下については Premiere Proでボールが弾むアニメーションを作成!記事で紹介していますので、参考にしてください。 今回使用するエフェクトの種類は「回転」と「アンカーポイント」です。 まずはこちらをご説明いたします。 1.「回転」エフェクトとは 「回転」とは、文字通り、オブジェクトを回転させる...

今回は、簡単にオブジェクトを震えさせるアニメーションを作っていきます。 デフォルトのモーションでは難しそうですが、今回使用する「波形ワープ」を使うと簡単に設定できます。 今回はPSDファイルを使用しますが、Premiere Proで簡単に作成した線や図形でも応用できますので、試してみましょう。 1.波形ワープとは? 波形ワープとは 波の形をオブジェクトに適用させるエフェクト です。 波の振動効果を...