Transcript for:
How to Morph Shapes in After Effects

if you want to know how to morph one shape into another in After Effects I've got you covered I'm will with duct Tut and let's just Dive Right In so you'll want to start with placing any shapes you want in your composition like this as you can see I'm using our logo and I'm going to transform it into that blue bird that makes me sad when I check my phone in the mornings of course just because I'm using logos doesn't mean you have to this works with shape layers as well now I have my logo which is an illustrator file and to prep that I just have to right click and go to create create shapes from vector and that'll turn it into something we can work with to do the same for a PNG like the Twitter logo I'm going to select it and then go to layer Auto Trace it's going to pull up this window and I'd recommend checking the preview box and then make sure that the outline matches up nicely with the shape if it doesn't you might need to lower the tolerance but be careful lowering it adds anchor points and we don't want a lot of those for me three is a good number hit OK and that's going to give us the path around the logo that we're gonna steal open up its window and go deep into Mass like this and then when you see the mask path copy it with command or control C now you can delete that logo if you'd like or if you're a file hoarder like me you can just hide it now open up the contents window on your other shape and then group one you should see one or more paths like this if you've got a simple logo like Twitter or something like the Nike Swoosh you'll only have one but since our logo has this little eyeball it's going to make an extra path that we have to manage open up both paths so you see these two stopwatches move forward on the timeline one second and then click those stopwatches to make some keyframes now move forward Another Second and with both paths selected paste in our other paths with command or control V and there we go it looks perfect except for the fact that it looks really bad actually and I don't know why it shifts up like that so let's fix it first thing is that since we had that extra path the eye of our duck is going to want to transform into the Twitter logo too to fix it just go a few frames past the first one where the eye is just starting to transform and make another keyframe then delete the end one now zoom in and shrink the eye so you can barely see it and then go to the end of the transformation and drag it so that it's hidden from view to fix that weird upward shift go into the transform controls and at the beginning of your animation make a keyframe for position now go to the end of the animation and adjust the position so it lines up neatly it helps if you use a guide like I am lastly is optional color I'm going to add the blue back into our Twitter logo in group 1 open up your fill controls and at the beginning make a keyframe where it says color now go to the end open up the color window and put in whatever color you want for me I'm going to pull up the original logo real glad I didn't delete it now with the eyedropper tool I'm going to click on it and confirm now I'm just going to hide my logo again and we're done and that's the basics of shape morphing in After Effects hope you had fun and I'll catch you later if you're looking to save time and produce awesome work right here in After Effects in Premiere Pro check out our links below to get access to our motion duck extension which contains thousands of editable templates that are easy to update and ready to go for any commercial client and personal project