01_02雫のようなアニメーション表現
- yukitakagi99
- 2017年8月14日
- 読了時間: 2分
1. 新規コンポジションを作成してください。名前は「shizuku」にしてください。
width: 1920
height: 1080
frame rate: 30
duration: 10sec

2.白色の平面レイヤーを作成し、楕円ツールを使って円のマスクを作成してください。

3. 新しい平面レイヤー(白色)を作成して、エフェクトから「シミュレーション>CC particle world」を適用してください。「Grid&Guides」の「Grid」のチェックを外し、プロパティを以下のように調整してください。
Birth rate: 0,1
Animation: Explosive
Velocity: 0,5
Gravity: 0
Particle type: Lens Convex
Birth size: 1,000
Max opacity: 100%

4. 調整レイヤーを作成して、一番上に配置してください。調整レイヤーを選択した状態で、エフェクトから「旧バージョン>Fast Blur」を適用してください。
Blurriness: 50

5. 続いて、調整レイヤーに「色調補正>レベル」も適用してください。チャンネルをアルファにして、ヒストグラムを以下のように調整してください。

これで、白黒の状態で、大きい円から小さい円が雫のように離れていくアニメーションができました。これに色をつけていきます。
6.コンポジションを新規作成してください。名前は「shizuku_color」にしてください。設定は上のコンポと一緒です。

7. 新規作成したコンポジションに「shizuku」のコンポジションを配置してください。配置したレイヤーを選択した状態で、エフェクトから「描画>Gradient Ramp」を適用してください。プロパティを以下のように変更してください。
Start Color: R/206 G/244 B/247
End Color: R/252 G/255 B/0
Ramp Shape: Radial ramp

グラデーションの開始、終了位置をポイントを移動させて以下のようになるようにしてください。

8. 白色の平面レイヤーを新規作成して、一番下に配置してください。作成した平面レイヤーを選択した状態でエフェクトから「描画>Gradient Ramp」を適用してください。
Start Color: R/178 G/246 B/244
End Color: R/143 G/145 B/144
Ramp Shape: Radial ramp

グラデーションの開始、終了位置をポイントを移動させて以下のようになるようにしてください。

これで雫のようなアニメーションの作成部分は終了です。
>01_03につづく

![[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)









コメント