Designer Today - Graphic Design Magazine
Designer Today is the premiere graphic design magazine and tutorial resource for designers

After Effects Tutorials


 


Simple Card Wipe Effect - After Effects Tutorial
Jacquelin Vanderwood

 

November, 2006

Here is a really simple Card Wipe effect that anyone can do.

Begin by creating file with 9 pictures laid out in three rows in Photoshop.

Next create a second layer for the back. Export both as files separately as jpegs and bring them into the composition.

Drag the two files into the timeline.

Apply Card Wipe to the top layer. Initially the settings will apply the transition to 25%. Reset this to zero. Also, make sure you hide the back layer by clicking the eye. We don't want to see it in the back as it shows below.

Now we want to set our rows and columns to 3 each.

In this step we'll make adjustments to the camera position to give the appearance of a 3D layer.

Here's what we have so far.

We need to change the Back Layer to the back layer we created.

If we slide through the Transition Completion value, we can see the effect of the values of 3 and 3 that we set for columns and rows.

Let's set keyframes for Transition Completion where keyframe 1 is 0 and keyframe 2 is 100%.

Now we need to set keyframes for Jitter and here's how I have it set up.

These are the values for keyframe set at the beginning and at the end.

Here are the settings for the middle keyframes.

So if we scrub through the keyframes you'll notice the cards all flying and coming back with the back side showing.

Here I've cranked up the columns and rows to 12 each.

Here I've set rows to 100 and columns to 2.

 

 

Copyright (c) 2006, Jacquelin Vanderwood, All Rights Reserved

 



Be the first to bookmark or share this

 


 



Adobe After Effects Tutorial Section

In this section you will find excellent Adobe After Effects tutorials and training, as well as After Effects 5.0, After Effects 5.5, After Effects 6.0 and After Effects 7 tutorials, tips, tricks, techniques and effects. Our writers work hard to provide free Adobe After Effects training for you! Our tutorials can be used with nearly every version of After Effects. Coming soon Adobe Video Collection tutorials. Visit the Designer Today resource directory for more Adobe After Effects Tutorial Resources. You can find even more Adobe After Effects Tutorials at Tutorials Today.











Fun Meme

Advertise on Designer Today

Monthly Newsletter



Search and register domains at 123 Domain Names UK, Domain Name Registration UK
and the
UK Domain Name Registration Centre

Designer Today - The Graphic Design Magazine for 2D and 3D graphic designers Hundreds of graphic design
and graphic design software tutorials, product reviews and design articles for the graphic designer


Graphic Design Articles | Graphic Design Newsletter | Graphic Design Training  
Photoshop Tutorials | Illustrator Tutorials | After Effects Tutorials


Also be sure to visit
Five Million Dots | FunMeme | Favorite {fvrit} Blog |
Poser World | The Poser Gazette
Favorite Media | The Developer Times |
Stock 3D wiki | Statesboro Business Magazine

Privacy Policy | Website Copyright and Terms & Agreement | Contact | Information | Site Map | Advertise | Submissions

DesignerToday.com runs on a Content Management System by GMP Services
Copyright © 1998-2008, GMP Services, Inc. -
Media Publishers of Statesboro Georgia, All Rights Reserved