How to create audio spectrum visualizer effect in after effects.

How to create audio spectrum visualizer effect in after effects.

Hey everyone, welcome to another after effects tutorial today we are creating audio spectrum visualizer effect like this.

How to create audio spectrum visualizer effect in after effects.

First create a new composition 1000 by 1000 30  frame per second and change comp name shape then select ellipse tool and create a circle by press and hold shift and control key set the anchor point center of the circle and align the circle then select shape layer and add trim path open trim path1 and go to the first frame and set end point around 18%  then add repeater and open repeater 1 change number of  copy around 5 then open transform repeater 1 and change x position 0% and change the rotation like this you can see our shape copies does not match with our circle path so go to ellipse 1 then open transform ellipse 1 and change x and y position 0% here you can see the perfect circle if your circle gapping not equal so you can change the transformer repeater rotation.

now search cell pattern effects and apply on shape layer change cell size 5 you can increase and decrease stroke width at any time now select shape layer and duplicate them and resize the shape like this then open  shape layer go to contents and open repeater 1 and change number of copy 4 then open transform repeater 1 and change rotation like this and you can also change the stroke width then duplicate again shape layer and change the stroke width round 10 pixel then open shape layer and go to contents then go repeater 1 change number of copy 3 and also change the rotation and go to trim path and change endpoint. then again duplicate the shape layer and do the same adjustment 

now select all shape layer and press R for rotation go to the first frame of timeline and add a keyframe then go to around 5 seconds forward and select first shape layer  and change the rotation value 1 then hold alt and click stopwatch icon to add an expression go to add then go to property and select loop out expression then select the second shape layer this time add rotation value minus1 and add the same expression then go to third shape layer and add rotation value 1 and the same expression do the same with last shape layer but rotation value minus 1 and same expression so its look like this

now go to project window and drag logo image into timeline and resize the logo according to the last circle of shape layer now select logo layer and search tint effect and apply on logo layer now create an another composition change Name with HUD then create an another composition and change name audio and drag your audio file into audio comp then go to HUD comp and drag audio comp into timeline then drag shape comp into timeline now create a new solid layer then select ellipse tool and create a circle mask go to mask and change mask add to none then search audio spectrum effect and apply on solid layer  go to effect control panel and change audio layer none to audio and path none to mask 1 here you can see the effect on our mask now change both color white and side option side B so its only appear outside of circle now change start frequency 1 end frequency around 1100 change the frequency bands around 650 maximum height around 580 softness 0% and thickness 20. now create a new adjustment layer and search find edge effect and apply an adjustment layer and check invert here you can see the effect apply on our all layer so select the shape layer and move above the adjustment layer now create a new adjustment layer and search VC color vibrance effect you can download this effect from official video copilot site and choose any color which you like then search glow effect and apply on it change glow threshold 90%

then go to 5 second forward and select audio spectrum layer and add a keyframe on all of these then go to one frame forward and change the frequency bands and also change the thickness here you can see our effect has changed you can play these setting as you like then go to again 10 seconds forward and add a keyframe then go to 1 frame forward. and change these setting again so look little dynamic and attractive. perfect it looks good to me now go to project window and make new full HD comp 19 20 by 10 80  and change comp name main comp and drag HUD comp into main comp then select new solid layer select HUD layer and duplicate them then select second HUD layer and resize them  and change opacity around 7% now select ellipse tool and make a small circle fill color white stroke none now select shape layer and add repeater then open repeater 1 and increase the number of copy then open transform repeater1 and X position  now add another repeater open repeater 2 then open transform repeater2 and change X position 0 and y position around 50 then increase the number of copy-move this layer below the HUD layer

now select rectangle tool and create a  small rectangle fill color none stroke around 5 pixel then add trim path open trim path1 and go to first frame of timeline and change end point 0% then go to around  1 second forward and set end point 100% then hold alt and click on stopwatch to add expression and add loopout expression now add repeater then open repeater 1 and go to repeater transform  and change the X position and increase the number of copy then duplicate the shape layer and move shape down then press u to show keyframe and delete the keyframe also delete the expression go to trim path change end point value 0% then go to start point and add a key frame and change value 100% then go to 1 second forward and change start point 0% and add loopout expression now select both shape layer and duplicate them and move down then again duplicate both shape layer and move down now select all shape layer and move below the HUD layer then select all shape layer and pre compose them and change opacity around 9% then search fast blur effect and apply check repeat edge pixels and blurriness around 30% then go to toggle switches mode and select HUD layer and change blending mode normal to add also convert all layer into 3D layer.

now create a camera I am using 35 mm preset camera then create a null layer and parent camera with null layer then select null layer and hit p for position also convert the null layer into the 3D layer then go to the first frame of timeline and change the position as you like I am just showing you example choice is your then go to few second forward and change the camera position then select both key frames and easy ease them perfect now select background layer and search 4 color gradient effect and apply on it and change first color black replace the second color with HUD color third color black and fourth also black you can blend them little bit and also down the opacity so our background color match with our HUD effect then go to around 5 seconds forward and split the background layer and change this layer color and copy color code then open HUD comp go to 5 seconds forward where our audio spectrum has change split adjustment layer and paste the color code here you can see the background and HUD color has same then go to 10 seconds and split the background layer and change the color and copy color code then go to HUD comp and split adjustment layer and paste the color code now our animation has done hit 0 for render.

I Hope you like the audio visualizer effect.