Neon Text Animation in After Effects - After Effects Tutorial - Simple Way

hey everyone welcome back to my another After Effects tutorial today we are creating this [Music] [Music] so let's get started open After Effects do you know if your system is running in low memory conditions you can free up some memory by cleaning the disk cache of After Effects well this is optional you can delete your porn collection too back to the tutorial make a new composition I am going with 1920 by 1080 at 30 frames per seconds add a new solid to use it as background I am going with the black color here are some wall texture background images you can download them from the link in the description or you can add your own background I am going with this image import this image in After Effects and drop onto your timeline press F key in your keyboard and scale it to something like this but this image is too bright let's add some effects to make it dark if you don't you your effect dub here go to window and select effects and presets or just press ctrl + v add effect to this layer and make it dark [Music] add another tint effect to desaturate it [Music] change this white color to some great color and your image will be dark add a new solid with black color we are creating vignette effect by this layer go to your shape tool and select ellipse tool double click on this ellipse icon and it will create perfect ellipse onto your layer go to mask and change it to subtract press F key to open feather and change to something 600 pixels and this is your V nyet effect now select these all layers and pre compose them rename all your layers and comp this helps when you are working on big projects now add your text you can add your logo too but make sure to add only stroke fill color will not look good in neon effect you can download these fonts from the link in the description see in my every tutorial I am giving away cool fonts so you should subscribe me add another text with different font you can add all capital letters click here if you want text to be in capital [Music] you are free to add your own typography style but I like this very much so I am going with it and change its color to something very bright you can Google neon color sample align your text into the center I want to skew this text as I shown in the intro go to effects and type transform effects add this effect to the any of these text layers and change skew to minus 10 [Music] now copy this effect and paste on to another text layer perfect now adding a ring outside of this text take a lips tool and draw a shape holding Shift key to make it perfect circle I am using stroke only set your fill to none and Stroke to solid color now hold shift key in your keyboard and make a perfect round circle select move tool and align it to the center [Music] but I don't want Circle to be perfect circle so take the pen tool and draw over a new shape keep the same settings trace this circle but don't make it perfect circle just some rough shape [Music] hide the bottom layer and this is your messy circle these settings are flexible if you want to create something else you can delete this circle shape which we created before let's rename this to ring in my case everything is looking too big so I am scaling down to make them look not too big perfect this looks good to me select all these text and shape layers and pre compose them it's time to give it to the neon effect first duplicate this comp hide the above layer for now select bottom layer and right-click on this comp go to layer styles and select bevel and emboss this option will add some depth to this flat comp go to filters and add a fill effect [Music] change color from red to dark gray but not black exactly this will be our tube for neon light my background looks black and white to me let's saturate it open this comp and change amount to tint to something 95% we have color in the background now it's looking too bright to me open bevel and emboss go to highlight color and change white to gray and adjust its opacity that looks good but remember not too dark and not too bright now add a drop shadow style from layer styles this looks good to me [Music] our wiring is complete let's connect it to electricity unhide this top layer and make another duplicate of this comp add a fast blur effect to this comp we are going to use this compiz glow effect change blurriness to 150 and this is our glow effect select this top layer and go to its layer styles and select inner glow [Music] open this in agloe style and change source to center it will add some nice-looking glow now go to effects and add a glow effect to this comp make another duplicate to this comp to add some details first delete this glow effect from this comp now right-click on this comp go to layer styles and select bevel & emboss open this bevel and emboss layer style change highlight opacity to 0% and shadow opacity to 17% it will add some nice-looking detailing to this comp [Music] also open in agloe option and change opacity to 50% your neon effect is ready now we are adding some extra lights into our scene add a new solid and rename it to light put this above the wall background go to effects and add 4 color gradient effect [Music] click on this pick a tool and select color from this neon text grab these points and arrange them like this I am changing this third color to the same pink red color and blue color in the center below to the hell text so the lighting will match [Music] [Music] now we need to mask this out you can use ellipse tool but I am using pen tool it's all your choice draw a rough mask around this ring like this press F to open feather option and increase the size to something 250 pixels it will make the edges soft now change its blending mode to vivid light this will add some nice lights arrange your mask so it will not go far away from this ring my lights looking red so I am changing them to look more like the text color you can adjust its opacity if your scene is too bright let me adjust more [Music] our neon text is complete it's time to animate this we are using simple techniques for animating this but first to rename them so you can remember what is neon layer and what is while there [Music] [Music] select all the lights and neon layers except content off layer make sure you have selected the right layer drag these layers like this so our scene will start from lights off comp open any of these content on comps [Music] and select all layers press T to open opacity and add keyframe to the opacity add first keyframe on 100% second keyframe on 0% and third with 100% opacity this animation should be fast by the way you can trim your comp by pressing N on your keyboard to see the effect only go back to your main comp and you will see this blink animation [Music] let's add flicker to these content on layers press T to open opacity and out click on the stopwatch here you can add script type wiggle bracket open and close and write 60 comma 20 inside this bracket you will see some little flicker to the opacity but this is not enough let's add to all comps copy this script and add to all content on comps [Music] here you go we made it [Music]

Channel: Avnish Parker

Views: 1,419,947

Keywords: How to make neon text in After Effects, Text animation in after effect, Neon Text Animation in After Effects, After Effects Tutorial, Glow text animation in After Effects, Typography tutorial after effects, Flicker effect in after effects, how to animate text in after effects, avnish parker, simple after effects tutorial, ae tutorial, VFX tutorial, cool text effect in after effects, zoom in tutorial, after effects text animation tutorial

Id: -36U3feGtuE

Length: 17min 11sec (1031 seconds)

Published: Fri Feb 03 2017