3D Cube Rotating Text Animation in After Effects - No Plugins | Creative & Easy

hey everyone my name is Abhishek and today we are going to create this 3D rotating text reveal animation in After Effects without using any third-party plugin so let's begin alright so right now I mean after effects and we will Begin by creating a new composition so let's go to composition and let's call this main width and height will be 1920x1080 framed at 30 FPS and duration you can go with whatever you want just click on ok now let's create another composition so let's call this character and the width and height will be 250 by 250 framed it 30 FPS and duration you can pick whatever you want after that just click on OK so in this comp we are going to type our text but we will do it correct by character so for that let's select the text tool and we are going to just click and you can type whatever you want just for the sake I am going to type a and after that let's align it to the center of this comp and make sure that it's an anchor point is in the center so for that you can select the layer hold down the Ctrl key and then just double click on this pan anchor tool now we can select the layer press s and let's scale this up something like this after that let's create a new solid so for that right click new solid just make sure that it's black color after that just click OK and let's place the solid behind our text now we can go back to the main comp and let's quickly drag our character so first I'm going to create a solid so we can see what we are doing and let's make this red just for now and let's place it below so now we can make this 3D so let's select this and let's turn this to 3D after that I'm going to just create a quick camera so that we can preview what we are doing and now let's change this to left and over here you can see we have our character now we're going to duplicate it but first I'm going to just simply move it so let's press P for position and I'm going to move it to the Z space and we are going to move it to the forward so this will be negative so I'm going to just simply type negative 250 divided by 2 now you will be asking why 250 because the length of our character is 250 pixel which we defined inside this composition so now let's go back and I'm going to just simply select this layer press Ctrl D to duplicate it now you can press R to rotate it let's rotate this something like this let's set this to negative 90 and also let's press P for position and we're going to set this to zero and we want this to go up so I'm going to just simply subtract 250 divided by 2 so now you can see we have the text on top now we can go back to the main camera and let's select the camera tool and if I rotate you can see we have the character Zeta angle so now let's select this and press Ctrl D to duplicate it and let's press p so I'm going to just simply set this to 125 because 250 divided by 2 is 125 now we can select this press R but you can right click go to transform and let's flip it vertically we can select this text press Ctrl D to duplicate it and let's press p so in this one we are going to just simply add 250 now we're going to flip this as well so right click transform flip vertically so you can see the starting of this a is at the bottom of this one and it's starting is at this bottom and in the same way we have this continuous loop so now we can create a new null object so right click let's create a new null now we can select all of these character layers and let's parent it to the null let's select the null and make it 3D as well now we can probably select the camera and press delete now we can select the null and if you press R you can see that you can rotate it however you want so for this example I'm going to just rotate it along the x-axis so let's create a keyframe and let's move to somewhere around two seconds and I'm going to set the rotation value to 2. now you can select the keyframes Press F9 or you can right click go to keyframe assistant easies after that just click over here to go to the graph editor and if your graph looks different then make sure that you are in the edit speed graph now you can select the graph and just make sure that it looks something like this so now if I play back here you can see we have this sort of look and if you think that it's too fast then you can just simply select this and just move it little bit ahead somewhere around two and a half second or three seconds maybe a last step is to change the color of the alternative text and for that I'm going to just search for invert and let's drag it on to the first comp which is the bottom one and let's drag it on to the second comp which is the stop one so now if I play back here you can see we have changed the color of the alternative text now we can press a and press U to collapse all the layers now let's enable the motion blur for all of these and let's go inside it and let's enable motion blur here as well so that we have this really nice motion blur so now we can select all the layers and we can right click and let's go to pre-compose and I'm going to type letter since our character is moving from top to bottom so I am going to type TB for top to bottom just click on OK now we can go inside this comp and we can just probably trim the comp because we don't need this much so let me just enable the transparency and let's go to composition composition settings and after that just play around with the width and height we are not wasting much of a space so I think this is looking fine just click on OK so you can play to see that all the text is within this comp now let's go back to the main and we have our first letter now since this is going from top to bottom we also need one which is going from bottom to top for that we are going to just select the letter and press Ctrl T to duplicate it and let's go inside the projects panel and I'm going to press Ctrl D and duplicate this as well and I'm going to just quickly rename this to BT for bottom to top and now I am going to select this and hold the ALT key and then drag on to this composition so that it will replace it now we can go inside it and let's select the null press U and over here all we have to do is just simply change the value so instead of 2 I am going to set this to negative 2 so now you can see that it is going from bottom to top again I am going to select this character and press Ctrl D to duplicate it and then select all of these characters and then hold down the ALT key and let's replace it with this character now we can go inside it and you can just probably type whatever you want so if I go back you can see that we have this comp and if I move it somewhere around here you can see we have different comps with different characters so you can see that both of these are moving in opposite direction but their color is same so if you want to change the color of this one all you have to do is just simply insert the invert onto this so now you can see we have the different colors and this is how you can create these letters and after that you can combine it to create your text so let's do that so first I'm going to go inside this comp and I'm going to Type M because I'm going to type motion and let's go back to this comp and I'm going to just simply place it somewhere around here now let's select this and let's go inside this and we can type O and let's go back now I'm going to select P for position let's copy this position and let's paste it on to this after that I am going to press p as well and you can see that we can move the layer over here and all we have to do is just simply add 250 to this so that both the texts are right next to each other we are also going to enable the collapse transformation something like this so there you go now we have this 3D text now let's add more characters so next character is T but before that I am going to just quickly change their color so let's make this pink and let's make this blue so that we can easily identify these layers so the t is going to be in black color so I'm going to just simply select this m comp and press Ctrl D and let's press it on top of this after that we can select the TB comp which is this one and press Ctrl D and that hold down the ALT key and drag it on to this now we can go inside and again we have to replace the character so select this press Ctrl t and let's replace the character we can go inside let's type t and if I go back you can see we have the T again let's press p and on this one I'm going to add 500 because 250 for this one and 254 this position and let's make them 3D as well now let's select all of these press U and let's type other character let's type I so I is going to be white so let's select this press Ctrl D and let's place it on top of it let's select the BT comp and let's press Ctrl D over here as well and you can hold on the ALT key and just drag it onto this let's go inside select the character press Ctrl D select these and just hold on the ALT key and replace them as well then you can change the text now you can see we have this again let's press p and simply add 500 to this as well now in the same way you can add the other characters as well so now I have created all the characters and you can see that sometimes some characters will overlap others so for that you have to just simply place them so that none of the character is overlapping so let me just quickly place it below this and after that we have this one and let's place it below this and at last we can select this and let's place it something like this now the last step is to just simply select all of these and let's press s for scale and let's add a keyframe for scale animation and let's zoom in let's move the keyframes to somewhere around here and after that we can set the scale to zero let's select all the keyframes Press F9 to easiest them let's go to the graph and let's change it to something like this and let's move it to something like that so now our last step is to offset them for that let's select the layers and first we want the m so it's this one after that we want the O so I'm going to just quickly zoom in and let's move it by five frames and after that we want the next layer which is this T so let's move it by five frames and then this one just keep on doing this so now if I play back you can see we have this sort of look and let me just quickly create a null object and let's place it on top of this and after that we can select all these layers and let me just quickly move them to the center using the arrow keys something like this now we can select this and parent it to the null we can select the null and make it 3D as well now we can add some scaling animation to this so let's press p and in the beginning let's add a keyframe and let's move it somewhere around here and let's place it somewhere around this so you can just simply move it along the Z space something like this so let's move it select all the keyframes Press F9 and then just simply play around with the graph something like that we can move the keyframe closer and now if I play back here you can see we have this subtle scaling animation in the beginning now we can select all of these layers and right click pre-compose and let's call this animation now we can select the base layer and let's apply fill to this and let's change its color to white or maybe a little bit offset color something like this now we can select this layer press Ctrl D to duplicate it and let's make this 3D and let's press R to rotate it and just rotate it along the x-axis by something like 90 degree after that you can just place it below just like this let's apply fill to this and change the color to Black after that just apply Collision blur and we're going to just increase its value to quite a bit something like this let's select this press t for opacity and now you can lower it down so you can see that we have this really nice 3D Shadow so now if I play back here you can see we have created this sort of look and this is how you can create these kind of text animation now if you want to change the character or all you have to do is just go inside the comp and just pick whatever character you want and after that you can just simply type it over here and it will be updated so this is how you can create these kind of animations and I hope you learned something from this video the tutorial project files for this are available on patreon so if you are supporting me over there then you can download it from there and if you're not then you might consider it because you will get access to the tutorial project files and exclusive templates that are available only on patreon if you have any queries or questions then you can ask in the comments below so with that being said my name is Abhishek and I'll see you in the next one [Music] foreign [Music] [Applause] [Music]

Channel: Motion Nations

Views: 28,986

Keywords: 3d rotating text animation after effects, 3d rotating text after effects, after effects rotating text, 3d text reveal after effects, after effects 3d text animation, 3d spinning text after effects, cube text after effects, 3d cube animation after effects, 3d cube text after effects, cube text animation after effects, 3d cube rotating text, rotating 3d cube text animation, ae 3d cube tutorial, after effects 3d cube text, ae 3d cube text, ae 3d rotating text, ae 3d text reveal

Id: 5rdhhdxhsSo

Length: 14min 35sec (875 seconds)

Published: Mon Oct 10 2022