Distorted Glitch Text Effect in After Effects - After Effects Tutorial

this after effects tutorial is sponsored by aejews.com [Music] hey guys what's up i am nikhil from dopemotions.com and in today's after effects tutorial we will create a super cool looking text glitch animation inside of after effects without using any plugins it's a super simple effect and looks super awesome so with that said let's jump into after effects and get started [Music] [Applause] [Music] all right so here we are in after effects let's start by creating a new composition let's go with 1920 by 1080 that is a full hd and i'll call this com as our rendicom that is our main final render comp 10 seconds long and 30fps hit okay then let's create a new composition which is going to be our text placeholder so i'm going to call this text let's unlink the locked expect ratio and change the height to 200 and hit ok then select the text tool and type in whatever text that you want i'm going to just type in just like the example that we have hyper vibes and the font that i'm using here is the nexa black i have mentioned link in the description to download the same exact font now one thing that you need to keep in mind is that paragraph alignment is set to center text alignment and then let's animate our text so i'm gonna go right over here in the animate section and let's add an opacity property set this to zero let's go into the range selector and let's animate the start property so i'm gonna create a keyframe on the start property go to around one second and uh 15 frames and let's set this to 100 then go into the advanced properties and turn on randomize order so now the opacity animates in a randomized order pretty simple and easy let's create one more animator i mean meter let's create one more animator and um let's add a tracking on this at the very start i'm going to set the tracking amount to minus let's go with minus 60 or something all right make sure you create a keyframe right over here then i'll go to one second and 20 frames and set this to zero so we have a pretty nice animation as you can see then i'm going to select these keyframes hit f9 go into the graph editor right click and select edit speed graph and then let's zoom in quite a bit and pull this handle to the left holding shift so we have a really nice and interesting animation pretty nice now i am planning to create a dedicated video explaining speed graph or the complete graph editor so if you guys would be interested in that kind of videos then do let me know in the comment section below where we will go a bit more in depth into into the graph editor as graph editor plays a very important role when we are animating anything inside of after effects anyways so here we have our text animation already now let's go back into our main render comp let's drag and drop in our text composition now let's create a new composition and this is going to be our glitch map basically a alpha map that will drive our glitch animation so i'll call this glitch map and let's change the width to something like um let's do something like 5000 [Music] all right hit ok then let's create a new solid hit ctrl y and call this noise you can call it whatever that you want so then i'm going to select the layer going to fix in preset and type in fractal noise double click to apply that up let's change the noise type from soft linear to block increase the contrast all the way up to 400 and bring down the brightness a bit like -40 then go into the transform properties unlink the uniform scaling and let's increase the scale with a bit by around 150 bring down the complexity to three and a glitch map is almost ready one thing that i want to add is some random animation to this i'm going to the evolution option and there we have random seed i'm going to hold alt and click on the stopwatch which is going to help us to add an expression i'm going to use a very simple expression that is time times six all right so it's gonna basically randomize the pattern which gives us a kind of a nice glitch map effect but let's take this one step further so to do that i'm to select the layer again go into effects and preset and add an effect called wave warp double click to apply that up it looks pretty sweet and you can see it looks kind of interesting effect to play around with but let's change the wave type to let's go with noise increase the wave height around 15 and wave width let's increase this to 80. all right let's bring down the direction to zero and now it's looking a bit more glitchy as you can see it looks pretty nice we have some more detail into the complete map and it looks kind of cool right now before we proceed further with this tutorial let me tell you about today's sponsor ae juice they have an amazing i want it all bundle which contains over 5000 animated elements like transitions presets titles for your project it comes with a handy pack manager plugin and this is one of those investment that will last you for a lifetime plus they also have a starter pack which has over 100 animations that you can try it out for free for more information check out the link in the description below so glitch map is ready now let's go back into our main render composition drag and drop in our glitch map we can just hide that we don't need to see it and we have our text animation pretty cool now let's create some small elements that will complement the complete animation so to do that i'm going to select the rectangle tool and create a shape just like maybe so let's align this into the center just properly and i'll call this g element which is basically a glitch element i'll put this below our text and then go into effects and preset and search for effect called cc ball action and then i'm going to bring down the ball size to 40 so we get this nice dotted elements that we can use to enhance the complete look now what i'm going to do is set the is trim this g element layer to around 20 frames so hold alt and close square bracket or right square bracket so we have a nice element here i'm going to put this just like that you can see it looks pretty nice and let's um select this hit ctrl d to duplicate it pull this just like that and i'm going to hit u twice to reveal the size properties and let's bring down the size a bit maybe unlink this and let's bring that down i'm gonna place one right over here so we have two elements here pretty nice let's duplicate this one more time hit ctrl d i'll pull this right over here and let's select this i'm gonna pull this one right here hit you two times and let's bring down the size like that all right so that is looking good so far now let's animate our text as well so i'm going to select the text i'm going to go to around 15 frames hit s to bring down the scale properties create a keyframe and then hold ctrl and alt at the same time and click on this keyframe which is going to convert the keyframe into a whole keyframe and then i'll go a few frames forward maybe let's go like around i don't know seven frames so i'm gonna hit seven times page down one two three four five six seven and let's bring down the scale i believe to around bring up the skill to let's say 120 again let's go seven frames forward and bring that down to around 65 let's go seven frames forward and set that back to 100 basically so let's see what we get and as you can see we get a very nice look pretty cool now let's do our main glitchy stuff that the glitchy animation distorted animation that you saw in the animation so to achieve that i'm going to right click create a new adjustment layer we can call this let's call this this for displacement then select the layer go into effects and preset and search for displacement map double click to apply that up let's select the displacement map layer to the glitch map that we created so right off the bat you can see we can play around with this and achieve some really cool glitches right pretty awesome it looks awesome in itself actually but let's set the use for horizontal displacement from red to luminance and also bring down the max vertical displacement down to zero we only need to play around with the max horizontal displacement so let's go at the very start and set the max horizontal displacement to 75 create a keyframe go to around one second and 15 frames and set this to zero so now let's preview our animation and see what we get pretty cool i think i will drag this a bit more further in time now finally right over here just before the glitch ends i will add a nice wave warp effect on this so i'm going to create a new adjustment layer call this wave i'm going to hold alt and um left or open square bracket to cut that up let's go to 20 frames one second 20 frames and split oh hold alt and right square bracket to split that up as well then go into fiction preset and type in wave warp [Music] let's go into wave type and set this to smooth noise and i'm going to increase the wave height to 20 and let's bring down the direction to zero so we get a really nice look so while it animates out we have a little bit of you know kind of a distorted look looks pretty nice kind of a bit of add-on now no glitch effect is completed without the rgb look that we can create with this so let's select everything hit ctrl shift c call this animation you can call it whatever that you want hit ok go into effects and preset and search for shift channels i'm going to double click to apply that up let's change the blending mode of this to add and right here i'm gonna take red from red take green from green i will set this to full off and set the take blue from to full off then duplicate this hit ctrl d select the second one set the red to full off and turn on the green duplicate this one hit ctrl d let's change the blending mode of this to normal let's set the green to full off and just turn on the blue then i'm going to move every uh displace them basically by one frames and now there we have a super cool and pro looking glitch text animation you can reveal anything that you want using this cool effect now the best part of this is you can anytime jump into your text change the text to whatever text add you like you can also add a few elements so let's say if i add something like a shape here with a stroke of two and set the fill to none you know and let's align this let's animate this really quick i'm going to animate the size go back and set this to zero pretty cool right so now if i preview this looks very very nice maybe i need to displace this a little bit and increase the size a little bit and boom as you can see we have a super cool glitch the glitchy text animation inside of our proof effects that too without using any plugins so that is a wrap for today guys i hope you enjoyed this tutorial and if you did make sure you subscribe to the channel and do let me know in the comment section below if you find this video helpful i will see you guys in the next video till then take care and always stay raw stay creative and also follow me on instagram at dope.motions i am super active by the way i will see you in the next video peace out

Channel: Dope Motions

Views: 46,855

Keywords: after effects, after effects tutorial, after effects text animation, after effects glitch effect, after effects animation, text distortion after effects, text glitches after effects, rgb text effect after effects, text animation after effects, dope motions after effects, after effects motion graphics

Id: W0_KONHf4sM

Length: 13min 47sec (827 seconds)

Published: Fri May 21 2021