Expressions are FUN!
Expressions are FUN!

by Ben Unguren, Graphics Designer at FS3 graphics, Provo, Utah, USA
©2001 Ben Unguren. All Rights Reserved. Used at CreativeCow.net by kind permission of the author.
|
 |
Article Focus:
In this tutorial, Ben Unguren will show you one way to control expressions in Adobe After Effects 5, by using another layer as a "controller" of a layer with a simple wiggling expression, giving you a great deal more control. If you are unfamiliar with expressions in After Effects 5, you may want to read the chapter "Creating Expressions" in the After Effects 5.0 manual before continuing with this tutorial. |
CLICK HERE TO SEE A SAMPLE MOVIE
Click here to download the project files
Part One: Setting it All Up
(this part shouldn't take too long--we're not picky here)
We are going to make two solids: one invisible ("WIGGLE_CONTROL"), the other with the text "wiggle" in it ("wiggle"). If you know how to do this, go ahead and do it and skip on to Part Two below.
Make a new composition, size 320x240 and a duration of at least 10 seconds.

Make a solid, same size as the composition. Name it "wiggle".
Apply the "Basic Text" effect to the "wiggle" layer.

Type in "WIGGLE" or something else just as silly, choose a happy font, and click OK.


anti-alias the layer (so it looks decent while we work with it)

Adjust the effect settings until you have something terribly happy:

Click on the image above to see a larger image
Make a second layer, name it "WIGGLE_CONTROL", and turn off it's visibility.

End of set-up
Part Two: Making the Basic Wiggle Expression
We are going to write an expression for the 'wiggle' layer that will make it... well, wiggle.
With the "wiggle" layer selected, press the 'p' key to bring up the position attribute.

Make an expression for wiggle's position, by selecting Animation-->Add
Expression
(you can also option-click on position's stopwatch to do the same thing)

The basic expression appears for position:

Open the language elements menu (by clicking the little box next to the pick whip with the arrow pointing to the right). Select Property-->wiggler(

The start of the wiggle formula appears:

|
In After Effects the formula for the "wiggle" feature is understood as follows:
wiggle(freq, amp, octaves=1, amp_mult=.5, t=time)
SIDE NOTE: When the formula reads something like "octaves=1", that means that if you don't enter a value for octaves, one (1) will be the default. If you're confused, stay with it. Suddenly it will all make sense and change your life forever.
EXPLANATION OF THAT THING ABOVE:
- freq stands for frequency, and is measured in wiggles per second. The higher the number, the FASTER it shakes.
- amp stands for amplitude, and determines how LARGE the wiggle is. the bigger the number, the greater the area the wiggle is going to cover.
- the other attributes we'll just leave at their defaults. (since only the first two don't have defaults, we only have to worry about them, but take time to experiment with all the variables)
- THESE EXPLANATIONS ARE IN THE AE 5.0 MANUAL, so check there for more information (page 336 to be precise).
In order to avoid getting an error message, we have to make a formula that works, which can be met (minimally) by entering frequency and amplitude. We will enter it as follows:
position.wiggle(10, 20)
|

Why did I add 'position' before 'wiggle'? Because the book told me to! If it doesn't work, CONSULT THE BOOK! (AE 5.0 Manual, page 336)
If you're checking out the expression and are still getting an error message, re-examine your formula. It should work. However, computers are very picky and want the thing written exactly as they should be.
RAM PREVIEW your comp. The text should be wigglin'
Go to Part Three: Setting Up the Other Layer
|
Please visit our forums at CreativeCow.net if you arrived at this page from a direct link.
| Related Articles / Tutorials: | | | | |
Adobe After Effects
Creating an After Effects Sunrise Play Video Rob Mize shows how to create the effect of a sunrise using only After Effects and a background graphic. This project employs techniques using masks, solids, shapes and effects that can be useful for a variety of projects. Whether creating this effect or some other, After Effects is a great way to start the day.
Tutorial, Video Tutorial
|
| | | | |
| | | |
Adobe After Effects
AE Basics 44: Shaping Text And Advanced Options Play Video AE Basics - A Creative COW series for new users of Adobe After Effects. Lesson 44: In this (more advanced) tutorial, Andrew Devis shows the options to change the way text moves through its range and explains how to change this from the default smooth animation to a much more 'digital' or abrupt instant change. Andrew then goes on to demonstrate more of the advanced options in the timeline to 'shape' your text so that it can have a more interesting or dramatic look allowing for the type of animation that would be very difficult to achieve otherwise.
Tutorial, Video Tutorial
|
| | | | |
| | | |
Adobe After Effects
Create a Rotating Counter TWO: Adding & Adjusting a Bounce Play Video In the second part of this 2 part tutorial, Andrew Devis shows how to animate the rotation of this group of layers as well as how use and adjust an expression that ships with After Effects to have the layers bounce in place as they stop which can give the sense of the counter having some real mechanical properties rather than just a linear of easy-ease keyframe approach.
Tutorial, Video Tutorial
|
| | | | |
| | | |
Adobe After Effects
Create a Rotating Counter ONE: Positioning 3D Layers Play Video In the first part of this 2 part tutorial, Andrew Devis shows how to create and place layers in 3d space such that they can be rotated as a single group to be used for a rotating counter. Andrew shows how to create and place the layers using both the math function of AE as well as a handy and simple expression that places layers a fixed distance or rotation from the previous layer. He then goes on the show how to create and use a controller for the multiple layers so that they act as a single group.
In the next tutorial, Andrew will show how to animate the rotation of this group of layers as well as how use and adjust an expression that ships with After Effects to have the layers bounce in place as they stop which can give the sense of the counter having some real mechanical properties rather than just a linear of easy-ease keyframe approach.
Tutorial, Video Tutorial
|
| | | | |
| | | |
Adobe After Effects
Confessions of a Creative Maniac: Keys to Getting It In
In the history of computing, including the extension to the notion of what actually falls under the guise of history - let's face it, smartphones are really just diminutive computers in a somewhat flimsy disguise - an often overlooked aspect of the entire discussion is something absolutely core to the idea of how these communications devices interface with us - the venerable keyboard.
Editorial
|
| | | | |
| | | |
Adobe After Effects
Introducing After Effects CS6 - Extruded Text and Shapes Play Video In this introductory tutorial to the new 3D capabilities of After Effects CS6, Kevin P McAuliffe shows the basics of how to extrude text and shapes inside of After Effects CS6, and also shows how tight integration with Adobe's Illustrator will have you creating powerful client logos in minutes, instead of in separate 3D applications.
Tutorial, Video Tutorial
|
| | | | |
| | | |
Adobe After Effects
Adobe After Effects: Compositing Actors in Virtual 3D Sets Play Video Rob Mize follows up his Creating Virtual 3D Sets tutorial with this demonstration of how to composite real-life actors into these 3 dimensional environments. Learn how to create an effective sense of interaction between your actors and their virtual environment using only your green screened footage and AE's 3D capabilities.
Tutorial, Video Tutorial
|
| | | | |
| | | |
Adobe After Effects
Panning Large Scenes Using Target Layers in 3D Play Video In this follow-on tutorial to his short series on working in 3D space, Andrew Devis shows how to use this simple technique to quickly and accurately pan around large layers/compositions to zoom in to the exact point required each time. You'll use target layers to get the exact coordinates needed for accurate panning - simple but effective!
Tutorial, Video Tutorial
|
| | | | |
| | MORE |
| |
|