[AE]水滴の作成、アニメーション
- yukitakagi99
- 2017年11月26日
- 読了時間: 3分
1.新規プロジェクトを作成して、使用する動画素材を読み込んで下さい。
2.読み込んだクリップから新規コンポを作成してください。
3. タイムラインに配置してある動画を選択して、レイヤー>プリコンポーズ>新規コンプを選択。わかりやすいように、名前は「背景」や「バックグラウンド」としておきます。

4.次に黒の平面レイヤーを作成します。

5. 小さい粒の水滴を作ります。作成した平面レイヤーにCC Particle Worldを適用し、プロパティを調整してください。フレームサイズなどによって、最適な数値は変わってきます。あとで微調整するので、ここではだいたいで大丈夫です。
Particle
Physics
Longevity
Producer
6.よりリアルになるよう大きい粒の水滴も作ります。上で作成した平面レイヤーを複製して、Particleの粒のサイズ、XYの大きさを調整して少し大きめの粒を作成します。
7. 次に水滴が流れる様子をつくります。白の平面レイヤーを下記のような設定で作成します。作成した平面レイヤーをプリコンポジションしておきます。(ここでは名前をDripレイヤーとしています。)

タイムラインは下のような状態です。

8. dripレイヤーをダブルクリックして、コンポジションに移動します。すでに配置してある平面レイヤーにマスクを作成して下のような形になるように整えていきます。
グラデーションになっている部分はマスクとマスクを重ねて一方をSubstractにし、境界線ぼかしのプロパティを調整します。

9.元のコンポジションに戻ると下のようにdripレイヤーでの変更が反映された状態になっています。

dripレイヤーの右側のCollapse Transformationをオンにして、上から下に落ちるアニメーション(Position)を適当に作成します。(今、このレイヤーの大きさはコンポのフレームサイズと同じになっていますが、これをオンにすることでレイヤーにのっているベクターの大きさになり、編集がしやすくなります。)Posionにキーフレームを打ったら、さらにプリコンポーズしてDrip_animationと名前をつけておきましょう。

10. Drip_animationを複製して、流れ落ちる水滴をたくさんつくっていきます。ある程度複製してランダムに並べたら、流れ落ちる速度やサイズの細長く調整してよりランダム感を作っていきます。

Drip_animationのレイヤーをすべて選択してプリコンポーズしておきます。(名前はここではDripsとしています。)
11.プリコンポーズしたDripsのレイヤーにエフェクト「Turbulent Displace」を適用します。だいたい下のように調整します。

実際の水滴は端がもっと歪んでギザギザしています。それを再現するためにTurbulent Displaceエフェクト重ねて複製します。上のほうのエフェクトを一度リセットし、下のようにプロパティを調整します。

さらにブラーをかけて、境界線をぼかします。(一番上に配置しておきましょう。)

下のような仕上がりになったら、次に進みましょう。

12. 次に最初に作った水滴(小さい粒と大きい粒両方のレイヤー)にもTurbulent Displaceエフェクトを加えて、ランダムな歪みを加えます。プロパティは好みで変更してください。

13. 黒の平面レイヤーを「背景」や「Background」などの名前をつけて作成し、下のような並びにします。

一番したの背景動画以外を選択して、プリコンポーズします。(Drip_textureなどの名前をつけておきます。)

14.次に BackGroundレイヤーにエフェクト「CC Glass」を適用し、だいたい下のように調整します。Bump MapがDrip_textureになっていることを確認してください。

15. 今のままだと、水滴が目立ちすぎて違和感があるので、Drip_textureの中のレイヤーの不透明度を10%〜15%くらいにしておきます。
16.Drip_textureレイヤーにエフェクトLevelsを適用して、以下のように調整してください。

17. BackGroundレイヤーのトラックマットをDrip_textureのLuma Matteにしておきます。さらにBackGroundレイヤーを複製して、複製したほうからエフェクトを削除し、トラックマットなしに変更します。これでほぼ完成です。あとは、自分が目指す見た目になるよう、微調整をしていきます。

