LIBRARY: Tutorials Reviews Interviews Editorials Features Business Authors RSS Feed

Creating Powerful Motion with Simple Expressions in AE

COW Library : Adobe After Effects Tutorials : Talid Al Khatib : Creating Powerful Motion with Simple Expressions in AE
CreativeCOW presents Creating Powerful Motion with Simple Expressions in AE -- Adobe After Effects Tutorial


Damascus Syria
CreativeCOW.net. All rights reserved.


In this tutorial, Talid Al Khatib demonstrates that simple expressions can create powerful motions. In this case, we create a ''rose'' which could be used as a background or design element. Talid also points out that we often think that expressions only relate to the layer properties (scale, opacity, positon, anchor point and rotation) but actually, they can work great with effects too, in our tutorial, we applied expressions on two effects (grid and Hue/saturation).



Creating Powerful Motion with Simple Expressions in AE
A CreativeCOW Adobe After Effects Tutorial


Creating Powerful Motion with Simple Expressions in AE

Talid Al Khatib Talid Al Khatib
Damascus, Syria

©Talid Al Khatib and CreativeCOW.net. All rights reserved.


Article Focus:

In this tutorial, Talid Al Khatib demonstrates that simple expressions can create powerful motions. In this case, we create a "rose" which could be used as a background or design element. Talid also points out that we often think that expressions only relate to the layer properties (scale, opacity, positon, anchor point and rotation) but actually, they can work great with effects too, in our tutorial, we applied expressions on two effects (grid and Hue/saturation).

Movie Project sit Project zip


This is Magic with Math...

Most people think that expressions need programming experts... it's partly true, but you'd be surprised to know that one line expressions can easily create things that you would think to be much more complicated.

Talid Al Khatib finds the expression: Math.sin(time)*n to be such a magical one.. the "n" stands for number, and in the following project, we'll discover some of the potentials of this expression unveiled by Talid.

Part One



Let's Start by creating a 320x240 composition named "comp1". Import 2 blue solids (or any color but white) by the size of 100x100 make them circles by double clicking the elliptical mask tool. On the position property of the first apply the following expression:

[160,Math.sin(time)*80+120]


This expression means in English, that I want position[0] (the horizontal position) to be 160 through the composition, and I want position[1] (the vertical) to swing between two values, which are 80 over the center of the composition, and 80 under the center. Remember that the sine or cosine of any number is between negative 1 and 1. We add the 120 to make the movement start from the center of the composition, not from the top of it.

Now we want the other solid to move contrary to the first one. It means that when the first solid is 80 pixels over the center, the other one must be 80 under it. To do that multiply the vertical position with -80 instead of 80, and our expression will be:

[160,Math.sin(time)*-80+120]


Now we'll add a hand that connects the two circles. Import third solid and apply the following expression to the scale property:

[10,Math.sin(time)*250]


The third solid will act as an arm between the two circles




Now, all the "hard work" is done, you can do the rest while you are watching TV.

Part Two



Create another composition named Comp2. Drag Comp1 to the time line of Comp2 and duplicate it three times, so you have four layers. Give them the following rotation values: -45, 0, 45, and 90. You'll have something like the following picture:




Now, create a third composition named Comp3. Drag Comp2 to the time line of Comp3 and duplicate Comp2. Enlarge the duplicated layer to 180x180 and make the opacity 30% (so it will look like a shadow for the other layer).

Add the following expression to the rotation property in the original layer:

Math.sin(time)*360


Add the following expression to the rotation property in the other layer:

Math.sin(time)*-360


The original layer will rotate clockwise, and the other will rotate counter clockwise.
You'll have something like the following picture:




Now we have the motion we want, and can still add some flavor to it. Import a new adjustment layer, let it be the top layer in the timeline. Apply the Hue/saturation effect from the "adjust" effects group. Check the colorize checkbox, rise the saturation to 100% and add the following expression to the colorize Hue property:

Math.sin(time)*360


You can do that by pressing alt then clicking the stopwatch left to the colorize Hue property. You'll see the colors of the compositions swinging between red and velvet.

That's why we shouldn't use a white solid. The white color won't respond the Hue/saturation effect.




