hey what’s up everyone I’m Ignace Aleya
from Toleratedcinematics.com and today it’s the first motion graphic Mondays if
you enjoy my videos be sure to hit the subscribe button and hit the bell icon
to make sure that you get notified when I upload new videos alright so today I
will be talking about something really cool! We’re going to be creating a really
simple and clean audio spectrum in Adobe After Effects, many of you want to know
how its created. We’re going to create something awesome it’s going to be a
two-part tutorial but first let’s see the preview doesn’t that look cool? So today we’re
going to take a look on how to create everything in general so the basic setup
of the titles the audio spectrum the background and stuff like that and then
in the next part we’re going to take a look on how to add fine details like in
the background the particles and things like that so I would suggest that if you
don’t wish to follow this tutorial you can always go ahead on our website and
buy this template it also helps to support a channel so if you enjoy this
tutorial go and check out our website we have a bunch to offer so all the links
will be in the description the template actually includes a simple to follow
tutorial where you can adjust everything like the course and stuff like that
everything is optimized so it’s a little bit more advanced than what we’re going
to be seeing in this tutorial just so you know anyone that has any kind of
experience in Adobe After Effects can follow this tutorial so without further
ado let’s get started alright so here we are and it will be off your effects and
I actually prepared a few things that I already import it right here so first of
all is a music file which will everyone need if you want to use an audio
spectrum the audio actually comes from levite Oh beats he’s a great friend of
mine and he actually runs his own channel where we collaborate on frequent
basis so go and check it out he creates some really awesome beats and if you
want to use them you can actually use them for free and return that you credit
him in descriptions or even in your video if you’re that kind of nice guy so
I go ahead links will be in the description and then I also have this
image right here which I actually took when I was on a vacation in Spain and
this is Benny Durham so yeah without further let’s get started so I created a
new composition we can actually delete this so we can get started create a new
composition and this is going to be our main composition make it full HD in
resolution and 30 frames long make it as long as you want to and then click OK
then the first thing that you want to do is just drag in your audio file in that
composition you can actually see that our composition is a little bit too long
so we’ll just drag it right over here press M on the keyboard and trim comp to
work area okay and then once you’ve done that we can actually apply our image
right here to our composition and as you can
see our image is a little bit too yea big so what we will do is press s on the
keyboard and just kill this down like this right here
okay perfect a little bit bigger and there we go so we have our image now
what I want to do is kind of stylize my image a little bit more make it more
like a music kind of vibe like Spotify likes to do like a duotone effect and
what we’ll do is actually use a pretty cool effect and this is called Kurama so
we’ll create a new adjustment layer right here and this is going to be our
grading and our exposure okay so first of all we want to fade in our image so
we’ll go to effects color correction and apply a exposure effect to our image and
then just lower the exposure until you don’t see anything anymore like this and
click on the stopwatch ready exposure to create a keyframe you can now play a
press you on the keyboard to reveal that keyframe right here and then if we’re
going to move a little bit more in time we actually want to zoom in to our
timeline a little bit so we have a nice close-up 5 seconds 10 seconds and like
over 3 seconds we want to kind of fade it in back to 0 then 3 frames forward
I’m doing that with the page down key on my keyboard you can move ahead and just
decrease it a little bit move 3 frames for it again increase it a little bit
maybe this is a little bit too much for frames a little bit less and then a few
frames forward and then 0 desert and maybe a little bit less than 0 because
we actually want to work with text which will be white in the audio spectrum so
we want to kind of de expose our background a little bit so everything is
going to be a little bit easier to read afterwards perfect okay and now for
grading and this is on the same layer we’re going to apply the effect color
correction and color AMA and this is actually a really really cool effect you
can do a lot of cool things with this and but we want to open up the output
cycle right here and just and delete everything in here for the course and
then for the red we want to change that red color to a nice dark blue blue
ok click ok then we’re going to click over here and go to the pink color and
just create a nice pink color and we’re going to close this like this and
actually instead of pink let’s go for something a little bit warmer maybe more
towards this core and the blue can be even darker okay pretty cool so this
really creates something kind of a creative it doesn’t work with every
image but if you use like people you can do some really cool things it’s really
important that you kind of change or shift on the colors a little bit more so
maybe a little bit of blue here that we can add in right over here and maybe
darken it a little bit more there we go and then right here maybe a nice kind of
tinted orange let’s see beautiful look at that boys and girls isn’t that
beautiful so it’s so simple to create something really cool with Colorama you
can of course go ahead and do that in Photoshop but yeah we’re in
after-effects now and this is really simple to create okay so we can close
everything and now what we want to do is create our audio spectrum so we’ll right
click and create a new solid layer rename this to audio spectrum click OK
and then we’re going to go yeah effect generate audio spectrum for the color
for the audio spectrum we’ll changes to white so we can actually see it clear
right here we can actually see it already and the softness we can set this
back to 0 welcome back set this to say 0 the
frequency bands will change this to 175 and now what we want to do is go to our
audio layer and select our source which is the audio about that we already added
to our timeline the video waves it’s really important that you already have
it in your timeline otherwise it’s not gonna work then for the side options
we’re going to work with side a and that’s going to choose the top part and
yeah perfect so let’s see how that actually looks we can actually see that
well if we go a little bit more in time and in the beginning I think this is a
little bit to hide kind of D except a little bit
I don’t think that fits in my audio spectrum so what I will do is hold ctrl
and just drag the start frequency a little bit more to the right the reason
why I’m holding ctrl is it affects it a lot slower because if I’m going to hover
it immediately hits a thousand with control it’s going to move a little bit
slower actually shift is going to do the opposite thing where it actually is
going to move a lot faster then free and frequency something like 1500 and there
we go so now we have the nice animation our audio you can also go for the arm
maximum height and increase it a little bit if you want and I think that looks
pretty good okay so now what we want to do is actually move this start point and
the end point and a little bit more to the bottom so it actually is right here
but as you can see we have to move them individually which I don’t want to do so
I will do a quick solution and create a new null object and then just hit the
return key this is going to be our position Y for the spectrum so this is
just a reference we’re going to press B on the keyboard to reveal the position
for this one and then click on the audio spectrum before we continue this video I
would like to present you our website designed for filmmakers and video
editors to improve their workflow we offer templates presets high-quality
pre-made packs soundscapes essential graphics and much more if you don’t have
time to create something of your own or you just want to speed up your workflow
definitely check out our website with a link in the description below
and we’re going to hold alt and click on the stopwatch for the position of the
start point so I’ll click on the stopwatch right here now we’re going to
open the brackets we’re going to write a simple expression and enter value open
brackets 2 0 close brackets comma and now we want to just take our Y position
of the note and then we want to close or break it again so really simple
expression and open bracket value open bracket 0 close bracket comma equip the
Y position not to know itself but the Y position of no and then close the
bracket we want to copy this code to control C and just hold all the click on
the stopwatch for the end point and paste it also right here and now we’re
gonna you know what we can do actually is click on that middle we can actually
reposition this very easily like this for the audio spectrum I want to go back
here and a start point for the X I’m going to move it a little bit more to
the right because on the left side we’re going to add our timecode so for the
timecode I’m going to click on my text tool click over here and add a few zeros
like this and then just select your text and make it a little bit smaller if you
want to maybe irregular or medium text and now we have our fine code and for
the time code we’ll also need a little bit of a expression which I actually
already prepared for you guys you can download that also with the link in the
description it’s just a bunch of text that you need to paste in the right
position oh I already have it copied in the background so what I will do is
click on this arrow right here open the arrow for the text hold alt and click on
the stop points for the source text and paste the expression right here now we
can actually see immediately it works with seconds and minutes and yeah
perfect so just paste it and you don’t need to worry about a thing about code
or whatever so you can reposition this and there you go very simple okay and now we want to add our title
also so this will be the beats player and we want to make this bold and a
little bit bigger and position it maybe right here and now we want to duplicate
this text layer by holding ctrl and pressing D on the keyboard and then move
it a little bit more down go to the text tool select all of our text and now this
is going to be video waves with a which is the actual name of the song select it
and change it to a regular and a little bit smaller so we have a little bit of
variation going on maybe also make it a little bit wider like this and there you
go okay we also want to add like in nice vignette on the sides here so right
click new and add an adjustment layer and this is going to be our thing yet we
will rename this and very quickly and go to effect color correction curves and
just lower the curves so it darkens everything go to and the mask options
here ellipse tool and double click on the ellipse tool that’s going to add an
ellipse right here subtract it from the mask and then press F on the keyboard
and just increase the feather until it’s a nice soft blur and as you can see
right here this looks really cool we can actually put this below the grading and
this is going to give us a different kind of effect it depends on what you
want I think this looks pretty cool yeah now we want to animate our text in right
here so we’ll go to the beginning of our timeline and press T on the keyboard
click on the opacity set it to zero and over 5 seconds are actually over let’s
say 2 seconds we want to change this back to 100 okay then we’ll go to
animation and just to add a little bit of variation we’re going to animate text
also opacity and we’re going to do the exactly same thing so zero and then five seconds 100% and this is
going to be a different kind of opacity but we can actually manipulate this with
something different right here you actually see an arrow if we click on
this we can go for it selector and add a Wiggly effect to it and this is going to
wiggle or text a little bit as you can see it Wiggles on like so pretty cool
select all of these keyframes ctrl C to copy them and go to the beginning of the
timeline and click on the beat player and just paste it as well and now we
have this kind of animation we want to offset our libido a little bit so it
actually comes in beat player first and then the video comes in after there okay
perfect now we want to add our logo so let’s go back to our project manager and
import our logo to the composition go to align and center it right here press B
on the keyboard and click on the stopwatch for T position and go all the
way to the beginning and actually move down like this move to frame and two
seconds as well and then right click reset the position so we actually have
this kind of animation and it’s actually it has to be straight and that’s
actually the point going straight up like this press T on the keyboard and
we’re going to click on the stopwatch for yo pasady right here and in the
beginning set the opacity to zero press U on the keyboard to reveal all these
keyframes and line them up like this select the last keyframes and here we’re
actually going to add a nice easy in which is actually going to soften the
animation so go to keyframe Assistants easy ease and go to the and graph editor
right here and zoom in a little bit make sure that you’re working with the Edit
speed graph and we want to drag this in like so so now it’s going to speed up
and then slowly come to a stop like this and actually you want to do it a little
bit faster but that way you have a nice pop effect on our logo which is
riku afford a background I actually want to fade it in a little bit faster so
let’s go to our exposure keyframes wishes here in degrading and exposure
and we want to just drag this in a little bit okay here we have an
overexposure actually we’ll set this back to 0 and of course if you press you on the
keyboard for keyframes in particular you can select all keyframes hold alt and
drag them in to make them a little bit faster if you want to so that’s an easy
way to kind of tuck it in altogether and cool
okay so we’ll reposition my titles a little bit better closer to the spectrum
but that’s basically it on how to create the basic setup of the audio spectrum we
also need one more layer and this is going to be a solid layer this is going
to be our stroke and here if we go to effects and presets we can apply our
stroke to that solid layer that we just created as you can see you need a path
so what we’ll do is just in stand check this layer go to the pen tool click over
here and click over here holding shift so now we have a nice line and a mask
and if you go back to your stroke we can now select that mask right here so if
we’re going to check this back on solo the layer maybe we can actually go here
to the paint style and change this to on transparent and now you’re going to see
a nice line right here which you can make thicker if you want to but I won’t
do that so at the beginning of your keyframes and while the timeline we want
to go to the start and set this to 50 in the end also 250 and click on a
stopwatch for T start and and then at 1 second or plus/minus 1 second we want to
change this to 0 and this to 100 and now we’re going to have like a nice grow
effect from the center out first you want a keyword select the landscape
frames and again apply the easies effect and go to the graph editor and maybe
ramp it a little bit so if we zoom in here we have something like this going on and
this is going to be our beat player start up okay
as you can see it’s not perfect for the mask so what we’ll do is zoom in and
click on the mask and actually move it down a little bit and there we go okay
another thing that we want to do is actually fade in our actual audio
spectrum and our text here so click on the audio spectrum layer go to on the
text go to the timecode and press T on the keyboard change it to zero go to the
beginning and create a keyframe for both of these layers and then right here we
want to fade it in at 100% and this is fading in while this line is now growing
and now it’s really going to not attract its kind of an effect okay
I think we’re done here apart from that we can just duplicate this audio
spectrum and press s on the keyboard and change the size is something like
insanely high something like 500 and then move it up until we actually see
our spectrum again then move it in a nice composition and press T on the
keyboard change this to 50 at the last opacity when it’s faded in right here
instead of 100 change it to 50 then go to effects blur and sharpen Gaussian
blur and increase the blur so now it’s like out of focus we still have
something going on in the background okay pretty cool and that’s it so this
is the first tutorial on how to create a nice audio spectrum next week we’re
going to take a look on all the particles like I said in the beginning
of this video if you want you can go ahead on our website we have a template
ready to use you can easily change the cores and stuff like that so it’s all
prepared to be user-friendly it includes a tutorial on how to change everything
link is in the description and I’ll see you in the next one if you like this
video give it a like subscribe to the channel for more and I’ll see you in the
next one and good bye