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

Using the Transform effect

From: After Effects Apprentice 08: Nesting and Precomposing

Video: Using the Transform effect

To recap our dilemma with Continuous Rasterization turned off for this vector-based layer transformations occurring after effects, and that means the rotation and the scale are happening after the bevel alpha and the drop shadow. The good things are the Drop Shadow distance and the Bevel Alpha size are both being scaled up along with the layer. The negatives are the Bevel Alpha angle and the Drop Shadow angle are being rotated as the layer is being rotated. If we enable Continuous Rasterization for this vector-based layer, transforms are occurring before effects, and now rotation is happening before the effects are applied which is a good thing for the drop shadow and bevel alpha direction. But it's a bad thing for the size of the bevel alpha compared to the ever-expanding type and for the drop shadow distance. You can use precomposing to solve some of these problems, but in this movie we're going to use the Transform effect which is a different solution. I'm going to show you two different ways of solving this problem, so I'm going to duplicate the Rasterization composition so I have two different examples to work on. Our first approach is going to be using the Transform effect without Continuous Rasterization. So I actually turn Continuous Rasterization off for this layer. Now having the scale happen after the effects was desirable, except for them getting soft at the end, but having rotation happen after the effects was not desirable. So I'm going to go back to my starting point, turn off my animation for rotation, and instead apply Effect > Distort > Transform. Transform is an effect that replicates the transform section in the timeline and more. And what's really cool is that it's an effect you can reorder in relation to other effects. So I'm going to apply Transform and I'm going to drag it before Bevel Alpha and Drop Shadow. Now, if I keyframe Rotation in the Transform effect, I press N and enter one revolution. This rotation will happen before my effects, and as a result the Bevel direction and the Shadow direction stay consistent throughout the animation. It all comes down to managing render order. The Rotation is happening in an effect before my other effects, then my scaling is happening down at the Transform section after the effects. So it's one solution, although we do have a little bit of problem with softness, and this is an example where we might want to use Continuous Rasterization to keep this Illustrator vector-based layer sharp, even as we scale up above 100%. I'm going to go back to my Comp panel, open up that comp I duplicated earlier, and let's look at this again. Having the Scale occur first, because this layer is continuously rasterized, is a good thing. It scales up the vectors and then converts into pixels as necessary to create the optimal resolution. So I'm going to go to the end my comp where the scale is at its largest, then turn off the Scale animation in the normal Transform section. I'm just going to keep it fixed at this large 150% where I get my sharp type. Now having rotation occur before the effects is a good thing, the drop shadow and bevels to keep the correct direction throughout. And again that only happens because Continuous Rasterization is enabled. So how can we otherwise perform this scale? Well, this is where we go rely on our new friend, the Transform effect. Our desire is to have the scaling happen after the Bevel Alpha and Drop Shadow effect. That way the size of the bevel and the distance of the drop shadow will be scaled along with the rest of the layer. So I'm going to keep my Transform effect after those other two effects, enable Scaling, ending at 100%, the Transform effect works on pixels and just like with a normal transform on a normal pixel-based layer you don't want to go above a 100% scale otherwise you'll be blowing up pixels and making things go fuzzy, and then when I go back to my start and decide how small I need this layer to be match. Now before I was scaling from 10% to 150%. Now the 150% scale is being done ahead of time by the normal Transform section on those vectors. So in the effect I need to do a little bit of math. I need to scale by 10% over 150%, the ratio between the smallest and largest sizes, and since I want to convert that final number into a percentage scale, I need to go times 100, times 100%. When I press Enter, After Effects does the math for me and it says result is 6.6667%. And you will see that these two layers now look the same size at their smallest. You could also just eyeball it but I kind of like to use math sometimes to help me out, just to make sure my eyes aren't lying to me. Now the layer has been pre-scaled to 150%, the vectors are being rotated, and then this being converted to pixels, we have the Bevel Alpha effect, followed by the Drop Shadow effect, followed by the Transform which is scaling up the layer. And the result is that drop shadow and bevel keeping the right relative size and keeping the right direction while the text remains sharp. This is the best of all possible worlds. I might need to go ahead and tweak out the drop shadow and bevel alpha a little bit, just to get that final size I desire, like around there on the bevel, and little more Drop Shadow distance like around, there to get a nice fall away. But since the Transform effect is scaling them after they've had their chance to work on the pixels, everybody keeps the same relative size during the scale. So that's Continuous Rasterization, a very important tool particularly when you're scaling above 100% or you want to rewire the rendering order, and the Transform effect which gives you a way to manually rewire the order of things are rendered.

Using the Transform effect

