Dynamic Animated Background - After Effects Tutorial

hey what's going on guys I'm Mike from Oh box for optics calm and we're back with another animated background video now we saw our last one and you watch ICI Abrams you'll notice that actually they came out very similar in time to each other and in retrospect I would have seen his video I would have gained a lot better techniques ours was like really CPU intensive and there were some kind of pros and cons of each different method but I think overall his was a better method to do it so we're gonna be kind of jumping off from where he left off to kind of create a couple animated cool animated backgrounds but I highly recommend you check out his video on patterns because he goes into a lot more detail about how to actually use the the tool the reptile whereas we're just gonna create a cool animated background so I don't even know if I want to call this a tutorial as much as creating cool animated backgrounds in After Effects as we kind of keep evolving different techniques you get different pros and cons for each and you get different looks let's just go ahead and jump in After Effects here we're gonna create a couple animated backgrounds starting with a new composition and it's going to be 2560 by 1440 and 40 because that's the size that I want my main composition to be and I'm just gonna hit enter and then I'm gonna create a new composition composition new and I'm gonna make it maybe 200 by 200 it doesn't really matter how small you make it but you definitely want it to be like under 500 pixels each you could scale it down later but it's a little bit easier if you just kind of make it one to one so if you see EC Abrams video you'll know that this will be our tile and then we're gonna basically replicate that tile on our main composition so I'm just gonna rename this to main comp main comp one because I'm probably gonna make two in this video and then I'm gonna rename this to tile comp one I might break it up into two videos we'll see so let me just kind of give you an idea of what kind of effects we're actually going to use so I'm just gonna create a polygon up here and holding shift it's gonna make it kind of proportional and I'm just going to Center it up in the composition if you don't know how to Center it up it's kind of confusing but we know that it's 100 by 100 because the composition is 200 by 200 or you could use this tool by mount mograph or I'm sorry this tool built in after-effects called a line in which you could just align the object if you don't have this window you can just go to Windows window a line and you'll get this cool toolbar and it works great so I'm gonna make the background black just by toggling the transparency and I'm gonna open up this shape layer and start toggling some items so I am going to make it three points because I want it to be a triangle and and I think that the for this one this is gonna be very simple I think that's all we're gonna do for this one but I'm gonna hit s on the keyboard and set a scale keyframe and an R on the keyboard to set a rotation keyframe and you'll notice that this composition is about ten seconds long and I want it to loop so I need to make sure that the beginning keyframes are the same as the end keyframes so I'm gonna go to the end and I'm going to just copy these keyframes by hitting ctrl shift C and then control shift V but I'm gonna make the rotation one so basically this is just gonna rotate around itself once next thing I'm going to do is I'm gonna go to maybe two seconds and I'm gonna increase the scale and then maybe down a little bit longer and decrease the scale and maybe I'm just gonna spread these out because I want either the beginning to be the same as the end and so if we watch this back very simple nothing too crazy here going on so and you notice that it's nice and slow which is for what we're doing is what I want it to look like but you could adjust yours however you want now I'm going to make this a little bit more dynamic by using the motion V to script from out mograph but I'm going to show you so what I just did was I just add a little bit of smoothing but if I open up the graph editor basically you can recreate this graph in the graph editor and make it look however you want in fact I might even adjust it just a little bit so we'll see what that looks like we're just messing around nothing too serious here just to make the transition is just a little bit smoother I don't know what this is going to look like we'll see all right I think that looks pretty cool again you could just adjust that with the graph editor but I just use the tool for Malmo graph I'm just gonna try to make these kind of line up just a little bit better and that's pretty much it for this first element now we're gonna make this a little bit more complicated but I'm just going to show you on the main comp what tool we're gonna be using so I'm gonna drag comp tile comp one into the center of the composition and make the background black again now this is where II see Abraham's tutorial comes into play and he talks through how to use this tool much better but you want to search for something built in after-effects called reptile rep cc reptile it's kind of like repeat tile but it's like reptile I don't know it's kind of funny and you just drag it onto the object and you want to expand it to the left expand it to the right expanse at the top or bottom and the top and actually from here if you just hit s on the keyboard you can't scale this down and keep repeating if you like I like to just do this just so in case I want to scale it I can so you can see there I might scale it down just a little bit so this sides are equal and you'll start to get an idea kind of what you're getting now I will trim the bottom just a little bit because I don't really want to see that next object but in this tool you're able to modify how it gets tiled so I personally like the 180 degree twist but some tiles actually look better if you do unfold I just find unfolded to look a little bit to kind of perfect I noticed checker 180 degrees kind of offsets it enough so it looks cool so that already looks kind of cool I mean depending on what you're doing that might be enough but I found this really cool way to make it look even more dynamic so I'm going to open up a proportional I'm sorry not a proportional grid a just standard grid and I'm gonna start drawing with the pen tool now I'm gonna have a stroke but no fill to get rid of the fill you could just click fill and then click this little nun button hit OK and I'm just gonna start drawing a bouncing line so I'm gonna try to make sure that this angle and the angle from the resultant is about the same so that way it looks the most realistic it doesn't have to be absolutely perfect but you know the closer it looks the kind of better effect you're gonna end up with and I'm just gonna make it look like this thing is just bouncing all over the place and just click around the corners until we get something that that looks kind of cool and then we could just make it go right off-screen so in itself that doesn't look that cool but if I I should find neat start naming these layers huh triangle and line and I'm gonna open up the line add trim paths and I'm going to open up the trim paths and set a start and end date and just kind of bring it all the way back so the trick with this is your start and in an end you want to make the end a hundred percent and the start a hundred percent but then you actually want to offset these a little bit so you want the let's see maybe it you want the end you just want to move the keyframes over just a tad so that way we're left with something like this the depending on on on how you adjust these keyframes will determine how long you want your object to be so I think that looks pretty cool and I'm actually just going to duplicate this layer and hit U on the keyboard and I'm probably gonna just holding alt just drag these keyframes in a bit that way I can kind of offset this but not have the keyframes wind up off-screen hit T on the keyboard and just bring the transparency down to maybe fifty and we can now move that over just a tad and it just depends on how long you want the tail to be I actually kind of like doing this a few times and when you on the triangle you can see that it looks a little bit more dynamic and when you play it I'm gonna reduce it to half resolution you can see that you get something that actually looks pretty cool and one thing to note here is if this is set to mirror or unfold the lines will bounce off of each other so I'm just gonna toggle off the triangle and show you what I mean here this could be a cool effect just just on itself because you're kind of mirroring the object and it's bouncing on itself it looks as if it's just continuing but really it's just different compositions so this line almost looks like it's traveling like across the composition when really it's not so again you could mess around with these and see which ones you like I personally think that having both objects looks the best and scaling it down by pressing s on the keyboard I think that size probably looks about right expand it to the left just expand it in every direction basically and then I'm gonna add a fill effect generate fill and I kind of like that dark red maybe press T on the keyboard bring the transparency down to like 50 percent add a background layer new solid and I kind of like this off purple or off blue look maybe not quite that purplish effect generate fill let me scale it up a little bit and you can even go crazy you can duplicate this layer and change it to flip 180 degrees and now you have kind of like something that even looks even crazier or you know a mirror or unfold so now you do kind of get a random aspect but as well as well as a pattern so anyways guys I hope you did enjoy this video if you did please be sure to give this video like subscribe if you'd like to download any of these you can always download them over on our patreon account we're at the $3 level you can download all the project files anyways guys I hope you enjoyed this video please keep an eye out for future animated background videos see you next time

Channel: MOBOX Graphics

Views: 193,347

Keywords: mobox, animation, animated background, tutorial, dynamic background, after effects, dynamic motion graphics, time displacment after effects tutorial, after effects tutorial, motion graphics tutorial, background animation, dynamic animation, aniamted background video, cc RepeTile, dynamic template, tumbler animated backgrounds, time displacment, time displacment tutorial, time displacment effect, pattern, dynamic after effects template, background video, loop animation, vfx, mograph

Id: YgrKaLt88YE

Length: 13min 20sec (800 seconds)

Published: Wed Sep 05 2018