Animate Text Along a Path - After Effects Tutorial

[Music] hey what's going on guys this is Mike from a box graphics comm and in this video tutorial we're gonna be going through how to get your text to align to a path and also travel along the path so it's pretty simple technique but it's kind of buried a little bit within the text settings within After Effects so let's just go ahead and jump right in where you'll see this it's a bug's life kind of just slugged along before it gets unfortunately crushed but basically this whole this whole piece where the where the text is kind of bending let me just show you kind of what it looks like under the hood here when I make the path invisible if you can see here that there's a path and the path is actually moving if I press U on the keyboard to see my keyframes you can see this path is actually bending and when I move the path you can see that the text kind of follows along with that path so basically how you get to get it to do that is what we're gonna be doing in this video I just created this crazy shape in Illustrator and I'm going to just drag it into After Effects so I believe it's saved to my desktop and it is I could just simply just drag this into After Effects and it will ask me nothing because it's only one layer and now I'm just going to drag this in put it above the white solid so you can see there it's pretty small but if I right-click I can convert to shape layers and then I could just go ahead and delete that after or that illustrator file from here I can now increase the width or make it a little bit easier to see so now if I create a text layer like his king or your text on a path that might be a little bit better I can now create a mask on this layer so I can go right click mask new mask so it just created a mask on that layer and then I can actually come into this this weird shape and I can go contents group one path I can copy that path and on the text if I hit M on the keyboard it will pull up my mask I can just paste that path now on to the text so if you see here the mask was attached and it's kind of attached in a weird spot that's fine we could always work with that later I'm just going to make that weird shape invisible and now again I'm gonna go into the text layer path options and go to mask so now it's on that weird path this is where kind of sizing your text and your shapes will come into play so I'm probably gonna decrease the size of my text but then move the anchor point into the center of the comp or inside of the object and then scale it up by pressing s on the keyboard and then centering that into the composition so now my text is on that path and as simple as that in this text path options since you could set margins and keyframe this it's really simple to set a keyframe that reverse that I said a keyframe there and then at four seconds put a keyframe there and you could see that simple as that my text is now following that now obviously that's really fast and maybe that's not exactly what you want maybe you want it to kind of stop right there so the keyframe delete that other one maybe add some smoothing here I'm gonna be using my tool for Mount McGrath calm it's not a free tool it's not a free plugin but it's really helpful but maybe that's what you want to do I mean obviously that's not really exciting but I mean you can come up with all kinds of really cool things to do with this once you've figured something out for example this little bugs world I just basically used a combination of position and mask keyframes to allow to allow me to kind of morph where the text goes so those are two ways that I think are pretty cool that you can get some cool effects for example on this one you can make the transparency 0 but then make it 100 and that might be something that you're looking for or another kind of cool thing that you can do here I'm just kind of spitballing ideas I'm just going to come into illustrator and maybe delete that and maybe I want to make like a tank so maybe I just create this kind of what would appear to maybe be a tank I'm gonna save this as a tank track jump into After Effects grab my tank track place it in here and drag it into my composition right click create shape for a vector layer delete the illustrator file and output I am a tank I am a tank I am a tank and I'll probably need much more of those but again right click mask new mask open up that tank path copy that path M on the keyboard paste the path it moves it to some crazy area text path options mask now I can go ahead and delete my crazy layers and maybe I reverse this and I add some more I am a tank and then so I got my tank layer just gonna set up the anchor point here and now let's say I created like gay I'm just gonna create this by hand I hope this doesn't look horrible which I'm sure it will remember I told you guys that I'm not an artist this is what I meant okay after copying some pictures I found online I crazy what what can only be described as a crazy horrible leader on tank but so I'm just gonna parent this text to the body the tank body so I'm gonna move the tank body over and hit P on the keyboard the position keyframe move to the end of my composition and move it over and now I just need to get the the roll eNOS to kind of with the roll eNOS the tank tracks to kind of go with it so I'm just gonna create a first margin keyframe press K on the keyboard to balance the other keyframe and I'm just gonna add a bunch and kind of see where we go okay so that's obviously the opposite direction we want to go actually when I go that way so that actually looks pretty close that was just a guesstimate [Music] okay so I just the way I solved it is basically I created two keyframes here so when this I is at this line I just kept that I at the line and then basically all I can do here to make this real simple is just drag these keyframes over hit alt select that first margin and go loop out and then continue and that will actually continue that keyframe so that actually is perfect now so anyways guys I hope you enjoyed this video I hope you learned something new if you did please be sure to give this video a like I know that this was like totally crazy outlandish leap insane but it is what it is so anyways guys I hope you enjoyed thanks for watching [Music]

Channel: MOBOX Graphics

Views: 157,739

Keywords: mobox, Text Along a Path, text along a path after effects, after effects path text, adobe, after, effects, tutorial, vfx, mask path animation, tutorial after effects, text effect, text animation, adobe after effects, after effects, trim path text, text path, animate text in after effects, animated text, beginner, text along a path photoshop, text effects after effects, animated text video, no plugins, ae tutorial, after effects tutorial, text tutorial, text trim path after effects

Id: 5G2JblleSP8

Length: 10min 52sec (652 seconds)

Published: Sun Apr 01 2018