4.1 How to Animate Directional Movement
In this lesson, you'll learn how to add directional movement to the animation and the different ways in which you can adjust it.
1.Introduction1 lesson, 00:40
2.After Effects Tools2 lessons, 14:23
3.Glitch Animation2 lessons, 14:20
4.Add Effects and Presets4 lessons, 37:15
5.Final Touches5 lessons, 21:33
6.Conclusion1 lesson, 00:46
4.1 How to Animate Directional Movement
Hi everyone, and welcome back to create modern glitch animations in After Effects. In this lesson we'll learn how to add some directional movement to our animation. So now that we finished with our basic glitch animation, let's go ahead and save this. So go to File > Save as. And let's save this as basic glitch animation. Once you've done that, you can open up previous projects. Go to File > Open Project, and select Tats Glitch Animation. Excellent. Now I've got a nice clean state on which to build our new modern glitch animation from. So the first thing we want to do is select the Title 01 comp, go to the Effects controls, and let's go ahead and change the max horizontal displacement to minus 50. Now, another way to control the effects is, if we go inside our composition here in the layers. And if we select effects, we can actually see that we've got the exact same adjustment options as in our effects control panel here. So, if we change the value here, it should also reflect down here as well. So let's go ahead and change this back to -50. It's just another way to control the effects within our composition. We can collapse these and collapse the displacement map, as we're going to add a new effects. So go to Effect > Channel, and select Set Matte. Cool, so set matte, this will give us the option to change the transparency settings for our letters. Now to do this we need to go ahead and click and drag the set matte on top of our displacement map. And now change the take matte from layer from title 01 to the displacement map com. And change the use for matte from alpha channel to luminance. And you can see how that sort of created a new gradient look to our text. Now what this is actually is if we zoom in here, is actually the darker areas of the text is more transparent than the light areas. So if we click on Total Transparency Grid, you can see here the dark areas are more transparent than the light areas, cool. Let's go ahead and zoom back out. Now from this point onwards, it might be useful to see how the different comps effect our animation. So let's go ahead and make some slight adjustments to our workspace. So if we go and click on Glitch Effects and select New Comp from Viewer. And in fact let's go ahead and close that first. We want to go ahead and select the displacement map comp. And then New Comp form viewer here. Go back to our glitch effect. Now you can see this toggle viewer is selected, this has been locked. So if we want to change the view here, we can change it here. And now lock this, and now if we want to change this back to glitch effects, we can change this back to glitch effects and lock that. So go ahead and fit up to 100% for both of these viewers. Now these drop-down boxes are quite useful as it shows how the different comps in relation to each other. So you can see how the displacement map comp and the title 01 comp are both children of the glitch effects comp here, cool. Now in order to animate the text we need to adjust the brightness within the fractal noise. So let's go back into the displacement map comp, select Displacement Map, find brightness. And if we adjust the brightness here, you can how the brighter we make it the more, oops, not the contrast. You can see how that affects the way that the text looks, cool. And you can see how by making it darker to text begins to fade out. Now we can use this to our advantage later on in the course when we start to introduce transitions. But for now let's just start to animate the text by adjusting the brightness setting here. So make sure you are on the beginning of the timeline here. And now let's set a key frame. So let's click this button here. And let's go ahead and make the brightness minus 200, so that the displacement map appears fully black. Now we want the text to fade in after a set amount of time, so let's move the timeline further up. So let's say about one second, and now let's add a new key frame. So let's open this up, so we can see our key frames here. And we want to make the brightness, Plus 200. So this should make the displacement map appear fully white. And as this happens, our text will also appear straight away, cool. So now let's go ahead and select the glitch composition here at the bottom. And if we move back and forth along the timeline, you can have a quick check to see how this animation looks. Cool. We can also click play on the preview button here to see how that looks as well. Great. Awesome, now let's go ahead and make sure that the glitch comp is selected. And as this is the starting point for adding additional directional movement for our animation. From there, we can add some further detail by playing with the complexity. So let's go back to displacement comp and here under complexity, we can change the values. So let's keep the complexity at three for now, and let's go ahead and we can also change the contrast of our displacement map. Now if we just move this in the timing here, so around here you can see better how these adjustments will affect our text. So let's go ahead and change the contrast to 275 like so. And we can also change the evolution as well, so we can change this to minus 45 degrees, you can see how that changes the look of our text. Cool. So now under transform, the next thing that we can do is also change the scale width and the scale height. So, we can actually play about with these as well to see how that also affects our text. But I kind of like the look of how it was before, so let's keep that how it is. And yeah, just play about with these adjustment settings to see how you want your animation to look. Excellent. So now if we go back to our glitch effects comp, and just scrub back and forth just to see how this looks, or click the play button. You should have a pretty good idea of how our glitch animation will start to look like. Excellent. So in the next video, we'll learn how to add some finishing touches to our directional animation, and also how to change its direction. So you can see how the direction is moving from left to right. We can also change it from right to left or from top to bottom, or even diagonal movements. See you all there.