![](https://image.jimcdn.com/app/cms/image/transf/dimension=408x1024:format=png/path/scd970f6f10d08d5a/image/iafc5ce06c2d58375/version/1583226140/image.png)
みなさんこんにちは、
映像業界に勤める新人のマサです。
今回のアニメーション映像制作は「バウンス」についてご紹介します。
ボールが跳ね上がるアニメーションを作成します。
●セッティング
前回、紹介したブログ「IllustratorとAfter Effectsを使って映像制作」の
「歩く」で紹介した読み込み方法でIllustratorへ作成したファイルを読み込みます。
※読み込み方法がわからない場合はぜひ、ブログ「IllustratorとAfter Effectsを使って映像制作」をご覧ください。
ボールのアンカーポイントは中央下に設定してください。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=950x10000:format=png/path/scd970f6f10d08d5a/image/i136099a4eb473575/version/1583225526/image.png)
そして台の部分はIllustratorの素材になっていますが、シェイプレイヤーに変更します。
レイヤーの変更は選択したレイヤへ右クリックで「作成」→「シェイプ作成」して元のレイヤーを消しましょう。
元のIllustratorの素材は使用しないので削除します。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=950x10000:format=png/path/scd970f6f10d08d5a/image/i06b995b96bcf340d/version/1583225567/image.png)
●キーフレーム
キーフレームでアニメーションを作成していきます。
ボールの「位置」を設定します。0フレーム目に最初の位置 14フレームで地面に着地する位置にボールを持っていきます。
この時「台」の中心あたりにボールの縁と合わせます。そして、15フレームに14フレームの位置をコピーします。
29フレーム目に最初と同じ高さにします。最初と最後のキーフレームの「イージーイーズ」をかけます。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=950x10000:format=png/path/scd970f6f10d08d5a/image/if479670238174663/version/1583225629/image.png)
右クリックでキーフレーム速度を表示し、「影響」を80%に設定します。再生するとボールがバウンドするアニメーションができます。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=950x10000:format=png/path/scd970f6f10d08d5a/image/i68b8176fa1a97393/version/1583225689/image.png)
●ボールの伸縮の動き
続いてボールの「スケール」からボールの伸縮を表現します。
まず、X、Yを別々で設定できるようにリンクを外します。
14フレーム目の台に着地する前でXの値が80%、Yの値が120%に設定しましょう。
そして、台に着地した瞬間にボールが潰れるのでXの値が130%、Yの値が70%に設定しましょう。最後のキーフレームは最初の値を
コピーし,「イージーイーズ」をかけます。これで伸縮するアニメーションが完成です。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=950x10000:format=png/path/scd970f6f10d08d5a/image/i82744fd93250759a/version/1583225758/image.png)
●台のアニメーション
まず、パスのアニメーションを作成していきます。
「コンテンツ」→「グループ1」→「パス1」にキーフレームを打っていきます。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=950x10000:format=png/path/scd970f6f10d08d5a/image/i80e577288c25037e/version/1583225805/image.png)
ベジェ曲線が出ていなければ、頂点切り替えツールで台の両端をクリックして表示させます。そうすると、台を曲げることができます。
これでボールの体重で曲がる台のアニメーションを作ります。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=950x10000:format=png/path/scd970f6f10d08d5a/image/i0b7c7395e78964be/version/1583225847/image.png)
ボールが着地する寸前までは最初のキーフレームの値と同じで設定します。
そして、着地動作のある14フレーム、15フレームをお好みで曲げていきます。
この時、ボールの位置も再調整しましょう。
ここから2フレームごとに台を曲げていきます。
17フレーム目はボールの位置に合わせてバーを曲げます。19フレーム目は14フレーム目をコピーしましょう。
21フレーム目は17フレーム目より少し抑えた角度にします。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=950x10000:format=png/path/scd970f6f10d08d5a/image/i7dbe65a4eb3c5897/version/1583225903/image.png)
このように徐々に角度を押さえて、27フレーム目で真っ直ぐになるように設定すれば、
台の上をバウンドするボールのアニメーションの完成です。
![](https://image.jimcdn.com/app/cms/image/transf/dimension=950x10000:format=png/path/scd970f6f10d08d5a/image/i29474bee06d04c6c/version/1583225934/image.png)
作業工程は以上です。皆さんぜひチャレンジしてみでください。
コメントをお書きください