Lightning Text Reveal in After Effects - After Effects Tutorial | No Plugins

hey everyone my name is Abhishek and today we are going to create this so this lighting text animation is done entirely in After Effects and it's very easy to create you can use any logo or text whatever you want all this without using any third-party plugin so let's begin alright so right now I'm in After Effects and we will Begin by creating a new composition so let's go to composition let's click on new comp and I'm going to call this one main but the Knight will be 1920x1080 frame rate you can pick 30 FPS and duration you can set it to 10 seconds so just click on ok now we are going to create another composition so let's go to composition Newcomb and this one I'm going to call this text or you can call this media because you can use logos in this example as well just click on ok now let's open up our media comp and under this I am going to add a text now you can use any logo or whatever you want so let's select the text tool and just click somewhere over here now let's type whatever you want so I'm going to type speed and let's select this now I'm using this Montserrat extra bold font but again it's completely up to you can pick whatever font you want now let's quickly align this to the center and in case you are not able to see the Align panel then you can go to Windows and from here you can enable it now let's select this and I'm going to move this Anchor Point to the center so now to do that hold down the Ctrl key and double click on this pan anchor tool now you can see that the Anchor Point is in the center perfect so once you are done with this you can play around with this scale as well so I'm going to just make it little bit smaller just like that so once you're done with this let's go to the main composition and under this I'm going to quickly drag our media comp just like this now we are going to add some lines in order to create some lighting so in order to do that let's select the pen tool after that make sure that none of the layer is selected then you can just simply click somewhere around here and you can start creating a line something like this so you can just create it randomly however you want and for this one I'm going to set this to something like that now you can see that there is no fill so you can just set the fill To None from here and for stroke color you can pick whatever you want I am going to pick this blue color and for stroke width I'm going to set this to 50 for now we can play around with this later on so now let's add some details to this so in order to do that let's open up the shape layer first I am going to add some details to this so for that let's go under the ADD and from here you can see we have this zigzag option so just click on that now if we have added some details to our line and let's add more details by simply adding another effect so I'm going to add wiggle path and now let's open this up so for this one we are going to play around with the size and detail so size I am going to set this to something like 30 for now and details we can just probably lower this down so I'm going to set this to something like one so now you can see that we have this sort of thing now if I press play you can see that our light is moving as well so we can control this speed by simply changing this vehicle per second so I'm going to set this to a really high number something like 750 or 800 whatever you want now if I play back here you can see we have this lot more Distortion now I think we have to add a little bit of more variation to this so let's increase these spikes something like that or maybe let's set this to something like 40 or 50 maybe yeah I think this is looking fine correlation we can set this to zero now we have our line so before we proceed a lot of you watching right now have not subscribed to my channel and I want you to please do that because I want to hit 100K subscriber this year on my channel so make sure to subscribe and press the Bell icon so let's continue now I don't like these ends so I'm going to taper them off so in order to do that just simply open up the shape and you can see that under the stroke we have this option called taper so let's open this up and I'm going to change the start length to 100 and the end length to 100 as well so now you can see that we have this Thin Line and if I play back you can see that it is moving as well now let's start animating it so in order to do that we are going to add a trim path so let's close everything up after that go to add and let's add a trim path Now open up trim path and we are are going to do a simple animation now in the beginning I am going to set the end to 0 let's add a keyframe and let's move to somewhere around 15 seconds or 15 frames now let's set this to 100 so if I play back here you can see we have this line moving which looks good for now now we also want this to go back to zero so now to do that let's animate the start as well so let's move couple of frames ahead let's add a keyframe for the start let's move to somewhere around here and I'm going to change the start to 100 as well so now we have both the keyframes now let's select all of them you can press F9 or right click go to keyframe assistant and easy is once you're done with this let's select the keyframes and let's open up the graph editor now in case your graphics looking different then make sure that you are in the edit speed graph not the value graph now let's select the end points and I'm going to tweak the curve so let's change this to something like this let's select these points and I'm going to change the graph to look something like that so now if I play back here you can see we have our light streak which is moving something like that now if you want to increase the gap between these two then you can select these keyframes and you can move this further apart something like that so now you can see we have this light and I think that this is looking perfect now we can create more copies of it but before that I want little bit of more variation to this so for that on this I'm going to search for turbulent displays let's drag this onto this shape layer and over here we are going to change the amount so I am going to set this to something like 80 and the size I'm going to lower this down to something like 20 now if I play back here you can see we have more variation in our like something like that so I think this is looking perfect now if we can select this layer press Ctrl D to duplicate this now you can see that we have these two layers and I'm going to quickly change its color so let's make this one yellow again colors you can pick whatever you want now let's select the pen tool and I'm going to add more variations to this so let's place it over here and I'm going to just make it something like this and just add more variations to your light something like that so now if I play back here you can see we have these two light streak which are looking good for me let's increase its length little bit just like that now we can add more duplicate of these so let's select this press Ctrl D and I'm going to just move this to the top somewhere around here let's play around with these points just move them randomly something like that looks good now let's select this one and press Ctrl D once again and I'm going to move these points quickly to somewhere around here now if I play back here you can see we have these sort of lines now let's add some variations to this so for that I'm going to just simply select couple of these so let's select these two so this one and this one and I'm going to add little bit of delay to them something like that so now you can see we have these lines moving at different pace just like this you can add more delay something around here yeah I think this is looking fine so we are done with that lighting and our next step is to do a reveal animation on this text as well so for this I am going to search for linear swipe and let's drag this and let's apply this on to the media now we can increase the completion little bit now I want this to be on the opposite side so I'm going to set the angle to 9 negative 90 something like that now let's start animating this so let's go to the very beginning and I'm going to lower down the transition completion or increase it something like 80 now it's completely up to you if you have a longer text then you have to do it like 100 now let's add a keyframe and press U to see the keyframe and let's move to somewhere around here where we have our lighting something like that now I'm going to increase or decrease this value so that the text reveals so let's set this to something like 20 like that now you can see that our text is revealing and I don't want this hard Edge so instead I am going to add little bit of feather just like that so now if I play back here you can see we have our text revealing and also I don't like this smooth reveal I want little bit of distortion over here as well so in order to do that we are going to first create a new solid so right click new solid and just click on OK on this one let's search for fractal noise let's drag it over here and we are not going to play with any of these settings I'm just going to increase the contrast but if you want you can play around with different kind of fractal types and noises now let's place this at the bottom now we don't have to see this so I'm going to hide this one and let's select the media composition and on this one I am going to apply a displacement map effect so let's search for displacement map and let's drag it on to this now first I'm going to change this to Black solid which we just created make sure that this is set to effects and mask now we can play around with the horizontal and vertical displacement so now you can see that we have these very nice variations in our text something like that now you can see that it has completely distorted art text and I actually want this to distort only the edges so in order to do that I am going to just simply enable this quickly and on this one we are going to apply linear wipe as well so just search for linear wipe and let's drag it over here now I'm going to quickly hide this and let's play around with the transition completion now you can see that the effect is supplied only on the edges so we can control this further by simply animating this so again I'm going to go somewhere around here let's add a keyframe from for transition completion and I'm going to set this to something like 20. and let's move to somewhere we have our text revealed completely and I'm going to set this to 80 over here so now you can see that we have this text visible as our transition is happening something like that now I don't want this hard Edge so again we can blend this by simply increasing the feather just like this so now if I play back here you can see we have this very nice Distortion added to our text which looks perfect now we can add more details to this so what I'm going to do is I'm going to select this media and I'm going to press Ctrl D to duplicate this now I'm going to duplicate this one more time and I'm going to add three copies of it now we can move these two top copies a little bit something like that and let's search for fill and let's drag it on to this last one and I'm going to change this color to this blue color and let's select this fill and let's drag this to the middle one and I'm going to change it to Yellow now if I play back here you can see we have added the colors to our Distortion as well now we can do one more thing we can select everything let's press U to see the keyframes now if you want to add more Distortion then you can move the keyframes closer something like this so now you can see that we have more Distortion in the text just like that but for this one I'm going to just stick somewhere around here so I think this is looking perfect so we have everything still you can see that something is missing and reason for that is we want little bit of shake to this so it's very easy to do so I'm going to first create a null object so right click null object after that let's select all of these layers and let's quickly parent them to the null let's select this solid as well let's parent it to the null and on this null I'm going to apply a slider control so let's search for slider control and let's drag it on to this now I'm going to duplicate it one time so I'm going to select the slider control press Ctrl D so that we have these two slider controls now I'm going to add a simple wiggle expression to the position of this null so let's select this press P for position now you can hold on the ALT key and just click on the stopwatch now over here we can type the expression so let's type wiggle and under the curly braces we can just equip this first Strider control after that just add a comma now you can pick with the second slider control something like that so now if I click you can see that we have editor expression now we can animate it by simply adding keyframes over here so let's pick a point something like that let's select this press U to see the keyframes now in the beginning I'm going to set the first slider to 100 and the second one to 20. now let's go to somewhere we have our animation ending now I'm going to set both of these to zero so now if I play back here you can see we have added the shake as well now you can play around with these positions and you can just move it however you want so here you can see we have this very nice shape now you can play around with these parameters however you want but for this one I think these are looking fine we can probably play around with their position something like that so we are done with everything let's add some glow to this so in order to do that you can add adjustment layer so right click new let's add an adjustment layer and on this one let's search for glow and let's drag it onto this now you can play around with the 3DS so I'm going to increase this little bit now decrease the glow intensity to something like 0.3 now select the glow press Ctrl D to duplicate this now increase the radius and let's increase the intensity as well now let's select this press Ctrl D once again and I'm going to increase this quite a bit let's decrease the radius little bit something like that so here you can see we have added the cloud to this now you can play around with the threshold as well so you can just lower it down something like that let's select all of these shape layers and I'm going to just set them to add so that we have these nice glowing outlines something like that now I don't want this to have this glow throughout this so we can just probably add keyframes for the glow intensity so let's add intensity keyframes something like that now you can select the layer press cu now let's select a point somewhere around here we can just set the intensities back to something like this and you can see that if I play back here you can see that we have this intensity animation so we are pretty much done with everything now let's quickly add a nice Crown plane to this so in order to do that I am going to create another composition let's call this one final now let's drag our main composition over here and we have everything just like this now we can select this press Ctrl D to duplicate this now I'm going to select the bottom one and I'm going to make this 3D or we can make both the layers 3D as well so let's select the bottom one press R now I'm going to just rotate it along the x-axis something like that now we can place it below let's move it somewhere around here and let's play with this angle something like that so now you can see that I have this texture image now I will put a link in the description from where you can download this for free or you can just use any texture you have so let's create a new composition for our texture let's call this texture and just click on OK let's quickly drag this image over here I'm going to just press R rotate it by 90 degree and it's quite big so let's make this smaller now on this one we can apply curves to control the highlights and details let's apply the curves and I'm going to add a really nice S curve so now you can see that we have these harsh details we can go back to our final composition let's drag our texture comp and let's place it below all of these layers we actually don't have to see this so I'm going to disable this one and on the ground layer we are going to apply Effect called compound blur so let's search for compound and let's drag the compound blur onto this layer now under this first I'm going to change the blur layer to this texture which we just created now you can zoom in and you can see that as I increase the blur amount now you can see that we are able to see the texture from this so you can play around with these values and you can just make it however you want so once you're happy with this if I play this up you can see that we have our animation and we have added the ground plane as well now there's one more thing you can probably select this glow adjustment layer and you can cut this out from here and you can just place it over here if you want something like that now you can see that we have this very nice glow and you can play around with the intensity of it so let's add a keyframe for opacity and let's lower this down something like that so here you can see we have this very nice reveal now we can also add a camera to this scene so layer new let's add a camera and this one I'm going to press speak let's animate its position let's add a keyframe somewhere around here and in the beginning I'm going to let's just zoom in something like that so let's add this keyframe to the beginning now let's select the keyframes Press F9 let's go to the graph and I'm going to make the craft look something like that so here you can see now if I play back here you can see we have this very subtle zoom out animation and the text looks very amazing now you can play around with the zoom amount as well something like this and now if I play back here you can see we have this very nice zoom out animation and we are pretty much done with our animation also the best thing about this is that you can change the text all you have to do is just go inside the media comp and you can just replace the text and you can type whatever you want you can place any other logo and you can also change the colors of these streaks as well so here you can see we have the animation now you will notice that sometimes you will have to adjust the linear pipe so let's quickly select these and let's press CU and over here I'm going to just increase the linear wipe amount so let's set this to 0 at the end let's select this and I'm going to set this to 0 as well and let's select this one and I'm going to set this to 0 as well don't forget to change it on this solid as well so let's select this press U and I'm going to set this end value to 100 so now you can see we have this text reveal perfect so if I go back to the final composition you can see that everything is already applied and you have your animation so this is how you can create these kind of lighting texture wheels so the project files for this tutorial is available on patreon so if you are supporting me over there then you can download it from there and in case you are 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 so with that being said my name is Abhishek and I'll see you in the next one [Music] foreign [Music]

Channel: Motion Nations

Views: 42,706

Keywords: lightning text reveal after effects, lightning text after effects, lightning logo, lightning logo reveal after effects, lightning logo after effects, lightning logo reveal, after effects lightning text, after effects lightning tutorial, after effects lightning reveal, ae lightning text, ae lightning effect, ae motion graphics text, motion graphics text animation, energy text after effects, energy logo reveal after effects, speed text ae, ae advanced lightning, ae light text

Id: vE7cdISgOGw

Length: 19min 36sec (1176 seconds)

Published: Tue May 30 2023