All Articles After Effects
After Effects Tutorial: Liquid Backgrounds With Shape Layers
Toby Pitman on Mon, November 14th 2 comments
It doesn't take long to create some truly interesting and immersive liquid backgrounds using shape layers in Adobe After Effects. Toby Pitman dives in.

Here’s a nice little technique for creating moving liquid type effects in After Effects. It’s another good example of the power and versatility of Shape Layers in After Effects. In fact this whole thing is done with just one Shape Layer. Using some of the Shape Layers built in vector effects and some stock After Effects plugins you can get some rather interesting results!! Here’s how you do it! 

Step 1

This first effect is cool for abstract type backgrounds. I’ll start out by drawing a Shape Layer in a new Composition using the Polystar tool.

New Shape Layer

Step 2

Here you can see the settings for the above shape. I’ve set a medium amount of points (13) and it also has a bright green Stroke too.

Shape settings

Step 3

To get this effect started I’m going to add a Repeater effect from the Add menu. This is a very versatile little effector. It allows you to repeat and offset the original shape layer without the need for copying the Layer.

Repeater Effect

Step 4

You can see the effect here. All I’m doing is trying to create a random abstract mess really.

A random abstract mess

Step 5

I’m now going to smooth out the shape using the Rounded Corners effect from the Add menu. 

Adding rounded corners

Step 6

I’m now going to totally mangle this by adding one last effect. The Wiggle Paths effect is kind of like Roughen Edges in Illustrator. It adds a lot of randomness to the vector shape layer and produces what looks like a load of squiggles. This is good!!

It also has the ability to self animate. This is done using the Wiggles/Second parameter. I’ve set this very low (0.1) so the lines move very slowly in a random fashion. This is the basis for our liquid movement.

Wiggle paths effect

Step 7

Now I’m going to add Effects > Stylize > Glow effect to the Layer to brighten it up.

Adding a glow effect

Step 8

Next I’ll add Effects > Blur & Sharpen > Fast Blur to the Layer set to about 8px.

Adding a fast blur

Step 9

To create the liquid effect I’ll add Effects > Blur & Sharpen > CC Vector Blur. I think you can see where this is going now.

Adding a vector blur

Step 10

For the final step I’ll crush the Alpha channel a bit using Effects > Color Correction > Curves to slightly darken the effect.   

Using curves to darken the image

Here you can see final result in action.

Step 11

This technique can be easily modified to create some very water like effects. The Classic swimming pool for example. All I’ve done is modify the Repeater settings a bit and changed the Stroke color to a light blue. I’ve then placed this over another blue Solid layer and set the transfer mode to Add.

Creating water-like effects

Here it’s is in action.

Not bad for just one Shape Layer!

Related Videos
Comments (2)

You must be logged in to comment.

  • Apexxx
    I cant complete the tutorial because I dont have CC Vector Blur. How do I get this Effect for AE?
    • 8 years ago
    • By: Apexxx
  • tobypitman
    CC Vector Blur ships with After Effects as standard. Depending on which version (older) you have it may be on your installer disk as a separate installation.
    • 8 years ago
    • By: tobypitman
Secrets of Particle Playground
After Effects CS5 203
Dream It. Do It.
Do you want to learn Secrets of Particle Playground?
Yes, I want to learn!
No Thanks, I just want to read the article.
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: