3 Motion Graphics Techniques | After Effects Tutorial

[Music] welcome back everyone hope you're doing well if you're new to this channel make sure to subscribe and turn that bell notification on my name is shaw gonzalez from animation deconstructed we're going to jump straight into the video in this first video we're going to be setting up the text animation very quickly and then moving on to creating those cube animations that you've seen in the demo so i've just got a basic scene set up here with a background layer and i've spotted a blue color then just two text layers with no animation on them and i'm just going to quickly create this text animation that we've seen in the video in the beginning and we will then move on to creating the motion graphics behind the scenes let's move this to the top i'm going to press u twice go to the animate select position and then select the ad you don't want to select the animate drop down again let's just add another property and we want the opacity i'm going to move this down so let's choose about 130 and also take the opacity down and it's pretty easy to animate this we just need to keyframe the range selector move over let's say around here and just animate this to a hundred select both key frames press the f9 key and let's actually move this in to about 24 i'm going to do the same for the graphics text press u twice add the position and add the property for the opacity as well going to move this down say about 50 take the opacity down let's start this at frame 10 drop down the range selector keyframe the start move over to about one second and three frames and drag up on the start select both keyframes press the f9 key and let's take a preview pretty happy with that i just want some scaling on this and the easiest way to do this is create a new null object parent both of these to the null object s for scale and i'm going to keyframe this at the end i think this is the biggest i want my text and my composition six seconds long if you want to follow along going to make this 90 and just press play in this first composition we're going to be creating this block and we'll just place it around and then add the texture to this so what we need to do is actually create a new composition i'm going to call this sides let's make this pretty big so 2000 by 2000 and press ok what i'm going to do is create a block inside it so i'm going to hold down here make sure my rectangle tool is selected double click and if you don't have a gradient on this just click on the full button change it to linear gradients press ok and i'm just going to reposition these if you don't have black and white just click over there and change one to white and one to black and press okay also want to add a stroke to this so i've already got one on here and let's keep this to one pixel wide and this is just going to give us a slight edge on our box and take the sides and i'm going to drop it onto a new composition i'm going to press s scale this down to 50 percent and then make this a 3d layer now because i made this 50 the composition was 2 000 pixels so this will now be a 1000 pixel box so we can move this backwards and forwards and left and right 500 pixels every time all this front duplicate have six and we'll go back top bottom left and right and then i'm also just going to come over to the active camera and drop this down to custom view so we can see what we're doing i'm going to press p for position and move this to -500 select the back press p for position and make this 500 i'm going to select the top i'm going to press r for rotation and shift p to add the position then i'm going to rotate this 90 on the x and move this to 500 select the bottom connect tool let up here shift r and then we will rotate this again on the x to 90 and just move this down to 1500 and we just got the left and right to do so p for position r for rotation i'm going to rotate on the y so make this 90 and then we're going to move this 500 do the same to the above e r let's rotate that on the y to 90 and move this to 1 500. i'm going to change my active view to the active camera again and let's actually create a null right click new and null and we'll call this cube on polar and we make this a 3d layer can actually select all these layers and parent it to the controller i'm going to press r so that we can rotate this on the y minus 45 and then i'm going to rotate this coming towards us over the six seconds i'm going to turn the keyframe on for x move over to six seconds and let's do this as one revolution it's some things that we just need to fix is the gradient needs to always be coming from the top and always from the back lift so that it looks the same when it rotates to the other side so i'm going to select the back and the right so back i'm going to press r for the rotation and on the x i'm just going to say 180 and then the same for the right x 180 let's just go through to the back this will be on our bottom r and we can just rotate this on the z to be -90 now let's just play this through let's rename this to cube in our composition let's just drag this and drop it into the scene below the text and makes this say about 45 so i'm going to add a tint to this and if you want to follow the exact colors that i'm going to use let's uh spot the background and then 0 0 f 892 and press ok and that's looking pretty good i'm just going to duplicate this and then press the s key for scale move this over press up rotation and just place these all over and then also bring up the transparency and bring this down so that we can place a few all over the background i'm going to do that and then we'll come back to this in a second okay so we've got four of these now i just want to get some random rotation around this so the easiest way i'm going to do this is just to right click on a layer go to time enable time remapping and then let's move to the end here and add a keyframe and i'll delete the last one now if we alt click on the stopwatch we can add a loop out so that is loop with a small l out with a big o and then we want to open the brackets and close the brackets and then just press enter on the numpad and we should get a looping sequence now i can copy this just move to the first keyframe so we're pasting it in the same place select the others and paste deselect everything press the u key and you again to close everything up then i just want to offset these let's drag back here and if your layers are not extending past just extend them by dragging so you might actually see something like this when you get them you just want to extend them across i'm going to carry on just pulling these across here and then we should have some sort of random rotation on all of these to add the grain let's just deselect everything right click new adjustment layer and i'm going to in the effects and presets panel type in hls and i want to choose this noise hls or i'm going to double click this i want some grain one percent for the hue lightness three percent let's change the size of the grain so make the smaller 0.5 and then the noise animation speed this is way too fast and this is going to look like one of those television screens let's change that to about five and then just take a preview of this in this next part of the tutorial we're going to be taking a look at how we can create these kind of graph animations within the background so i have my next composition open and we've just brought in our text from that other one i've just changed the color of the background just take this cube duplicate it and let's call this graph press enter and i'm going to double click to go into this next thing i'm going to do everything's a bit open so i'm going to close everything up and we're going to change the size of this cube just by using a null object so s for scale let's make this about 35 and move forward a bit just to get a bit of a tilt over here i'm going to unlink the scale and then we can just make this a lot taller as well 173 should be good also want to add a camera so i'll show you why because of this perspective i want to add a 200 millimeter camera which should be able to straighten this out now i'm going to right click create a camera and let's just make sure that it's not in custom or anything else change that to 200 millimeters and press ok and you'll see it starts giving us more of an orthographic kind of look i'm also just going to take with my title save area so that you can see this bit better press the r key going to add a keyframe here and then actually delete all the keyframes so that we're just at that rotation with that done let's go back to our composition and draw this graph in i'm going to scale this down say about something like this and what i want to do is just animate this moving up and down so i'm going to press the p key for position and then move ahead to about one second just move this up move to two seconds and copy this first frame and paste it select all the keyframes press the f9 key then we're going to alt click on the stopwatch and we're going to do that loop out and brackets again and then this will just move up and down on our scene let's uh add a tint to this and add our color and this is why i like working in black and white is because i can reuse these assets or just quickly change them if the client brief changes or the corporate colors change as well let's uh spot the background and then change this one to 6f 4d a6 okay and what i'm going to do is just duplicate these and when you duplicate them press the u button and then select all these keyframes and just move it into place then you can just scale this up and place them all over and then offset these actual position keyframes slightly so that each one will be moving at a different pace i'm just going to do that quickly and i'll see you in a few seconds okay so i've got everything here and i'm just going to move a couple of these over i'll speed this up so that you don't need to watch it and let's take a preview of this last thing we need to do is just copy over our adjustment layer and paste and our texture will be applied and i'm pretty happy with that if you're finding this tutorial helpful make sure to click that like button in this last piece of this tutorial we're going to be taking a look at how to create this new style motion graphic sequence so with this composition i've just got a bit of a change to the background just to add some interest i added a full color gradient you've seen me do this in my other tutorials um but i just have a dark patch here and a dark patch here because i want some shadows on the text what we want to do is actually create this circular kind of pattern over here which can go over some of the text and some and make it and really give us that feeling of a 3d kind of feel to our scene what we need to do is create a new composition call this uh circle texture let's make this pretty big so 3000 by 3000 press okay right click new solid just gonna make it a white solid should be good press okay and i'm going to draw some masks onto this something like this maybe another one here holding the spacebar you can actually move these as you drag them and then just one more over here something like that and if you want to move these just double click and you can move these up and down to whatever you need next thing i want to do is add an offset to this so under the effects and presets i'm going to type in offset and then we can turn on the keyframe for shift to center press the u button to bring up the keyframes move over to say about three to about minus 1 500 and that should be a loop so this is moving up next thing we can do is just alt click on the stopwatch let's do that loop out sequence again loop out and brackets enter and this will just carry on moving all the way through can close this up and we want to bring it into our scene so i'm going to come over to the circle texture and drop it below our text let's actually start above our text so you can see what we're doing turn this on we can see it's pretty big take the scale down made it 3000 so if you're working with the 4k video it'll still be big enough that it'll look good with the layer selected let's search for what is known as cc sphere and we'll get this i'm going to change the radius of this to be pretty big let's um let's actually take it way bigger around about there should be good i'm just going to see how this looks when we animate it that's fine i want to change the color of this add a tint and move this above the sphere so we are first coloring this black is fine let's change this to a red so a60303 we can start playing with the sphere rotation so i want to rotate the z to let's say about 30 and then i just want to rotate the y let's say about minus 54 c that's good and then i'm going to rotate the actual layer so i can get this going the other way let's say about -81 that should be good let's see how this will look over the text it's pretty good um let's change the light now i'm getting too many shadows on this the light direction i want to change say about -17 drop down the shading and let's bring up the ambient 245 should be good i'm going to pop these back up drop this below the motion let's move forward so we see that text and the way that we put this word graph inside this is we are going to change the render to the inside and we will drop this below duplicate it and then i'm going to change that to outside and if we play this the last thing we need to do is just copy this adjustment layer paste it to the top and just take a final preview if you want to see more tutorials like this take a look at either of the two videos popping up on screen right now keep animating and until next time you

Channel: Animation Deconstructed

Views: 1,723

Keywords: Motion Graphics After Effects Tutorial, motion graphics after effects tutorial for beginners, motion graphics animation after effects tutorial, Motion Graphics After Effects, Motion Design Techniques, After Effects tutorial, Motion Graphics, Motion Design, 3D in After Effects, Motion Graphic After Effects, Animating Background After Effects, Cube Animation After Effects, News Animation After Effects, Animation Deconstructed, 3D Layers After Effects, Text Animation After Effects

Id: pHWg1js_F08

Length: 15min 46sec (946 seconds)

Published: Tue Mar 02 2021