Looping Dynamic Background animation After Effects Tutorial

[Music] welcome back to another of the effects animation tutorial today I'd like to cover dynamic and looping backgrounds as you can see just right now in the background running I hope you learned something it's very easy and it's a lot of fun to create so let's dive right into it as always when we starting off two effects we're gonna start with a new composition we're gonna have a composition called background animation name is up to you I mean it depends what product you working in for our purposes fine background animation and the width and height will be 1920 by 1080 square pixels 25 frames a second 5 seconds long so that's fine for us so this is actually kind of our main calm just you have everything in there pretty much for the whole background or the basic background animation so what we do now is we're gonna create a new conversation by 120 by under 20 this will be our cross so kind of a container for our small animation we have in the background so here we're gonna create a shape so we just double click on the shape tool and we twirl it down to to the properties and we're gonna make that scaled 50 by maybe 3 which is quickly unlink that and then just have that there so that's the first line so now we just duplicate this one and we just do the opposite so this one will be a 3 by 15 and there you have it it's already across this done this is fairly quickly done so now we have to add the keyframes so just click on a stopwatch to start off your animation and on the end animation you just have this kind of diamond shape where you can add in the keyframes we do as well some in the middle and maybe one at the first quarter and we just push it down to 3 by 3 and as well they got a line as well and now we go to the third quarter and type in as well three by three and three by three pixels so we have smaller animation you can push around the key frames to your likings and maybe we want to add as well a Easy's so right click on the keyframes Easy's that's a bit more nicer to look at we quickly Ram preview that one and see how that looks and yeah that's a bit boring I would say maybe want to tweak the settings slightly more so we want to go in the middle one maybe a bit higher and let's say about the 70 and as well the other line up to 70 so it's a bit bigger and then you want to maybe have to a third quarter you want to have that up and let me see I can do that bit bigger maybe a six let's see how that looks like and you know that's a bit small maybe we have to go up a lot quite a bit let's see twenty by twenty as well for the other lengths so there that's a bit better that's much better of course so now we can close that off and we go back to our own composition we have if created before we add the cross into our composition another composition in now the cross in our compositions may be a little bit bigger so we want to scale that down to about 50% and good something is when you have a bigger scaling down is there a problem because you don't lose really quality the opposite way you will lose quality so that's you know why you have it a bit bigger in the first place so now what we want to have that one spread out so therefore we gonna use the motion turn effect so are we going to type in motion and apply that to our cross and there you have the output with and yeah both height and we just scale it up to fill out fill up our our composition I think that's roughly okay so now when we scrub through the animation you can see they're all animating on off at at the same time and we want to have that a bit more randomized because otherwise it looks quite boring to do that we open up and create a new solid color really doesn't matter we can do whatever call you want we call this noise or noise noise solids or maybe just noise that's fine keep it short simple to that noise solid we gonna apply a fractal noise so a fractal noise effect and drop that on in here we're gonna tweak a couple of things which is maybe the contrast up a little bit and it's all your evolution so we go to the beginning of the frame click on the stopwatch to have first key fence set we go to the end and have that animating to one revolution so one kind of cycle so that's pretty much way once you have it so now with the fractal noise is it's a bit too cloudy we need a bit more of a box styled animation on that one and that's because when you look at the background they don't really have a black and white or kind of a clear color below each of the single crosses to do that we apply the mosaic effect and there are two styles on it you won't you have to stand as one and here's all we need to tweak the lip because the horizontal and vertical block sizes are too big so we want to have that down to maybe a 31 and let's see where we can check it in no it's not quite there yet so let me go one down one up maybe 18 that looks good and the width is not yes and this one is good as well so now it looks alright but the cross are right at the cross of each of the blocks so we have to move the the noise lip it over so they're actually in the center of the Cross or the crosses in the center of each of the blocks so now we want to create a an adjustment layer and on this um transmit layer we gonna apply the time displacement effect on it and we just apply that to our displacement here and when we add it to the cross with this displacement or the noise from this place and you see it actually doesn't work and the reason why it doesn't work is if you show that it has this gap there and displacement doesn't allowed you have this gap so therefore we create a solid and the solid should be ideally black so we don't have any information there and we call this noise background push it down take the two and precompose that one to call it as well noise so that's fine so now we have that as a one solid element it should actually work with our displacement so you can see it already applied so of course we have to go back up and choose again displacement and as you can see when you apply it it does a proper job so let me quickly run preview that one and so we can see the result and now you can see it does the animation very nicely it's a fluid animation with our noise applied to two crosses which is a very cool effect and it's pretty much the magic of the whole thing is there is not much more to it do you make now the noise a bit more seamless or can animation background a bit more seamless we can go back to Aaron oiz background or the noise kind of effector and to effect kind of more the seamless effect on it we go and open up the the the keyframes of the evolution so we just push one the last one just more in the center we copy the first one and paste that in to the end and this will guarantee is you have the same keyframe from the start and as well in the end so it should make it a bit more seamless so the animation should look the same so now that it's done we'd like to have the whole animation as well can in this 3d space as you seen in my example to do that we just select all and we're gonna pre compose everything and we can call this Ross grid something like that move all attributes in and press ok and now we have to create this one as a 3d layer so you click on the 3d option and now we can add as well a camera to our scene and I just use the 50 millimeter which should be fine with that we can create the depth of field afterwards so but now we'd like to have this one more into the 3d space so therefore we choose the rotation tool and we just move it to every angle we like to have it you can take the green blue and red arrows just to move it around or you can just freely move around as you want and maybe we have to push in with the camera because we're a bit far away so you push in and here as well you can use different kinds of options for the camera to find the right position where you want to have the camera being set now we need to create as well a null object because now we have to the grid sets but to move it around it's become Basim so we're gonna copy the orientation from our cross grid and apply that to our No and first we're gonna do that as a 3d layer and then we have the options of the orientation we paste that in so you can see now it's applied as well with the same specifications like our background grid and this case gives us the option to made the position of the the grid here we actually take the position of the grid itself we got a option click on the the position of the grid so we can pick with that to the position of our null and like that we always have to know as our steering layer so we can take that one and just move it around so you can see it's very easy to move everything around and you can attach other objects to dnal as well and it's actually taking it with it so now what we want to do is we have to find can the spot where it starts and end and to do that we push up we call up the ruler and we just place some helping lines too over one of the of the crosses and we gonna let me see go to the beginning of the animation so we know where to start and we move in or move back a little bit so as much as we can so it's not it's not off-screen there and so we push on the stopwatch go to the end and we move it as much as we can so it doesn't blink on the other side either and it's actually pretty much on the cross of the other one so when we Ram preview that one we can click a double check if the animation is working or not so as you can see it actually works fairly nice so this is this is now the whole thing in 3d so now it's down really to tweaking our specifications in terms of styling so if you want to have that with the background or whatnot you know you can you can add those things in so this one we can for this one we can actually add a solid and just take kind of a reddish background or whatever color you want you can call that right background or red BG and just push that to the back and maybe you won't you have to cross in a different color so you can apply a fill effect to it and we just apply that you have cross and yeah right on red is maybe not that ideal but maybe you want to have that blacked out so that's something you can do as well and now as well as I said before you want to have as well the depth of field on so this is kind of the blurry part and the InFocus part you know gone there so here we just need to find the right spot you know and for me that's always kind of trial and error to find the right spot well really is showing the effect and where it's in focus where it's not in focus and yeah so let's see we just look around for the right settings let's see if I find the spot to be easier and yeah I think we're getting there of I think that's pretty much where we want to have it and now you can actually tweak the the aperture itself so you can see it's slowing out on both of the corners and you can you can push that rate from one extreme to the other it's a bit less now or if you want to go really really tight you can push it even up so you have really a tight kind of window where the aperture or just or the focal point sets you for that background but I'd like to have it around 300 so that's fine to me and if you run preview that one as well and you can see the result and it's a pretty seamless loop so I hope you learned something I hope you had fun I think that's something you can create fairly easy it's not real difficult tasks so yeah thanks for watching if you liked it give me a maybe a thumbs up if not that's fine too I don't read the dutiful likings I just do really for educational purposes and but nevertheless if you have questions or whatever I try to ask em try to answer them as well so hopefully see the next one [Music] you

Channel: swissives

Views: 148,593

Keywords: motion graphic, tutorial, After Effects, time displacement, fractal noise, animation, Adobe, CS6, background, 3d, how to, looping, dynamic, graphic, grafik, creative, Adobe CC, education, training, composition

Id: ATPNytywDa4

Length: 15min 18sec (918 seconds)

Published: Sun Feb 10 2019