Audio React Any Object | Audio Reaction After Effects Tutorial

[Music] [Music] hey what's going on Internet Josh no well from sundeck film so I was listening to one of my favorite scores and that sort is somnus from Final Fantasy 15 yes I'm a huge final fantasy fan so yeah there's that let me know in the comments if you're into that game you know that's cool but I was listening to this you know soundtrack and there's this beautiful audio reaction of this you know headphone here and I thought you know what I want to create the total on how to create an audio reaction for any object and that's what we'll be doing here and we also have this custom timeline here with an automated time counter which is awesome and we'll also be looking at some other audio reaction elements and really creating this awesome scene for audio reaction so let's go ahead and jump in this tutorial and let's get started first things first I want to bring in our soundtrack and if you hit ll on your keyboard you can see the audio waveforms here I get a lot of comments where I get my music from and it's from artless IO I also pick up music from premium beat as well so I'll always keep those links in the description from now on for where I get my music from for my videos so here we are the first thing we want to do is we want to create the actual object that we want to audio react so what you can do is you can find a vector object of what you're looking to Audio react or you can create this like an illustrator and I have plenty of tutorials on how to design in vectors in Illustrator but for this I googled headphones you know PNG image and I found this headphone image and just from scratch I can bring this right into here and now we have this you know picture of headphones and what we need to do is we need to go to layer Auto trace and I'm going to use a tolerance of 1 and click OK and basically we just need like a nice mass so you don't even have to auto trace anything you can just go grab the pen tool and you can create your own custom path like I said I've crazy tutorials on how to do vectors instead of After Effects from illustrator and I'll link those videos in the description of the video so from here we can turn on the mask icon which is right here mask visibility and you see we have this blue mask here and we hit M our keyboard there's the mask so now we can delete the headphones layer which we auto traced or any other layer that you have so let's start we can go to effect generate and we can grab the audio spectrum effect and from here we want us the audio layer to our on truck and then we won't go to path and we want to select the mask mask one and then obviously we can start to see a little bit of an outline here it's not great so we need to work on that so those increase the frequency bands up to like until a lot right so maybe like 1500 and then we can go to the thickness and we can increase this as well so we can start to see a little bit of you know the outline of our mask here and we can always go to the maximum height and we give some crazy stuff going on here so just to kinda get things in perspective and it's a little bit grainy but we're starting to get that audio reaction so let's go ahead and play all right so to get a quick idea boom okay so we have the audio reaction in place and now we just kind of have to work on everything so there's a lot we can do it's really awesome what we can do so let's go to the decide options where hit vs. slide a and B and let's just set this aside B all right so we can so the middle the interior of our headphones or whatever object you're doing isn't going to be audio reacted so that I think that's really cool in a little bit more clean if you will and also some cool things here you go too you can also go to Hue interpolation and you can change this up if you want to keep this multicolored and this is actually audio reacts as well so that's really cool but for this tutorial I don't really want to do that I really just like the clean white style that I saw so we can come here to the inside and outside color and change this both to white and now we kind of have this very nice easy white color here very clean and then also for display options you can go over here and change this to like the style of it to analog lines analog dots it's really cool but I'm gonna keep it at digital for here the more that I Creasy frequency bands so maybe there's like 4,000 on the frequency bands the more solid the colors gonna look right so we don't have any of those lines in there and that's really up to you what you want to do with that obviously there's a lot of customization into this but for the most part we have this audio reaction now of the headphones now I was going to expand on this even more right so let's come over here and let's create that automated timeline that you saw and I don't think that's really cool so let's grab the rectangle tool make sure no layer is selected and just create this you know very thin and rectangle like so maybe a little thicker and click the word fill and set that to none click ok click the word stroke and set this to a solid color alright so if you need to make any changes to this you can open it up and do that as you see fit alright and let's go to the align tab and let's Center this up there you have it and then scrap the rectangle tool again and this time you can come over here and just draw out a very thin rectangle like this and this time we'll turn off the stroke we'll turn on the fill now what we want to do is we want to manipulate the vertices in here so let's go to the rectangle to go to rectangle path 1 let's right-click rectangle path 1 and convert to Bezier path and go to path 1 and now we can do is hold down shift on your keyboard and you can select multiple points here and you can make it some adjustments as you see fit cool so what I want to do is go to the beginning of our timeline here and add a keyframe for path right and then I want to go to the end of our key our timeline here and I'm gonna select the first two vertices here and just drag this out all the way to the end of the you know rectangle here okay and then I'm go back to the first keyframe and I'm gonna drag these two first these two vertices inward so we don't really see the shape at all and that's a song place this bar will animate as time progresses on so that's awesome so now let's go ahead and create like an indicator to show where the play heads out so let's grab the polygon tool and you'll allow a perfect you know probably one like this go to the Apollo star 1 settings go to poly start path 1 set the number of points down to 3 so you have this triangle here and we can make any scaling adjustments here and we can always you know scale this down by a little bit and then reposition this to be a route right here awesome and then before we do any more animations go ahead and type out our text here so let's type out ours anything doesn't really matter and we come here change the typeface if you want and just keep it there so that's looking good and now what we're going to need to do is we we're gonna need to input an expression right so I have this expression that I will provide in description the video so you can just copy paste it so let's go open up our text layer let's go to the text alt click the stopwatch next to you source text and just paste it in what I will provide in the description and you see we have this expression here that will play from the beginning of time to the end of your timeline depending on how long you want slayer to play for so now as we progress here you can see at you know two seconds the clock says two seconds at four seconds the clock says four seconds so as you can see you know as you can progress into the minutes you can go ahead and you can work with that so now we'll take our triangle and our timeline here hit P on keyboard for position add a keyframe for both of those go to the end of our timeline and let's have this completely squared up towards the end there and as you can see now that this will follow the play the timeline here exactly at the beginning so that is awesome alright so so let's say we want to Chris some other audio reaction elements what we can do is to go up to layer new solid and we call this one waveform audio and click on make comp size click OK and let's grab the pen tool and let's just draw out a straight line like so and then let's go back to our headphone layer let's copy the audio spectrum and let's paste it into the audio waveform so now we have like a separate element here you see obviously it just takes the path of whatever you're looking to do but we want to create something a little bit more custom so what we can do here is to maybe we can set this to analog lines bring down the thickness to maybe two and maybe go to the maximum height and lower that and then maybe we can set the side from side B to side a and now we have a separate audio reaction here and you know now we have a separate you know line audio reaction and let's say we want to create like you know some dots here like we saw in the video what we can do is you know make duplicate this layer you know delete the mask and come over here and you know create a nice you know kind of arc shape like this with the pen tool and now we can go back into the path here go to mask one and now we have this now what we can do is go the display options and set this to analog dots and what we want to do here is bring down the frequency bands to maybe about six maybe we'll do like little dudes like ten and now we have these dots in here and of course we can crease the thickness to maybe about seven and now we have these dots which will be interrupts which will be audio reacting to the song and we can call me your duplicate this layer go up to layer transform and we click on flip horizontal and it's right there in place so now we have two duplicate layers here and you basically you can see how easy it is to just you know come up with your own custom paths and make this look really nice and if you really wanted you could really call this a day but I want to go ahead and create some more elements in here like make the background a little bit better so what we can do here is duplicate our headphone layer bring this underneath go up to effect blur and sharpen and grab the Gaussian blur effect and we'll bring this up to like 40 and you click on repeat edge pixels and come over here we can scale this up bring down the opacity by hitting T on our keyboard and bring us down to like 20 percent and we can just offset the position by a touch maybe we'll even blurred out even more let's go ahead and create some particles create a new solid and we'll call us when particles click okay let's go to effect simulation see see particle world and you know I have all these settings kind of memorized here but what we can do is go right into the particle settings and it's going to particle type and let's set this to a cube all right so here's particles in here we go to birth and def color and we can change its color to like a dark blue and then we'll do even like a darker blue so Chris some dynamic shading in here let the birth rate down to 0.1 and it's go to longevity let's increase this for a very long time so maybe like 20 seconds or so and go to the max opacity says to 100% go to the size variation bring that to 100% as well go to the birth and death sighs it's like point two for both birth and death let's go right into the physics and let's decrease the velocity to zero and we can bring down the gravity to like point one and from here we go into the producer and we can increase the radius X by a little bit maybe also the radius Y by a touch and now we can go to the position X we can move over bring it up and now you'll have like these extra particles floating around here and then we go back into the headphone to layer copy the Gaussian blur and paste it into the particle layer and maybe we'll put the blurriness down to like 20 all right and make sure to turn on motion blur for all your layers turn it on at the top and after a quick render this is what we have okay so obviously I would probably work on the height of this make sure it doesn't overlap into your timeline but for the most part this looks really good and I hope you guys found this tutorial helpful and hopefully you're gonna create some awesome work now so if you guys enjoy the video please drop a like subscribe to channel for more videos just like this and please be sure to hit me up on my social media networks those links are in description of the video and as always I hope you have a good day [Music]

Channel: SonduckFilm

Views: 162,152

Keywords: Tutorial, After Effects Tutorial, After Effects Tutorial Audio Reaction, Audio Reaction Tutorial, AE Audio Reaction, Audio React Any Object, Audio Reaction Objects, After Effects Audio, After Effects Audio Reaction, Motion Graphics Audio Reaction, Motion Graphics tutorial, SonduckFilm Tutorial

Id: EVpclcvZkj0

Length: 12min 25sec (745 seconds)

Published: Thu Oct 12 2017