This tutorial was contributed by creator Softoni! Subscribe to their channel: https://www.youtube.com/@softonimotion
Here's more from the creator: 'Hey everyone π₯! Ready to bring your music to life with an awesome audio visualizer? In this After Effects tutorial, we'll dive into creating one from scratch, and the best part? No plugins required!
WHO AM I?
π I am a motion graphic artist and 3D animator with ten years of experience in design. For many years, I have collaborated with various global brands, and I am pleased to share at least some of my knowledge to make your first steps as easy as possible. On the other hand, more experienced creators will surely find useful tips and techniques to further enhance their work. So, follow my tutorials and 'Stay Creative' :)'
View Softoni's store here: https://filtergrade.com/vendor/softoni/
View all After Effects Templates on FilterGrade: https://filtergrade.com/product-category/after-effects-templates/
This tutorial was originally posted here: https://www.youtube.com/watch?v=p32fnk0Gp3U
- - - - - - - - - - - - - - - - - - - -
Follow FilterGrade!
Instagram - https://www.instagram.com/filtergrade/
TikTok - https://www.tiktok.com/@filtergrade_
Facebook - https://www.facebook.com/filtergrade
Show More Show Less View Video Transcript
0:07
[Music]
0:14
hello guys soft Tony here and in today's
0:16
tutorial we will be creating an audio
0:19
visualizer that looks truly awesome step
0:21
by step we will make this cool animation
0:24
and you can use this audio waveform in
0:26
many different ways so grab attention to
0:28
your music and visuals with this
0:30
creative visualizer and before we begin
0:32
like usual make sure to subscribe to my
0:34
channel hit the like button and turn on
0:36
the notification Bell so you don't miss
0:38
any of my upcoming video clips and
0:40
without any further Ado let's dive into
0:42
after effects and start
0:46
[Music]
0:58
creating all right for here in After
1:00
Effects and first like always let's
1:02
create new composition hit on this
1:04
little icon or control or command plus n
1:06
like usual and this is going to be final
1:08
and for the width and height 90/20 x
1:10
1080 full HD 30 frames per seconds and
1:14
also for the duration I will go 1 hour
1:16
and of course you can type here your own
1:18
duration hit okay and as you can see
1:20
here in the project window I already
1:22
have this media o1 and this is free
1:24
footage from pexels.com I will leave the
1:27
link Down Below in the description just
1:29
drag and drop here in the final
1:30
composition hit P4 position readjust
1:33
this y parameter if you need like so
1:36
this is looking cool okay now go here in
1:39
effects and preset and if you can't find
1:41
effects and pres just go window and you
1:43
will find effects and presets here now
1:45
let's type CC toner okay drag and drop
1:49
onto the media o01 and here for the
1:51
tones instead of Triton find here dual
1:54
tone and for this first option
1:55
highlights let's go and type this hexa
1:58
code E8 2
2:01
c65 for me this is looking cool of
2:03
course you can find here your own
2:05
suitable colors but for this particular
2:07
one I will do this color hit okay and as
2:11
you can see now we have this media o1
2:13
here in the final composition and let's
2:15
go right click to create new solid layer
2:18
okay this is going to be grid also 90/20
2:20
x 1080 hit okay go here in the fact and
2:23
pres it find grid effect all right also
2:26
drag and drop onto the solid layer and
2:29
here let's make further adjustments for
2:31
this anchor option I will do minus two
2:34
and for the Y parameter also minus two
2:37
okay for the corner I will do
2:39
130 and also for the second one 97 and
2:43
now we have grid like this also you can
2:45
play around with the Border let's go and
2:47
try maybe three this is looking great
2:50
okay and for the next effect let's add
2:53
linear wipe effect all right also drag
2:56
and drop onto this great solid layer and
2:59
here Also let's make further adjustments
3:01
for the transition completion let's go
3:04
55% and for the wi angle instead of 90
3:07
let's go - 90 okay and let's also
3:10
readjust the feather from 0o to around
3:13
700 and as you can see we have this cool
3:16
grid disappearing here on the right side
3:19
and this is looking great also what we
3:21
can do next is to turn on those titles
3:24
and action save and let's create our
3:26
text hit control+ t Okay as you can see
3:29
I'm using this oswal font and for the
3:32
font size let's go to around 60 okay I
3:35
will just type random text audio
3:38
visualizer okay readjust it here in the
3:41
final composition like so now let's
3:44
duplicate hit control+ D or go edit and
3:47
then duplicate hit P4 position move it
3:50
down okay and I will just type second
3:53
random text let's
3:57
create together okay
4:00
double click for this font size I will
4:02
do maybe 32 all right readjust it a bit
4:05
more here in the final
4:07
composition and this is looking cool for
4:10
me okay now it's time to add our audio
4:13
Spectrum effect but before that let's
4:15
create solid layer go right click to
4:17
create new solid layer this is going to
4:19
be audio Spectrum okay and go here in
4:24
effects and preset again and find audio
4:26
Spectrum effect also drag and drop onto
4:29
this solid layer and let's also add fill
4:31
effect go here again in the effects and
4:33
pres it add fill effect change color to
4:36
white okay and basically we can play
4:39
around here with the options and let's
4:41
go here for the start point and let's
4:43
type
4:45
1,450 and also go for the end point
4:49
1,450 okay select this audio spectrum
4:52
and for this y parameter of start Point
4:55
go up to something like this you can
4:57
also hold shift on your keyboard and for
4:59
this end point move it down all right
5:02
somewhere around here this is looking
5:05
cool you can also readjust here a bit
5:08
more if you need and as you can see we
5:10
already have this cool audio Spectrum
5:13
now we can play around with the start
5:14
frequency and frequency frequency bands
5:17
and so on for this end frequency I will
5:20
do maybe 800 and also for the maximum
5:23
height I will do 2,000 now let's also
5:26
create audio composition okay hit here
5:29
again again this is going to be audio
5:31
composition all right also 1 hour long
5:34
hit okay and as you can see I have
5:36
already imported this audio check of
5:39
course you will import your own just
5:40
drag and drop here in this new
5:42
composition now go here in the finals
5:45
and just drag and drop this composition
5:47
inside this final composition okay now
5:51
let's go here on audio Spectrum solid
5:53
layer hit F3 again and we will use this
5:56
audio comp as a reference go here on
5:59
audio layer and find here audio
6:02
composition okay now hit zero and as you
6:05
can
6:13
see this is already looking cool you can
6:16
also play around with all of those
6:18
option you can also go maybe display
6:20
option from digital to analog
6:22
lines dots just play around with
6:25
everything until you're satisfied with
6:27
the results maybe for this side option
6:29
to go maybe to side a hit zero again and
6:33
now our wave for will go from this from
6:36
the left side all the way to the right
6:38
side and this is looking
6:41
[Music]
6:48
great all right for the next step let's
6:50
also create timer here in the final
6:52
composition hit Control Plus t or go hit
6:54
on this little icon okay I'll just type
6:57
here timer and I'm using this asalt font
7:00
for the font size go to around 50 okay
7:03
now let's open up this Little Triangle
7:05
go on text and then hold alt on your
7:07
keyboard and then left Mouse click on
7:09
this Source text and I will just paste
7:11
the expression hit control+ V okay I
7:14
will also leave the link of this
7:16
expression down below in the description
7:19
okay and now when we hit zero as you can
7:21
see we have also this timer and this is
7:25
looking
7:27
great also you can hit P4 position also
7:31
turn on title and action save to
7:33
reposition it maybe to go somewhere
7:36
around here maybe upper a little bit and
7:39
this is looking cool hit
7:41
zero and as you can see we have also
7:44
cool looking
7:47
timer okay for the next step let's also
7:50
create shapes hit Q on your keyboard and
7:52
before that make sure to unselect
7:54
everything here and let's go and find
7:57
the ellipse tool okay set the fill color
8:00
to solid color and stroke to none and
8:02
hold control shift and ALT on your
8:04
keyboard and draw a circle like this you
8:07
can also use space while you're holding
8:09
control shift and ALT to reposition this
8:11
shape and as you can see now we have
8:14
this perfect looking shape layer I will
8:17
turn off those titles and action save
8:19
now go here again in the effects and
8:21
preset find maybe ramp effect also drag
8:23
and drop on this shape layer one let's
8:26
rename this shape layer one to Circle
8:28
okay and for the ramp let's go for the
8:31
start color to somewhere around here and
8:33
color to around here and let's change
8:35
this start color to maybe this type of
8:38
orange color you can also use ey dropper
8:40
for the second one and let's make this
8:43
one a bit darker maybe something like
8:45
this play around with the colors okay
8:48
now hit here again on the circle hold
8:51
control on your keyboard or command and
8:53
just double click on this Pan behind
8:55
icon to make this Anchor Point here to
8:58
the center okay now let's duplicate this
9:01
circle this is going to be stroke move
9:04
it below this circle okay and for the
9:06
scaling I will do 102 okay and let's
9:10
change color to white color for this
9:13
start and for this end color or you can
9:15
just play around also with the colors
9:18
for me this is looking great now what we
9:21
can do is to precompose this circle
9:23
select it go right click precompose this
9:25
is going to be shape 01 okay and for the
9:29
next step let's duplicate all the way
9:31
across the composition hit control+ D
9:33
this shape 01 let's rename this one this
9:35
is going to be shape O2 okay and just
9:39
move it to around here hit s for scaling
9:42
if you need all right maybe to go to
9:45
around 30 or so and just reposition it
9:50
here in the final composition also hit
9:52
control plus d once again and move it to
9:56
maybe somewhere here just play around
9:59
until you're satisfied with your own
10:01
final results you can also go here
10:04
inside those composition change colors
10:06
or add ramp again and just play around
10:10
with your own colors okay now when we
10:13
hit
10:18
[Music]
10:24
zero this is looking great also for the
10:27
final step let's add particles go right
10:30
click to create new solid layer this is
10:32
going to be star burst particles okay go
10:36
here in the F and PR it find Starburst
10:39
effect okay drag and drop onto this new
10:41
composition Also let's add Bill effect
10:44
drag and drop also on the starburst
10:46
particles change color to white color
10:49
okay and here let's also play around
10:51
with the options for the grid spacing
10:53
let's go to around 10 also for the size
10:56
let's try 20 and this is already working
10:59
better and for the speed let's go to
11:01
maybe
11:02
0.10 or so now as you can see we have
11:06
also cool particles play around with the
11:08
size GD spacing and whatever fits to you
11:12
also you can play around with the
11:13
scatter something like this let's try
11:16
make this particles even larger let's go
11:19
to around maybe 30 or 35 hit zero just
11:23
play around until you satisfied your own
11:28
[Music]
11:30
all right guys what we can do also for
11:32
the end hit here on grid find here also
11:35
for the blending modes if you don't want
11:37
to see those hard lines go here and find
11:40
overlay blending mode and you can
11:42
duplicate this one for a few times and
11:44
you will have this type of look hit
11:47
control+ D once again and now we have
11:50
something like this as I have already
11:52
said play around with everything until
11:54
you're satisfied with your own final
11:57
results all right guys that was
11:59
everything for today's tutorial like
12:01
always I hope you learn something new if
12:03
you found this video helpful please hit
12:05
that like button and also if you haven't
12:08
subscribed to my Channel please consider
12:09
to subscribe also turn on the
12:11
notification Bell so you never miss any
12:13
of my upcoming video tutorials you can
12:16
write me a comment Down Below in the
12:18
comment section write me suggestions and
12:20
everything else and also take a look on
12:23
my channel for even more great tutorials
12:25
like this one and until next time stay
12:28
cre creative and bye-bye
12:33
[Music]