![[AE]水滴の作成、アニメーション](https://static.wixstatic.com/media/108ee3_0c916eb9c87d4b37b1804bd75123d603~mv2.png/v1/fill/w_378,h_250,fp_0.50_0.50,q_35,blur_30,enc_avif,quality_auto/108ee3_0c916eb9c87d4b37b1804bd75123d603~mv2.webp)
![[AE]水滴の作成、アニメーション](https://static.wixstatic.com/media/108ee3_0c916eb9c87d4b37b1804bd75123d603~mv2.png/v1/fill/w_74,h_49,fp_0.50_0.50,q_95,enc_avif,quality_auto/108ee3_0c916eb9c87d4b37b1804bd75123d603~mv2.webp)


![スローモーション[AE, Ppr]](https://static.wixstatic.com/media/108ee3_b176455bb10a40729fafbe67e1f9636b~mv2.png/v1/fill/w_440,h_250,fp_0.50_0.50,q_35,blur_30,enc_avif,quality_auto/108ee3_b176455bb10a40729fafbe67e1f9636b~mv2.webp)
![スローモーション[AE, Ppr]](https://static.wixstatic.com/media/108ee3_b176455bb10a40729fafbe67e1f9636b~mv2.png/v1/fill/w_74,h_42,fp_0.50_0.50,q_95,enc_avif,quality_auto/108ee3_b176455bb10a40729fafbe67e1f9636b~mv2.webp)
![Light Leak Effect [After Effects]](https://static.wixstatic.com/media/108ee3_b05427ee448f4fe080ed6c6ecc6eee2b~mv2.png/v1/fill/w_276,h_250,fp_0.50_0.50,q_35,blur_30,enc_avif,quality_auto/108ee3_b05427ee448f4fe080ed6c6ecc6eee2b~mv2.webp)
![Light Leak Effect [After Effects]](https://static.wixstatic.com/media/108ee3_b05427ee448f4fe080ed6c6ecc6eee2b~mv2.png/v1/fill/w_74,h_67,fp_0.50_0.50,q_95,enc_avif,quality_auto/108ee3_b05427ee448f4fe080ed6c6ecc6eee2b~mv2.webp)
![Instagram風 エフェククト[After Effects]](https://static.wixstatic.com/media/108ee3_6be8c9a2d4624e75a33c9625a2829b4e~mv2.png/v1/fill/w_440,h_250,fp_0.50_0.50,q_35,blur_30,enc_avif,quality_auto/108ee3_6be8c9a2d4624e75a33c9625a2829b4e~mv2.webp)
![Instagram風 エフェククト[After Effects]](https://static.wixstatic.com/media/108ee3_6be8c9a2d4624e75a33c9625a2829b4e~mv2.png/v1/fill/w_74,h_42,fp_0.50_0.50,q_95,enc_avif,quality_auto/108ee3_6be8c9a2d4624e75a33c9625a2829b4e~mv2.webp)
![Lighting Effect [照明効果エフェクト] (Premiere pro CC2017)](https://static.wixstatic.com/media/108ee3_b9bb71e54065486f8a5953177986e8d6~mv2.jpg/v1/fill/w_411,h_250,fp_0.50_0.50,q_30,blur_30,enc_avif,quality_auto/108ee3_b9bb71e54065486f8a5953177986e8d6~mv2.webp)
![Lighting Effect [照明効果エフェクト] (Premiere pro CC2017)](https://static.wixstatic.com/media/108ee3_b9bb71e54065486f8a5953177986e8d6~mv2.jpg/v1/fill/w_74,h_45,fp_0.50_0.50,q_90,enc_avif,quality_auto/108ee3_b9bb71e54065486f8a5953177986e8d6~mv2.webp)
](https://static.wixstatic.com/media/108ee3_2b490292621645de97b79c5931d4e392~mv2.jpg/v1/fill/w_440,h_250,fp_0.50_0.50,q_30,blur_30,enc_avif,quality_auto/108ee3_2b490292621645de97b79c5931d4e392~mv2.webp)
](https://static.wixstatic.com/media/108ee3_2b490292621645de97b79c5931d4e392~mv2.jpg/v1/fill/w_74,h_42,fp_0.50_0.50,q_90,enc_avif,quality_auto/108ee3_2b490292621645de97b79c5931d4e392~mv2.webp)









コメント