【Adobe After Effects】背景アニメーション/リキッド - fried-potato.clubfried-potato.club

【Adobe After Effects】背景アニメーション/リキッド

2022/07/26

タイトルやインフォグラフィックスなどの背景に使えるリキッドアニメーションを作成します。
コンポジションの設定からは動画で紹介しているので、動画をのぞいてください。

シェイプレイヤー

リキッドのベースを作っていきます。この時の色がリキッドの色に反映されていきます。
この“円”をひたすら複製していくので、色は変更しやすいように「エフェクト」>「描画」>「塗り」で色を変えています。
さらに、「エフェクト」>「遠近」>「ドロップシャドウ」をかけます。
色は「塗り」と同じにするため、スポイトツールを使いました。詳しいパラメーターは画像を参照してください


エフェクト

円でコンポジションを埋めたら、レイヤーをすべて選択し右クリックで「プリコンポーズ」し、エフェクトをかけていきます。パラメーターは画像を参照しつつ、自分好みに調整してみてください。

アニメーション

ここで動きをつけていきます。「プリコンポーズ」したレイヤーを複製して展開し、もう一度プリコンポーズして、「トランスフォーム」>「位置」でアニメーションさせます。今回は左から右へ動かしています。
そうすると左側が足りない部分が出てくるので「エフェクト」>「スタイライズ」>「CC RapeTile」で足りない部分を補います。
元のコンポジションに戻り、複製した方の「不透明度」を下げると(今回は30%)リキッドアニメーションの完成です。


動画では、コンポジションの設定から詳細を紹介しています。そちらでは青基調のリキッドアニメーションですが、それ以外は同じ方法です。

fried-potato.clubはAdobeAfterEffectsのチュートリアルサイトです