Professional Documents
Culture Documents
Home
About
Advertise with Us
Contact
RSS
Feeds:
Tutorials
Layers Magazine
Blog
Reviews
Layers TV
Photoshop CS5
Illustrator CS5
Dreamweaver CS5
Flash CS5
InDesign CS5
1 de 17 07-12-2010 11:52
3D Motion and Position of Text Characters with After Effects | Layers ... http://layersmagazine.com/3d-motion-and-position-of-text-characters-wi...
Click to see our original courses from the Best Teachers in the industry available only at Kelbytraining.com
[If you’d like to download a finished movie for this tutorial, visit www.layersmagazine.com and navigate to the
Magazine section. All files are for personal use only.]
Typography is one of the qualities upon which we base most of our design work, and the type animation engine
in After Effects offers a gamut of ways to express typographic flair. One of my favorites is the ability to control
the 3D motion and position of text characters. When combined with simple camera moves, depth of field, and
some real-world studio tricks we use every day, the results can be—literally—powerful. Let’s get started.
2 de 17 07-12-2010 11:52
3D Motion and Position of Text Characters with After Effects | Layers ... http://layersmagazine.com/3d-motion-and-position-of-text-characters-wi...
3 ADJUST 3D POSITIONS
Click the 3D Layer switch next to both the text and background image layers in the Timeline, then select the
background image layer, hit P, and set the Z position to 3000 in the far distance. Now, press Shift-S to show the
Scale property also, and scale the background image until it touches the edges of the full composition.
3 de 17 07-12-2010 11:52
3D Motion and Position of Text Characters with After Effects | Layers ... http://layersmagazine.com/3d-motion-and-position-of-text-characters-wi...
4 de 17 07-12-2010 11:52
3D Motion and Position of Text Characters with After Effects | Layers ... http://layersmagazine.com/3d-motion-and-position-of-text-characters-wi...
5 de 17 07-12-2010 11:52
3D Motion and Position of Text Characters with After Effects | Layers ... http://layersmagazine.com/3d-motion-and-position-of-text-characters-wi...
6 de 17 07-12-2010 11:52
3D Motion and Position of Text Characters with After Effects | Layers ... http://layersmagazine.com/3d-motion-and-position-of-text-characters-wi...
7 de 17 07-12-2010 11:52
3D Motion and Position of Text Characters with After Effects | Layers ... http://layersmagazine.com/3d-motion-and-position-of-text-characters-wi...
8 de 17 07-12-2010 11:52
3D Motion and Position of Text Characters with After Effects | Layers ... http://layersmagazine.com/3d-motion-and-position-of-text-characters-wi...
A really powerful, and even slightly disturbing, motion piece created easily and quickly thanks to some careful
planning, animators, wigglers, and expressions, and of course some good “Energi.” Enjoy!
9 de 17 07-12-2010 11:52
3D Motion and Position of Text Characters with After Effects | Layers ... http://layersmagazine.com/3d-motion-and-position-of-text-characters-wi...
Author: steve holmes Award-winning British designer Steve Holmes, creative director of Energi
Design, started his graphic design career in the United Kingdom. After studying design and typography for print,
he worked through two full-time design and print production companies over 7 years, before setting up Energi
Design in 1994.
Package Central
20 Comments
1.
jim hines (Reply) on Wednesday September 16, 2009
Holmes yours are some of the best tuts on this site as well as around the web in general. Thanks.
2.
Steve Holmes (Reply) on Wednesday September 16, 2009
Hines thanks for the good words! Very much appreciated! If you haven’t had a chance, you can also
view the Podcasts we did (the first 15 are there) on iTunes:
http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewPodcast?id=295971174
10 de 17 07-12-2010 11:52
3D Motion and Position of Text Characters with After Effects | Layers ... http://layersmagazine.com/3d-motion-and-position-of-text-characters-wi...
3.
rishabh (Reply) on Wednesday September 16, 2009
wow……thanx appreciate it
4.
shane (Reply) on Wednesday September 16, 2009
That is really cool, I just finished mine. Turned out cool. Thank You!
5.
Steve Holmes (Reply) on Wednesday September 16, 2009
Glad you like it! I enjoyed this one, a really nice process we use a lot for our work
http://www.clickenergi.com and can be used in so many ways.
Steve
6.
James Kamotho (Reply) on Wednesday September 16, 2009
7.
Robbie (Reply) on Wednesday September 16, 2009
Fantastic Tutorial! I am a newbie to AE and I found this walk through solid! Awesome work.
8.
Steve Holmes (Reply) on Wednesday September 16, 2009
James – absolutely. All the features used in this animation are in CS3 too, so you should be able to follow
no problem. There is always a danger than the item name or menu location of something can change
between versions (although I don’t believe anything here has suffered that fate) but the features
themselves have been in After Effects for a few versions now and you should be fine.
Any problems just drop me a line here and I’ll help out.
Thanks all,
Steve
9.
joe Humus (Reply) on Wednesday September 16, 2009
The only problem is twirling. I was good to go until you started talking about twirling up and down. I have
no idea what this means or how to do it, you also didn’t include a snapshot of you “twirling”, which would
have been awesome. Other than that and my project being a waste of about 1 hour (not working), the rest
of the tut was great and I appreciate it!
11 de 17 07-12-2010 11:52
3D Motion and Position of Text Characters with After Effects | Layers ... http://layersmagazine.com/3d-motion-and-position-of-text-characters-wi...
10.
SRI (Reply) on Wednesday September 16, 2009
11.
Steve Holmes (Reply) on Wednesday September 16, 2009
Hi there Joe,
Twirling is a standard term in most software programs, especially in After Effects, for the process of
opening/revealing the animatable properties of a layer in the timeline.
For example, look at step 6 where it says twirl down the type layer, then twirl down Text. You’ll see next
to every single layer in the timeline is a small triangle, and if you click that, it “twirls” open all the options
in that layer (position, scale, rotation, etc). For a text layer, when you “twirl” the layer open, the next
option visible is “Text” so you then “twirl” that open, and you see the animatable text properties. And so
on.
Like if you add an effect, such as Gaussian Blur to a layer. If you want to the timeline, you would “twirl”
open the layer to see the Properties and Effects, you would then “twirl” open the Effects, and you’d see
Gaussian Blur, and then you’d “twirl” that open to see the options you can keyframe, etc.
As for a screen shot of twirling, the shot in step 6 at least shows the “results” of twirling, as the steps
mention in the text. The type layer is twirled open, the Text option is then twirled open, revealing the
Animator 1 which has also been twirled open to reveal the little stopwatches to keyframe from.
Hope this helps, and that you can complete the tutorial now and enjoy the results. Let me know if you
have any more questions.
Steve
12.
Alex (Reply) on Wednesday September 16, 2009
I found you. I missed you at Artbeats. I am an avid follower of the Artbeats’ video tutorials by Steve
Holmes. I enjoyed all yours useful and practical tutorials. I learned so much from you. For me, no AE
book could give me so much useful information in 30 minutes. Mr. Holmes, the last Artbeats video tutorial
from you was dated March 2009. Do you still consider posting tutorials at Artbeats in the near future or I
can skip Artbeats and come here?? Thank Steve for all your tutorial and thank you, thank you.
Alex
13.
Tyson (Reply) on Wednesday September 16, 2009
Thanks,
12 de 17 07-12-2010 11:52
3D Motion and Position of Text Characters with After Effects | Layers ... http://layersmagazine.com/3d-motion-and-position-of-text-characters-wi...
14.
Bav (Reply) on Wednesday September 16, 2009
amazing. these tutorials are making me one step closer to understanding after effects to its full potential.
hopefully ill be able to develop my own techniques with greater professionalism.. great work.. thanks
15.
Jake (Reply) on Wednesday September 16, 2009
16.
patricia (Reply) on Wednesday September 16, 2009
hey i was wondering, is there a reason why the animation would be good too fast? thanks so much
[...] anh ta chạy, nhảy, biến mất, và lại xuất hiện. 3D Motion and Position of Text Characters with After
Effects Animated Swirls in Adobe After Effects Create a [...]
18.
Faizurr (Reply) on Wednesday September 16, 2009
Thank You.
19.
Brenda (Reply) on Wednesday September 16, 2009
Leave a Response
Name (required)
Website
13 de 17 07-12-2010 11:52
3D Motion and Position of Text Characters with After Effects | Layers ... http://layersmagazine.com/3d-motion-and-position-of-text-characters-wi...
Popular
Columns
14 de 17 07-12-2010 11:52
3D Motion and Position of Text Characters with After Effects | Layers ... http://layersmagazine.com/3d-motion-and-position-of-text-characters-wi...
Photoshop Turns 20
Retouching Eyes Tutorial |Roaming Photo Plus
Night Lights: Creating a Glowing Neon Effect in Illustrator
Reviews
Package Central
FxFactory 2
15 de 17 07-12-2010 11:52
3D Motion and Position of Text Characters with After Effects | Layers ... http://layersmagazine.com/3d-motion-and-position-of-text-characters-wi...
Phoenix, AZ
Location Lighting Techniques for Photographers Tour Dec. 07
San Diego, CA
Location Lighting Techniques for Photographers Tour Dec. 09
Houston, TX
Adobe® Photoshop® CS5 Creativity Tour Dec. 10
Denver, CO
Adobe® Photoshop® CS5 for Photographers Tour Dec. 13
Portland, OR
Adobe® Photoshop® CS5 Creativity Tour Dec. 15
LAYERS Tip of the Day Get the latest tips, tricks and news delivered straight to your inbox.
Popular Categories
Photoshop
Illustrator
InDesign
Fireworks
Flash
Dreamweaver
After Effects
Premiere
Lightroom
Acrobat
Layers Online
All Tutorials
Product Reviews
Columns
Layers TV Podcast
Layers Magazine
Current Issue
16 de 17 07-12-2010 11:52
3D Motion and Position of Text Characters with After Effects | Layers ... http://layersmagazine.com/3d-motion-and-position-of-text-characters-wi...
Downloads
Advertise with Us
Additional Info
Contact Us
About Us
Privacy Policy
Terms of Use
© 2010 Layers Magazine. Kelby Media Group. All other trademarks are the property of their respective owners.
Adobe, Photoshop, Illustrator, Acrobat, Flash, Dreamweaver, After Effects and soundbooth are either
trademarks or registered trademarks of Adobe Systems Incorporated.
17 de 17 07-12-2010 11:52