After Effects Tutorial: Creative Text Animation in After Effects | No Plugins

in this off proof X tutorial we will create this abstract style text animation in off proof X which can be created with some basic shape layers and some inbuilt effect so without any further Ado let's jump straight into after Pro effects and get [Music] started all right guys so here we are in After Effects let's start by creating a new composition let's call this render as our main render comp 2560 by 144 that is 2K you can of course go with full HD or 4K if you want to 30 FPS is fine and 10 seconds long duration press okay then select the text tool and type in whatever text that you want I'm going to type in Motion Graphics for the font I'm using Clash cross which is one of my favorite font and a super amazing font let's set the cing to zero and for the font weight I'll go with something like maybe semi bold should be fine and align this into the center so there we go there we have our text now let's create a new solid so press control Y and call this fractal press okay go into effects and presets and search for fractal noise double click to apply that let's set the fractal type to Dynamic and the noise type to linear then I'll increase the contrast a little bit so let's set this to around 120 that looks fine then I'll go to Evolution options and animate the random seed so to animate this I will be using a very simple expression I will hold alt and click on the stopwatch and let's type in time times 12 so it's going to keep on animating like this and that is exactly what we want now select this layer press control shift and C to precompose it call this fractal and make sure to click on move all attributes and press okay we can hide this layer if we want to then select the text layer go into effects and presets and search for displacement map double click to apply that and in the displacement map layer here I'll set this to fractal so now when I preview this we have this really nice kind of a wiggling effect and that is exactly what we are going for now you can play around with the text if you keep it very thin some extra light we get this kind of a stop motion kind of a effect on our text which looks cool in itself but we will take this one step further and make it look really really cool so what I'm going to do is select the text layer right click and and going to create create shapes from text so it's going to hide the text and create a new layer made out of shapes so let's go right here in the add property and add a trim path now we can animate this to achieve a really interesting look so we can animate the end offset as you can see and if you don't like the way it animates I can rotate the offset so it starts from a different angle so something like that right for now I'll leave it at zero and let's animate the end property so I'll create a key frame on 0% go to around 1 second and 10 frames and set this all the way up to 100 select the key frames and you can go into key frame assistant and easy ease them so now we have something that reveals like this pretty nice so this is the base now let's duplicate and create a few more more copies so I'll zoom into my timeline press control D to duplicate it let's go to Five frames and move this forward duplicate this one more time take this to around 10 frames one more time to 15 and one more time now let's quickly add a background as well so I'll press control y to create a new solid called this BG for background press okay going to effects and presets and search for fill effect double click to apply that pull that at the back and let's give it a nice background so maybe some like darker purplish tone that that would look nice I think okay so that is looking nice then what I'm going to do is first of all let's select this layer and solo this up all right we can press control shift H to hide the control property so we can focus on the animation and then from here I'll add some stroke like so let's set this to around maybe 10 or 15 should be good and for the stroke color I'll pick with the background color so let's turn on the background and pick up the background color for the fill color I'll go with a nice purple tone maybe a little bit of more muted one okay so that is looking good let's bring up the second layer so now we have this one the second one I'll set this one to a nice blue color now let's turn on the upper one and I'll set this one to kind of a pinkish tone and then finally this one I'll make this kind of a nice yellow and we want the white one to be as it is so now we have something which looks like this Prett pretty cool now what I'm going to do is first of all let's select the top layer and I want this to animate from a different angle so I'll select this going to search and type in offset and let's offset it by maybe something like 45 or 90 let's try this out okay this angle is not looking great i'llbe go with something like this it depends on the letters that you're using so make sure you play around with the letters to see what looks good and yeah I think this one looks nice okay now to make it look a bit more complex what I'm going to do is select the red one and let's add a stroke again on this one as well so let's go with something like maybe 10 and for the color I'll use the same background color so I want to create an effect that looks like a cutout effect you can see it looks really cool maybe a little bit more like 15 yep as you can see we get this nice cutout kind of an effect and that is what exactly I'm going for now let's select this and let's try an effect called whenl Blinds on this and I'm going to maybe set this to somewhere around 20% should be fine and set this one to um let's go with like 14 or something and give it an angle of 45 okay 7 is much looking much better I think so you can see it it adds a nice element of detail into our text and that is exactly what I'm going for we can also experiment with some drop Shadows so let's select this right click go into layer Styles and let's try drop shadow Let's uh set the distance to zero and increase the size itself like so and increase this let's add a noise of maybe 4% and for the color I'll select a darker orangish color so it's very subtle but I think it adds a nice sense of detail into the scene so I can basically copy this layer style contrl C and paste it on the top one as well let's go into this and drop shadow bring down the noise to 2% and for the color I'll make it gray also the size I'll keep bit very very subtle like so so these small details you know builds up the complete effect I think okay for the color I'll make a little bit of changes here so I'll go with maybe something like an orange color that looks much better to me so yeah okay and finally on this yellow color I will add an effect called roughing edges the idea here is to make it look a bit more complex and a bit bit more that grungy look to it so it creates kind of an abstract feel so I'll set the border to eight okay that is looking fine maybe increase the complexity to four and bring down the scale to around 30 so we have this nice crungy look I think that is a bit too much I'll increase the sharpness like so thought is way too much let's go something like maybe 50 so now we have that nice grungy look as you can see it looks good as well in the final result now we can add stroke on the final main um text as well and select the background color so we have something like this which is looking quite nice I think so if I preview this now this is what we have and it's looking quite detail in itself so yeah it's looking nice one more thing that I would like to do is add some uriz time to give it a bit more stop motion kind of a feel so I'll go into effects and preset search for oh not stop motion but posturi time and let's set this to 12 frames so that so this effect will change the time duration of the animation to 12 frames instead of 30 FPS so contrl C and paste it on all the other layers contrl V so now if I preview this you can see we have a much more stop motion kind of a feel to the complete effect and it's looking nice I think I'll remove the drop shadow from the orange layer because this is not looking good so I'll just go right here go into layer Styles and close it for now and the final touchup that I would like to add is add some texture to add a bit more layer of detail into this so I'll select the grunch texture place it on the top like so and I can scale this down obviously something like that and then change the now if you're using an older version of After Effects you need to place the texture or whichever image that you want to track mat on top of the layer that you want to mat so right here I'm going to select the grun texture and set this to Luma mat and there we have this nice texture as you can see on the on the purple layer but because I am using the newer version of after effects in which the track mat options are a little bit different but it adds a bit more flexibility so I can use one texture on multiple different layers I can place it however I want so this is a really useful feature so if you're using an older version of After Effects I think this is the time you need to upgrade to a newer version that will be super helpful to you so similarly let's see if I want to add this paper texture on any other uh any other shape or element I can bring that down I can hide that and then let's say I want to add that paper texture on the on the orange layer so I'll select select that go right here and select the paper texture and set this to Luma mat and there you have your nice texture as you can see looking pretty cool let's try the grunch texture I think the grunch texture looks much better we don't need the paper texture we can use the paper texture for background actually and set this to maybe something like an overlay or something and yeah that looks good as well we can scale that up but then also we need to change the stroke color it defeats the complete purpose of the stroke so for now I'll hide this but there you have your Wiggly stop motion style text animation in After Effects I think it's a super cool effect and there are some really great possibilities that you can do with this particular technique so make sure to play around have fun and um upload it on social media do tag me if you upload it I would love to check it out and if you guys are interested in watching more such text animation videos then I have a complete playlist with over 50 plus tutorials that you can binge watch right now so make sure to check them out you can also follow me on Instagram at do. motions nikil pavar and with that said I will see you guys in the next video till then take care and always stay raw stay creative peace out

Channel: Dope Motions

Views: 28,808

Keywords: text animation in after effects, creative text animation after effects, after effects text animation tutorial, title animation after effects, after effects text animation, title animation tutorial, text animation tutorial, colorful titles after effects, after effects tutorial for beginners

Id: v-722hZqUcY

Length: 13min 22sec (802 seconds)

Published: Fri Oct 13 2023