Audio Visualizer in After Effects - After Effects Tutorial - No Third-Party Plugin

hey everyone welcome back to my another After Effects tutorial first of all I really appreciate these two guys for supporting me on patreon it really means a lot you can also be my patreon to see all other my premium contents anyway today we are going to create this [Music] Kalai whole time [Music] so let's get started open After Effects and create a new composition let's call it audio spectrum I am using the same full HD resolution but my comp duration is three minutes long so that it can cover up our whole song let's start with adding a background I am adding an image background but you can also add any video you want place this image in your timeline and then press s to open scale and adjust the size of it now press P to open position and then press and hold Alt key on your keyboard and click on this stopwatch icon it will allow you to add a script to it in the script area type W I G G L II brackets open 2 comma 10 and then close the bracket now if you play this you can see your image is moving randomly you can also make this image to shake on beats but I'll create a separate tutorial on it now create a new solid we will call it audio reactor you can make it in any color you want because this color won't be visible let's add a circle mask select your solid layer go to the tools and then select ellipse tool keep your cursor into the middle and start drawing a mask press shift to make a perfect circle and then press ctrl + shift to make a uniformed perfect round circle from the middle let's keep it size this bigger and then change mask type to none now go to the effects & presets and search for the audio spectrum add this preset on the solid layer to create a audio spectrum you can choose your music file from this audio layer so let's add our music file you can download this song from the link in the description add your music file in the project and place it anywhere in your timeline select your audio spectrum layer and then switch back to the effects tab here change their audio layer to your song layer and also change the path to mask one it will create this audio spectrum to the path you just created let's hide this path so that we can see it clearly see it is coming to the shape let's adjust few setting to make it look cooler change frequency bands to 100 and decrease the softness to 0% let's increase the thickness value to 10 and also change the color to white for both we will change the color later perfect now change the end frequency to 300 so that we can have this kind of smooth look also change the side option to side B so that it will only appear on the outside of the circle this looks good to me let's increase the maximum height to 700 so the bands will be bigger in size cool now let's move to the next step if you select your audio layer and press M you can see your mask here select this mask and press ctrl + D to make a duplicate let's turn on the visibility of the mask by clicking here now double click on the mask anchor point and transform its size by pressing ctrl + shift key on your keyboard cool now go to the effects & presets and search for the stroke effect double-click on it to apply it on the audio layer and now you can hide the mask again this time select the path to mask to and change the brush size to ten change brush hardness to 75% and also make sure to change the spacing to 0% it will create a stroke like this let's make this stroke size too bigger by transforming it cool this looks good now now we are going to animate this stroke to make create a progress bar make sure you are at the first frame and then change the start value to 100% after that add a keyframe on it now go to the frame where your song is ending in my case at the 3 minutes now change the start value to 0% if you play your animation you can actually see your progress bar is moving according to the duration of the song this is what we are looking for let's add another stroke inside all these strokes select your mask and press ctrl + D to make a duplicate now again add a stroke effect on it this time change the stroke path to mask 3 select your mask 3 and again turn on the visibility of your mask double click on your mask and transform to something like this perfect our audio reactor is complete now let's move to the next step let's create a clock timer inside this reactor for doing this create a new text open the text property and you will find this source text if you alt click on the stopwatch icon you can add a script to it this is the script which we are going to paste inside it select all and press ctrl + C to copy it press and hold Alt key on your keyboard and click on the stopwatch icon and then paste it in the script area perfect our clock is working select the move tool and place your text in the center of this reactor first of all change its color to white and the most important make sure paragraph placement is aligned to the left else your text will be bouncing at some points perfect also you are always free to choose your own text for the timer perfect let's rename this text layer as time because we are organized people select your both layer right click on it and then pre compose it let's call it audio reactor and then hit OK again go to the effects and presets and search for the for color gradient apply this effect on your audio reactor comp and adjust few settings this effect allows you to add four colors to the single layer that helps to add stunning colors I am using the blue color shades but you are free to add any color shades you want please spend some time to adjust the colors it is the color only who add life to your designs now if you select your gradient effect you can actually see these four points for each single color if you place these points color to the shape you can see the color gradient is working please take the time and adjust the colors you want in case you are not happy with any color you can change it anytime you want cool now select your layer and change its mode if you don't see your mode tap here press f4 to switch between now change the mode to screen and it will look perfect now but we are not done yet add some details to it perfect let's add a glow effect to the reactor go to the effects and presets and search for the glow effect add this effect on your layer and it will look like this now my reactor is more visible and it looks cool now this was the first version of our audio spectrum let's create a version to select your layer and make a duplicate of it select the bottom layer and rename it audio rays go to the effects & presets and search for the CC light burst 2.5 effect apply this effect on the layer and it will create these light rays on your reactor select your layer and press s to open scale change the scale value to 90 and it will create some depth into your design now change the Rays length to 100 to make it longer please note this version will take much longer time in rendering so be careful let's decrease the brightness of our background go to the effects & presets and search for the hue and saturation add this effect on your background and change the mask to lightness to negative 85 also change the master saturation to negative 100 it will create our background completely dark select your bottom audio reactor layer and place this glow effect below the light burst effect it will add a nice looking glow to your A's Ram preview it and your audio spectrum is ready thanks for watching this tutorial have a good day [Music] breathing in cold [Music] all time [Music] dripping [Music] [Applause] [Music]

Channel: Avnish Parker

Views: 1,765,342

Keywords: how to make a Progress bar in After Effects, How to make a timer in after effects, How to make Audio Spectrum in After Effects, audio react in after effects, sound spectrum in after effects, after effects tutorial, avnish parker, advance after effects tutorial, audio spectrum after effects, audio spectrum after effects tutorial, after effects audio visualizer, after effects audio waveform, after effects audio spectrum, audio visualizer, audio visualizer tutorial

Id: QeNHHIjgvHU

Length: 14min 0sec (840 seconds)

Published: Tue Jul 25 2017

Reddit Comments

[u/DownVoteBecauseISaid]

Sounds like: I Want You Back - The Jackson 5

https://www.youtube.com/watch?v=s3Q80mk7bxE

but edited/mashed up ofc, I assume specifically for his intro.

[u/[deleted]]

Scarlet Fire - Otis McDonald https://youtu.be/8yOskhDn468