Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
by
Lessons:15Length:1.5 hours
Thumb 400x277
  • Overview
  • Transcript

4.2 Taking Directional Movement Further

In this lesson, you'll learn how to animate the directional movement further and how to change the direction of the animation.

4.2 Taking Directional Movement Further

Hi, everyone, and welcome back to create a modern glitch animation in After Effects. In this lesson we'll learn how to add some finishing touches to our directional animation, and also how to change its direction. So you can see here from our previous video how we've created a glitch effect animation for our text moving from the left, and then fully form the text as it moves over to the right. Cool, we can add some further movement to our animation by adding another fractal noise on top of this. So let's go back to the displacement Map Comp, which is where we control most of the animation for this glitch effect. Go to Effect > Controls. Make sure that the Displacement Map is selected. And let's go ahead and collapse this first fractal noise, and we're going to add another one here. So let's go to Effects, go to Noise & Grain, and Fractal Noise. You see straight away it's affected our text yet again. So now that we've got this new fractal noise, make sure that it's below our original one. We can go ahead and adjust the settings here again until we get something that we like. So let's go to Noise Type, select block again. And let's make the contrast 200. And now going to the Transform settings, let's open this up. And let's untick Uniform Scaling, just as what we did before. And let's go ahead and create a scale width of 120. And this time, let's create a scale height of 3. So this will give us these small little streaks, which will act as our little movement lines and will give our animation just a little bit more detail here. So we'll want to add some key frames for the brightness of this, let me make sure that our timeline is set to the very beginning of our timeline. And when I create key frames, I like to open the layers up. So let's go to Displacement Map > Effects, I'm just going to collapse the fractal noise. So you can see we've got two fractal noise here. Make sure that you've selected the right one. So Fractal Noise 2 is the one that we're working on, open that up. And let's find brightness and add a key frame. You can see here, we've got a key frame in our timeline. So let's edit this key frame, and make it -200, just as what we did before, just to create a black screen. And then moving over to one second here, create a new keyframe by clicking this button, and this would give us one second's worth of breathing space for our animation. Exactly the same as what we did for our previous fractal noise. So it means we'll have one second's worth of breathing room before our animation begins. Cool, so from there, let's go ahead and click on the preview time. And we're going to move forward by 0.5 seconds. So just slightly ahead of our keyframe here, and let's go ahead and change the brightness here to -120. And you can see in this screen here, we've got these small little movement streak lines starting to appear. So set the complexity to 3. And you can see there it's starting to appear a little bit more- Set the complexity to 2, just to make them appear even brighter. Now, the next thing that we want to do is we want to blend these two fractal noises together. So in order to do this, let's collapse Transform, we need to set the Overflow. So open up Overflow and set it to Clip, and we need the blending mode set to Screen. You can see straight away, our glitch effect text appears again. Cool, now let's go ahead and preview the animation again by going to our Glitch Comp and just scrolling backwards and forwards to see how that looks. So let's flip this to Screen again, just see what it looks like. So you can see here, if I zoom in, you can see we should have these small little streak lines appear in our animation, which helps give just a little bit more detail to our animation, just some subtle details, whic is pretty cool. You can see them starting to appear every now and then as the animation starts. It's here and stuff. It's pretty cool, looking pretty good. Now, you can always add or subtract the amount of streak lines by going back into the Displacement Map Comp and adjusting the settings in Fractal Noise 2. Excellent, now let's take a look at how we can add even more movement to our animation, and how we can make it smoother. So going back to the Glitch FX comp, let's zoom out here. And let's go ahead and select the Title 01 comp here. So you can see it's got some slight movement from left to right. If we wanted to increase the travel distance of the glitch, we can go and select the Displacement Map inside Title 01. And let's go ahead and duplicate this. So either pressing Ctrl+D on the keyboard, we're going to edit and duplicate. Now, once we've duplicated that, hopefully you should see that the travel distance for the glitch effect has increased. Cool, now let's duplicate this again. So the more duplications of this displacement map we have, the bigger the travel distance will be. So let's duplicate this a few more times. So that's the second time. Looking pretty good. And let's duplicate this another time. So we have four displacement maps. Excellent, so now you can see the travel distance has increased a lot more. Cool, now as a final touch, let's go ahead and create some blur to our animation. Now, to do this, we need to move back to our Displacement Map Comp. Make sure that the displacement map is selected, and we want to go to Effect > Blur & Sharpen > Fast Box Blur. And we want to change the blur radius to 15, set the iterations to 1, blur dimensions to horizontal, and just tick Repeat Edge Pixels. Cool, so now if we go back to our Glitch FX comp and scroll backwards and forwards, you should have a pretty good glitch animation with directional movement. Excellent, now let's set the time of our composition. So just right click on the screen here, just outside of our preview, go to composition settings, and we can set the time, the duration of our animation, and set it to about 4 seconds. So now if we click on the Play button, we shouldn't have to wait too long before viewing a repeat of our glitch effect animation, cool. So once you're happy with the glitch animation, you can see now that the animation is moving from left to right. If we wanted to change the direction so that it was moving from right to left, we would need to go back to our glitch animation comp. Let's stop this preview, select Title 01. And within each of these displacement maps we need to change the horizontal displacement from -50 to positive 50. So we're just going tp each of these displacement maps and change it to positive 50. And you can see as I'm doing this, the text is moving to the left. And now if we click on the play button this time, we should see that the movement is moving from right to left instead. Excellent, now let's go ahead and change the spec. So I'm just going to press Ctrl+Z to change the spec to the way it was. So it's moving from left to right again, as I prefer it moving from left to right. Cool, now another way of changing the direction of this animation is by editing the rotation of the Title comp. So let's go ahead and double-click on the Title comp here, so that we've got the types that were inside the title comp, and you can see that the text is inside here. Let's go ahead and add a rotation value to this. So go to inside our text. Go inside here. Go to Transform, and then go to Rotation. And let's add a value of -45 to the text here, so that it looks like it's rotated and looks diagonal. And now go back to the glitch comp, you can see that's affected the glitch comp here. And if we press play, you'll see that the animation is still moving horizontally but the text is diagonal. So if we wanted to make the animation diagonal, we can go to the comp here, and let's rotate the title. So let's rotate this title by 45 degrees so that it's straight again, and now if we press Play, we should see that the animation now is moving diagonal. Cool, so feel free to jump back into the displacement comp and to play about with the settings to improve the look of your animation. Once you're happy with the animation, we'll move onto the next video where we'll learn how to add color to our glitch effect. See you all there.

Back to the top