Add drop shadow after effects code#

Click the stopwatch next to Blurriness to activate keyframing.ġ0. If the playhead is not at the beginning, move it to 00 00 00 00.ĥ. Go up to Effect > Blur & Sharpen > Gaussian Blur.Ĥ.

Last detail, we’ll be animating the top text layer so it fades out as the wave rolls down. The waves move in and out! Text Animationġ. Press the spacebar to play your animation. Move the playhead to the beginning, 00 00 00 00.Ģ1. Change the Position attribute to 960, 1077.Ģ0. Move the playhead to 00 02 07 so it’s a little offset from the other wave.ġ7. Change the Position attribute to be 960, 470.ġ6. Click the stopwatch to start keyframing.ġ5. Like before, hit P to bring up the Position attribute.ġ4. Blue wave done! Now select the white wave layer.ġ2. Hit F9 to Easy Ease them in so the animation is smooth.ġ1. This will set an initial keyframe wherever the playhead is.ġ0. Click the stopwatch next to the word Position to activate keyframing. Press the P key to bring up the Position attribute.Ħ. Turn on the Visibility of the wave base layer as well.Ĥ. Hit the Visibility icon next to the blue wave layer to turn it back on.Ģ. That’s it for the effects! This was the bulk of the exercise, and now it’s onto a bit of simple animation to finish the project.ġ. Your new effects should look like the screenshot below. In the Effect Controls of the Turbulent Displace, change Amount to 15.Ĥ1. Go up to Effect > Distort > Turbulent Displace.Ĥ0. Now, let’s add one more effect to give the foam a “blobby” look.

Add drop shadow after effects code#

In the hex code box, enter #5B4300 or slide the color picker to a medium-dark brown color.ģ8. In the Effect Control panel, click on the box next to Shadow Color.ģ2.

Go up to Effects > Perspective > Drop Shadow.ģ1. Make sure the white wave layer is still selected.Ģ9. We’ll be adding a pair of effects to the white wave layer to make it behave a little differently than the blue wave layer, and thus appear more organic. Click anywhere on the white wave layer in the layer stack and drag it below the blue wave layer.Ģ8. Select the name of the layer, blue wave 2, in the layer stack.Ģ7. Slide the picker to the top left to make it pure white or enter #FFFFFF in the hex code box.Ģ3. Click on the box to the right of the word Fill.Ģ2. Hit Delete on your keyboard to make the layer one solid color.Ģ1. In the Effect Control panel for this layer, it’ll have the same effects as the layer it’s duplicated from. Since it’s invisible at the moment, hit the Visibility icon to turn it on.ġ8. This will duplicate your blue wave layer right on top of it.ġ7. We could make a whole new layer from scratch, but let’s utilize the layers we have already. Waves have foam at their tips, so we’ll be creating a near-identical foam layer beneath our blue wave. Hit the Visibility icon next to the blue wave layer to hide it as well.ġ5. In prep for the next step, hit the Visibility icon next to the wave base layer to hide it.ġ4. You’ve already made some animated water!ġ3. Hit Spacebar on your keyboard to play back your animation.

Ignore the Gradient Ramp as that’s been already applied for you and scroll down to the Wave Warp options.ġ2. In the Effect Control, you should see a Gradient Ramp effect, as well as the Wave Warp you just applied. If it doesn’t appear, click on the words Effect Control.ĩ.

A new Effect Control panel should appear on the left. It should be all the way at the bottom.Ĩ. Navigate to Effect > Distort > Wave Warp. Go up to the Effect panel in the topmost toolbar.Ħ. Right off the bat, we’ll be adding our first and most important effect, Wave Warp.ĥ. This will allow you to identify which layer is which object on the composition.ģ. Toggle the Visibility of each layer off and on by clicking the little eye icon next to each. Don’t be scared off by the number of layers all we’ll be focusing on is three layers.Ģ. Beneath those is a vignette layer, another text layer, and a. In the file you should see a text layer, with two shape layers beneath that. Let’s get to it! File Setup and Effectsġ. We’ll also be animating our liquids and a bit of text to create a fun wave animation! This tutorial has a bit more setup done for you in the files so you can focus on making some sweet waves. This tutorial is going to cover using Wave Warp to simulate liquid motion, as well as using Turbulent Displace and Drop Shadow to really sell the Effect. You should end up with an After Effects Liquid Animation folder.

After the download has finished, be sure to unzip the file if it hasn’t been done for you.

In this tutorial, we’ll be focusing on creating a graphic, “cartoon” style liquid animation with just a few effects Getting the Project Files After Effects offers a wide variety of Effects that gives users the power to simulate nearly anything. Making liquid and fluid animations in After Effects might seem daunting, but it’s actually much easier than it sounds.