To recap our dilemma with Continuous Rasterization turned off for this vector-based layer transformations occurring after effects, and that means the rotation and the scale are happening after the bevel alpha and the drop shadow. The good things are the Drop Shadow distance and the Bevel Alpha size are both being scaled up along with the layer. The negatives are the Bevel Alpha angle and the Drop Shadow angle are being rotated as the layer is being rotated. If we enable Continuous Rasterization for this vector-based layer, transforms are occurring before effects, and now rotation is happening before the effects are applied which is a good thing for the drop shadow and bevel alpha direction. But it's a bad thing for the size of the bevel alpha compared to the ever-expanding type and for the drop shadow distance. You can use precomposing to solve some of these problems, but in this movie we're going to use the Transform effect which is a different solution. I'm going to show you two different ways of solving this problem, so I'm going to duplicate the Rasterization composition so I have two different examples to work on. Our first approach is going to be using the Transform effect without Continuous Rasterization. So I actually turn Continuous Rasterization off for this layer. Now having the scale happen after the effects was desirable, except for them getting soft at the end, but having rotation happen after the effects was not desirable. So I'm going to go back to my starting point, turn off my animation for rotation, and instead apply Effect > Distort > Transform. Transform is an effect that replicates the transform section in the timeline and more. And what's really cool is that it's an effect you can reorder in relation to other effects. So I'm going to apply Transform and I'm going to drag it before Bevel Alpha and Drop Shadow. Now, if I keyframe Rotation in the Transform effect, I press N and enter one revolution. This rotation will happen before my effects, and as a result the Bevel direction and the Shadow direction stay consistent throughout the animation. It all comes down to managing render order. The Rotation is happening in an effect before my other effects, then my scaling is happening down at the Transform section after the effects. So it's one solution, although we do have a little bit of problem with softness, and this is an example where we might want to use Continuous Rasterization to keep this Illustrator vector-based layer sharp, even as we scale up above 100%. I'm going to go back to my Comp panel, open up that comp I duplicated earlier, and let's look at this again. Having the Scale occur first, because this layer is continuously rasterized, is a good thing. It scales up the vectors and then converts into pixels as necessary to create the optimal resolution. So I'm going to go to the end my comp where the scale is at its largest, then turn off the Scale animation in the normal Transform section. I'm just going to keep it fixed at this large 150% where I get my sharp type. Now having rotation occur before the effects is a good thing, the drop shadow and bevels to keep the correct direction throughout. And again that only happens because Continuous Rasterization is enabled. So how can we otherwise perform this scale? Well, this is where we go rely on our new friend, the Transform effect. Our desire is to have the scaling happen after the Bevel Alpha and Drop Shadow effect. That way the size of the bevel and the distance of the drop shadow will be scaled along with the rest of the layer. So I'm going to keep my Transform effect after those other two effects, enable Scaling, ending at 100%, the Transform effect works on pixels and just like with a normal transform on a normal pixel-based layer you don't want to go above a 100% scale otherwise you'll be blowing up pixels and making things go fuzzy, and then when I go back to my start and decide how small I need this layer to be match. Now before I was scaling from 10% to 150%. Now the 150% scale is being done ahead of time by the normal Transform section on those vectors. So in the effect I need to do a little bit of math. I need to scale by 10% over 150%, the ratio between the smallest and largest sizes, and since I want to convert that final number into a percentage scale, I need to go times 100, times 100%. When I press Enter, After Effects does the math for me and it says result is 6.6667%. And you will see that these two layers now look the same size at their smallest. You could also just eyeball it but I kind of like to use math sometimes to help me out, just to make sure my eyes aren't lying to me. Now the layer has been pre-scaled to 150%, the vectors are being rotated, and then this being converted to pixels, we have the Bevel Alpha effect, followed by the Drop Shadow effect, followed by the Transform which is scaling up the layer. And the result is that drop shadow and bevel keeping the right relative size and keeping the right direction while the text remains sharp. This is the best of all possible worlds. I might need to go ahead and tweak out the drop shadow and bevel alpha a little bit, just to get that final size I desire, like around there on the bevel, and little more Drop Shadow distance like around, there to get a nice fall away. But since the Transform effect is scaling them after they've had their chance to work on the pixels, everybody keeps the same relative size during the scale. So that's Continuous Rasterization, a very important tool particularly when you're scaling above 100% or you want to rewire the rendering order, and the Transform effect which gives you a way to manually rewire the order of things are rendered.

Show transcript

This video is part of

Image for After Effects Apprentice 08: Nesting and Precomposing
 

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 08: Nesting and Precomposing.

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 preferences from 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.