Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Animating titles

From: After Effects Apprentice 07: Parenting

Video: Animating titles

You created this animated opening title in a movie earlier in this lesson. Well, it's okay but we can make it a lot fancier and that's what I would like to show you in this Idea Corner. Now, what I am already doing is using a null object to move all the title elements as a group from their initial position off into this corner. Since I'm done with that particular movement, I don't have a need to see that null object anymore, I am going to turn off the video switch for the null. Null objects don't render any way. They don't give you a render time hit.

Animating titles

You created this animated opening title in a movie earlier in this lesson. Well, it's okay but we can make it a lot fancier and that's what I would like to show you in this Idea Corner. Now, what I am already doing is using a null object to move all the title elements as a group from their initial position off into this corner. Since I'm done with that particular movement, I don't have a need to see that null object anymore, I am going to turn off the video switch for the null. Null objects don't render any way. They don't give you a render time hit.

They will never appear on the screen. It's just a matter of reducing clutter at our display. Next, I don't like everyone being on at the same time because I'm forcing the viewer to process all this visual information at the same time. To lead them from one item to the next, I might stagger their appearance. For example, I might decide that I do indeed want my station number and my bug to be on from the very beginning of the composition. That's fine. Then I want them to start reading about my program. Since I already have a fade out keyframed for Season Finale, I don't want to pick up and move the layer, as that would move the keyframes as well.

So in this case, I will just select it, go to the correct time, hold on Option on Mac, Alt on Windows, press the left square bracket, and trim it to start at 15 frames. Okay, maybe 15 frames or a half second after that I now want my next element to come on. When my show is going to be, so I have got them reading my station, Season Finale, day that it's on. In this case, I don't have any keyframes yet for Tomorrow, so I will just press the left square bracket without any modifier keys and now that whole layer will slide back. So, here is my stagger. The bug, Season Finale, name of show, people animate into position. Zero to RAM preview and this is what it looks like at speed.

Okay, I have given the viewer some important clues about how to read this title but now let's make things more exciting, have them animate on. I will stop my playback. Let's say I want my Season Finale to slide in from the side rather then just popping on. I want it to be all the way on by the time our next element comes on, so I'll hold down the Shift key and my time marker will snap to the start of this layer. Select Season Finale. Type Shift+P to also reveal its position. Okay, this is my at rest position. I will enable keyframing here and now let's pick an initial position for it.

Hold down Shift key and drag, snaps into position, and now I will just scrub Season Finale's position. So, it starts off screen. Now it will slam into position and then my title comes up. But it's a bit boring and a bit sudden, so let's add some sort of text animation to it. In the previous After Effects Apprentice lesson on Type and Music, you have learned how to create your own type animations but for the sake of expediency, let's go ahead and use a preset. I will select Tomorrow. I can either browse my presets in Adobe Bridge or I already know which one I want.

I am going to go down to Animation Presets > Text > Animate In and I am going to use this particular animation called Random Shuffle In. There it is. Now, before I apply an animation preset, I need to make sure my current time indicator is where I want the animation to start, because remember when you apply a preset, the first keyframe goes at your current time. So, hold down Shift and snap to beginning of my layer, make sure the Tomorrow layer is selected, and double-click Random Shuffle In to apply that animation preset.

With the layer selected, I will type UU to see what properties have changed and I will drag the current time indicator to watch the animation. Got a couple of issues here. One, the text was coming in from the left, which I guess is the same direction of Season Finale but looks a little bit messy to be honest and two, it's taking far too long. Well, it's pretty easy to edit animation presents because after all they are just normal keyframes. I will select the second keyframe. Drag it back to two seconds, which will align with the other keyframes for title parent null.

Also, I am going to play around with the Position offset for these characters. Move to point in time where my text is in transition and then start to scrub the position value to get a position that fixes animation better. Maybe shuffle in from the other side of the screen. Maybe start completely off-screen. There is my T in Tomorrow, and I will push it just off-screen. I can have it come straight on, just like Season Finale came in straight from the left, or if I want to tie the title in more to this animation above it maybe I will go ahead and raise this position so it seems to be coming...

Maybe just a little bit higher, like that. Do a RAM preview. Okay, now I have got a nice staggered sequence going on. it slides in, animation in, slides into final position. It works okay but I want my things being a little more elegant, a little more smooth. Notice that everything is defaulting to linear keyframes. We already used Easy Ease In on the parent's movement, so let's go ahead and try that on the rest of these. I am going to type Command+A on Mac, Ctrl+A on Windows to select all my layers and press U to see just their keyframes.

The first U closes everyone up, the second one reveals them, and I am going to select my second keyframes in my animations. I am not going to bother selecting Opacity because you really don't see that much of a difference when you ease in and ease out of opacity keyframes. Right-click, Keyframes Assistant > Easy Ease In. RAM preview. A little bit more elegant, but it still feels herky-jerky to me. So, maybe another approach would be to overlap these animations so they are tied together even more.

I will pause my playback and start playing around with moving some of these keyframes later in time. Right now, this frame stops animating and the next one starts animating at one second. Maybe I will press Page Down five times to move forward five frames and just back off that keyframe five frames later. Since I had this other keyframe selected, it moved by the same amount. Now, let's try that animation. That overlaps feeling a little better. Things are just little bit more tied. There's not that start and stop motion as animation. Kind of like that.

The final thing that's annoying me is everything is very strobe-y. The characters kind of go blop, blop, blop, blop, rather than sliding in. So, to cure that we'll use our old friend Motion Blur. I'll stop playback, go to my Motion Blur switch in the Timeline panel, turn it on for Nine, planet, Tomorrow, and Season Finale. I can just drag my curser down. Note that turning on Motion Blur for the parent has no effect because that would only blur the invisible null. You need to turn it on for each layer even if it's a child.

That's another thing that's not inherited by parenting. And finally, I will turn on my master Motion Blur for the whole composition. One last RAM preview. I can already see from the preview that things are sliding in much nicer here, not too strobe-y and things tie in a bit better. And there's my improved title animation aided by parenting.

Show transcript

This video is part of

Image for After Effects Apprentice 07: Parenting
After Effects Apprentice 07: Parenting

17 video lessons · 7283 viewers

Chris Meyer and Trish Meyer
Author

 

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now "Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed After Effects Apprentice 07: Parenting.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.