(Close)
Forgot password?
Join Now! Watch Tutorials
macProVideo.com
Close

Free Premium Access

Access our entire library of Premium Hub Articles, Project Files and the first 10% of each Tutorial-Video from the Online Tutorial Library.

Create your FREE Account now!

Already a member? Login

Categories

Related Articles

  • After Effects: More About Expressions (Part 2)
  • by Richard Lainhart
  • While Expressions in Adobe After Effects can intimidate many a user, there are many reasons to embrace them fully. Richard Lainhart shows us how friendly they can be in Part 2 of this 2-part series.
  • After Effects: Expressions Basics
  • by Richard Lainhart
  • While Expressions in Adobe After Effects can intimidate many a user, there's many reasons to embrace them fully and Richard Lainhart shows us how friendly they can be.
  • After Effects: Text That Blows Away Like Sand
  • by Richard Lainhart
  • You've probably seen the film title effect, where the text of the title blows away like sand or dust. e.g. "Traffic" (the 2000 version) & "The Mummy" films. Here's how to do it in After Effects!

Related Tutorial-Videos

  • Motion 5 105
  • Animating Effects
  • Got a behavior problem? Motion 5‘s got a solution. Learn how to animate using Behaviors, Keyframing and Tracking with the always animated Motion expert, Michael Wohl...
  • Motion 5 104
  • Effects, Particles and Replicators
  • Motion comes jam-packed with a huge variety of very hot motion graphic effects. This tutorial shows you how to ignite these awesome Filters, Particle Systems and Replicators to fill your frames with kinetic energy and action...
  • Photoshop CS5 404
  • Lighting & Light Effects
  • Join Film Industry Pro Mark Stope as he shows you how to light scenes and create dramatic lighting effects using Photoshop CS5.
  • After Effects CS5 303
  • More Cartoon Animation Basics
  • Learn to use Adobe After Effects' Puppet Pin tool to animate characters in the "squash-and-stretch" style seen in the classic cartoons of the 30s & 50s in More Cartoon Animation Basics by After Effects expert Richard Lainhart...
  • Final Cut Pro X 106
  • Titles, Effects and Compositing
  • Final Cut Pro X incorporates very powerful tools for creating titles, visual effects and complex composite shots. Join star trainer and video editor Michael Wohl, as he explores each of these techniques and shows you how they are created, customized and edited to perfection. So if you're wondering how create stunning effects in FCP X, this tutorial will get you going down the right path!
  • After Effects CS5 302
  • Cartoon Animation Basics
  • Learn how to animate photos and create basic characters in the style of “South Park”, “Monty Python” and “Jib Jab” in this tutorial, Cartoon Animation Basics, by After Effects expert Richard Lainhart.
  • Live 8 202
  • Live's Effects: Plugged In!
  • Join Mo Volans as he takes you on an overview of Live’s amazing bundled plug-ins! This tutorial, filled with tons of audio examples, is a treasure-trove of information on how to use and master all of Live's included effects!
  • After Effects CS5 203
  • Secrets of Particle Playground
  • Learn the little-known secrets of After Effects' Particle Playground plugin with special effects expert & Star macProVideo.com Trainer Richard Lainhart.
  • After Effects CS5 201
  • Motion Tracking and Stabilization
  • Learn the ins-and-outs of After Effects’ Motion Tracking and Stabilization techniques with special effects expert, Richard Lainhart.
  • After Effects CS5 101
  • Core After Effects CS5
  • Adobe’s After Effects CS5 is the industry-leading motion graphics software that powers animations across all media including the web, on TV and in feature films. Join visual artist/musician and macProVideo.com trainer Richard Lainhart in this detailed exploration of everything you need to know about the powerful animation tools in After Effects CS5.
  • Nov 14, 2011
After Effects Tutorial: Liquid Backgrounds With Shape Layers
  • Genre: Video
  • Level: Intermediate
  • Time to Complete: 5-15 minutes
  • 2 comments — Join Discussion

Preview these After Effects Tutorial-Videos

After Effects CS5 203: Secrets of Particle Playground - Play IconAfter Effects CS5 203: Secrets of Particle Playground - Preview Video
After Effects CS5 203: Secrets of Particle Playground - Play IconAfter Effects CS5 203: Secrets of Particle Playground - Preview Video
After Effects CS5 203: Secrets of Particle Playground - Play IconAfter Effects CS5 203: Secrets of Particle Playground - Preview Video

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!

Preview these After Effects Tutorial-Videos

After Effects CS5 203: Secrets of Particle Playground - Play IconAfter Effects CS5 203: Secrets of Particle Playground - Preview Video
After Effects CS5 203: Secrets of Particle Playground - Play IconAfter Effects CS5 203: Secrets of Particle Playground - Preview Video
After Effects CS5 203: Secrets of Particle Playground - Play IconAfter Effects CS5 203: Secrets of Particle Playground - Preview Video
Toby Pitman

Toby Pitman

Toby composes, records, performs and produces music in every possible style all over the world for TV shows, advertising and for recordings. Over his 18 year professional career Toby has worked with many major recording artists including George Michael, David Arnold, Yussif Islam (Cat Stevens), Giles Martin and Shirley Bassey. Toby is also a Logic Pro master, expert synthesist and sound designer. Toby's passion for music education has led him to teach for The International Guitar Foundation and the Brighton Institute of Modern Music.

Comments

Nov 27, 2011
Apexxx
I cant complete the tutorial because I dont have CC Vector Blur. How do I get this Effect for AE?
Nov 27, 2011
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.
You must be logged in to post a comment.
Create an Account  Login Now

What is macProVideo.com?

macProVideo.com is an online education community featuring Tutorial-Videos & Training for popular Audio & Video Applications including Adobe CS, Logic Studio, Final Cut Studio, and more.
© 2012 macProVideo.com
a division of NonLinear Educating Inc.

About

Our Plans

Tutorials

Community

Help

Legal

Link