Now let's import a new solid. Make it composition size, and make it the bottom layer in the timeline. Apply the grid effect from the render group, make the border value=1. Apply our expression to the corner property:

[Math.sin(time)*90+160,Math.sin(time)*90+120]


The size of the grid cells becomes a part of our motion like the following picture:




Notice that the final motion we have looks very sophisticated. But it depends only on a one line expression. So, it's not about how many lines I can write, it's about how can I make the most from the least I have.
Hope you enjoy it.


Tip of the day: If you want to make the world map look like a rotating globe, apply both offset and optics compensation from the "distort" effect group



If you found this page from a direct link, please visit our forums or read other articles at CreativeCOW.net








Related Articles / Tutorials:
Adobe After Effects
Create an Arrow or Pointer preset for After Effects

Create an Arrow or Pointer preset for After Effects

In this video tutorial, Graham reveals a really quick way to use Shape Layers to make an arrow preset that you can use to point to anything in Adobe After Effects.


Graham Quince
Adobe After Effects
Realistic Water Movement with Fractal Noise

Realistic Water Movement with Fractal Noise

In this tutorial video, Andy Ford shows you how to use the Fractal Noise effect in After Effects to add movement to water in a still photo

Feature
Andy Ford
Adobe After Effects
Adobe Creative Cloud September 2020 Update: Streamlined workflows that make storytelling easier

Adobe Creative Cloud September 2020 Update: Streamlined workflows that make storytelling easier

The current environment is forcing us to rethink and reimagine so much. Content creators, from broadcasters to streaming services to social video creators, are finding new ways of working that prove creativity and resourcefulness are inherent to the video industry. Adobe's Eric Philpott explores Adobe's developments in response to the ever evolving challenges we face today.

Editorial
Eric Philpott
Adobe After Effects
Makin' Planets! Saturn (with rings and shadows)

Makin' Planets! Saturn (with rings and shadows)

In this video, Graham shows how to make Saturn's rings using Polar Coordinates, then use an Alpha Invert Matte along with a simple expression to cut the rings out.


Graham Quince
Adobe After Effects
Text Box Background Preset in After Effects

Text Box Background Preset in After Effects

Graham's latest tutorial shows you how to combine several effects to generate a background for any text layer you add to an After Effects comp.

Tutorial
Graham Quince
Adobe After Effects
Makin' An Eclipse

Makin' An Eclipse

In this tutorial for Adobe After Effects, I use the Circle effect, Fractal Noise, Polar Coordinates and CC Light Rays to create a 2D solar eclipse.

Tutorial
Graham Quince
Adobe After Effects
How To Put Yourself In Any Movie Part 3: Keying Greenscreen

How To Put Yourself In Any Movie Part 3: Keying Greenscreen

Following the huge response to parts one and two of independent filmmaker Cody Pyper's Adobe Photoshop and After Effects tutorial series, "Put Yourself In Any Movie!", here is the truly EPIC series finale, which is the most complete single keying tutorial we've ever seen. It's all here, including Red Giant's Primatte Keyer, Premiere Pro's Lumetri Color Panel, AE's Keylight filter, everything you need to know about curves and levels, realistic blurs, shadows and VFX, and more! Did we mention that this is epic? EPIC!


Cody Pyper
Adobe After Effects
Makin' a 3D Nebula in Photoshop, Cinema4DLite, and After Effects

Makin' a 3D Nebula in Photoshop, Cinema4DLite, and After Effects

Graham continues his space tutorial series, featuring the Orion Nebula

Tutorial
Graham Quince
Adobe After Effects
Motion Tracking in After Effects

Motion Tracking in After Effects

During this short video tutorial, Andy Ford shows you how to apply Track Motion to aerial drone footage

Feature
Andy Ford
Adobe After Effects
Free Tablet and Phone Screen Replacement Tracking Images

Free Tablet and Phone Screen Replacement Tracking Images

Here's a giveaway for anyone interested in trying to do a screen replacement for their iPad, iPhone, Tablet or phone.


Graham Quince
MORE
© 2020 CreativeCOW.net All Rights Reserved
[TOP]