After Effects Tutorial: Twisted Text Animation in After Effects - No Plugins

hey guys what's up I am nikil from dop motions and welcome to this brand new After Effects tutorial in today's video I'm going to show you how to create this Twisted 3D style text animation inside of After Effects and it's super easy to create and I will also tell you about a free after effects script that will help us create this animation much more quickly but before we start today's video make sure you are subscribed to the channel and leave a like as this motivates me to keep on making more and more videos for you absolutely free so without any further Ado let's jump straight into after effects and get [Music] [Applause] [Music] started all right so here we are in After Effects let's start by creating a new composition I'm going to call this render as our main render comp for the width and height I'm going with 1,00 by 1,000 frame rate is set to 30 FPS and duration set to 10 seconds press okay then select the text tool and then you can type in any text that you want I'm going to type in Loop and for the font I'm using Dharma Gothic I'll mention the link to the font in the description so you can go ahead and check it out one of my favorite font and then what we have to do is um press control K to bring up the composition settings going to 3D render and by default the renderer should be set at Classic 3D so you need to switch that to Cinema 4D and go into options and make sure the quality is set to around 20 don't set it very high the complete system will start lagging because it uses a lot of GPU memory so 20 is a sweet spot you can increase it little by little maybe around 25 30 maximum press okay okay and then let's turn this into to a 3D layer you can see nothing has changed but if I switch this to a custom View and then if I go into the properties and geometric options here we get Extrusion depth so I can increase that and you can see we can extrude the text so it looks pretty cool now what I'm going to do is let's go back to our active camera or the front view and right click and convert this into shapes from text so now we have some nice shapes we can delete this layer but I'm going to leave it uh hidden if I press R and if I rotate it you can see we have this nice 3D extruded text into shape layer what I'm going to do is go into the contents of this select all the text that we have click on ADD select front and give a give a nice color to the front similarly I'll click on add again go into back and add some color to the back as well and then I can go into the search bar and type in color and then set everything to White and there you go and then I can select this go into fill options and then you can add whichever color that you like I'm going to go with something like a nice dark pink and if I select this press R and rotate it so now we have added color to the side sides of our text so the front and back is white and that is exactly what we want so I'm going to set this to zero and let's go ahead and animate this so to animate it I will be using a Time displacement technique here so first of all to use the time displacement effect we need to create a displacement map so I'm going to press control y on the keyboard to create a new solid we can call this map and press okay go into effects and presets and search for gradient Ram double click to apply that and I'm going to leave it as it is we can hide that then right click and create a new adjustment layer called this time and on this layer I'm going to add the time displacement effect there you go so now right here in the time displacement layer I'm going to set this to map that we created and set the source to effects and mask so now if I actually go right here and let's animate this so press R to bring down the rotation properties I'll create a key frame on the Y rotation go to around 2 seconds and let's give it one complete rotation so I'll set this to one now this is going to make your system a bit heavy because the time time displacement effect is is quite heavy in itself but you get the idea of how the displacement works so basically it's using the data or the values from the map that we created the gradient map and it's going to use the values of color that is black and white to drive the animation if I want to make it even more cooler I'll jump into the time and let's set the max displacement type to3 so right now you can see it's very choppy so we need to increase the time resolution but be very careful with this if you make it very high it may literally crash your After Effects so The Sweet Spot that I found out to be good is 500 it's going to take a few seconds to um preview the final result depending on how powerful your system is but yeah it's usually very nice so there you go now we have this nice smooth edges but as you can see the time it takes to Ram preview it is quite High even I'm using 128 GB of 6 1,000 MHz Ram it's still taking some time now let's select the key frames that we created press F9 to easy ease them and go into the graph editor right click and select edit speed graph and let's try to create a peak in the center just to create a much more interesting animation we can hide the time displacement effect for now and I'll drag this creating an influence of around um 70 71% should be fine same for this one as well around 70 so now if I preview the animation we have something like this but as soon as I turn on the time displacement effect we should get a very interesting looking animation so there you go there we have this uh cool looking animation but we want this animation to appear on every single letter one by one so to do that we need the script that I talked about earlier in the video that is the motion tools pan panel it's a free script again link is in the description so the first thing that I'm going to do is first of all let's hide the time displacement effect so our um machine doesn't blow off let's select this and then here we get an option that says explode shape layers so I'm going to click on that and what this is going to do is explode every letter into individual shape layers like that and then if I select this press U so we have the key frames and I'm going to displace the key frames by by around five frames so to do that we can again use the script all I have to do is select the key frames and here we have the uh displacement tab so I can click on this the amount is set to five I'm going to click on this and now if I just preview this really quick let's see what we get and there you go as you can see here we have this cool looking typography text animation in After Effects so that is a wrap for today guys I hope you enjoyed the this video if you did I have a complete typography animation playlist that you can binge watch right now for free link to which is in the description below you can also follow me on Instagram at do. motions and nikil pavar and 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: 33,543

Keywords: text animation after effects, typography animation after effects, twisting typography after effects, after effects tutorial for beginners, creative text animation after effects, after effects tutorial, after effects, text animation tutorial, dope motions after effects, creative text animation in after effects

Id: UoaFKnWVebs

Length: 8min 20sec (500 seconds)

Published: Wed Nov 22 2023