7 days of unlimited video, AE, and Premiere Pro templates - for free!* Unlimited asset downloads! Start 7-Day Free Trial
FREELessons: 13Length: 1.6 hours

Next lesson playing in 5 seconds

  • Overview
  • Transcript

4.1 How to Displace Text

In this lesson, you will learn how to add the ice texture effect into your composition. You will also learn how to displace the text using a displacement map.

4.1 How to Displace Text

Hi, everyone, and welcome back to the Cool Ice Effect course. In this lesson, we'll learn how to add the ice texture to our composition. And also learn how to displace the text to make it seem like it's really inside or behind the ice. So now that we've got our cool text animation here, which has all the blurring effects that we added and the 3D animation to make it appear like it's moving towards the screen. The next thing that we can add to this composition is the ice textures that we imported into our project earlier. So let's go ahead and drag the ice texture JPG into the composition first, by dragging it down here. And now let's go ahead and make this into a 3D layer by clicking on the 3D button here. Cool. Next we want to adjust the image so that it fits into the preview screen. So to do this let's go ahead and open up the texture JPG layer, go into Transform. And we want to adjust the scale options here. Now you'll find that as we adjust the values here, it will scale uniformly. But if we want to click on the constrain proportions button here, so let's go ahead and press Ctrl+Z to undo that. So, let's go ahead and click on the Constrain Proportions button here, we can now adjust the length and the width of the image separately like so. Cool. Now a quick tip here is to make the image a little bit larger than the actual preview screen itself. The reason being is that we're going to use the camera. So if we go ahead and use the camera tool here. So let's go ahead and make the ice texture fit the screen first. So if I make this fit the screen perfectly, like so. If we now use the Camera tool here to orbit around the scene like we will in our animation, you'll find that we'll end up getting these empty spaces here in our animation. So let's go head and make the image quite large or larger than the actual preview screen itself. So let's go and make this into something like this, so let's go head and make it 200 maybe by, let's go with 110. Like so, cool. Or something like this. I mean, we can always change these values later on in the course if we find this not big enough. All right, excellent. Now the next thing we want to do is we want to add this normal map into the composition. However, if we add the normal map in here now, like so, it won't have the same scaling as the ice texture that we just adjusted. So just go ahead and delete that. In order to make the normal map the same as our image, we need to duplicate the ice image. So let's go ahead, close this. And press Ctrl+D to duplicate the ice texture. And now what we want to do is you want to hold the Alt key on the keyboard and then click and drag the normal map on to our duplicate texture, like so. And this will replace the duplicate ice texture with our normal map, but it will t also contain all the adjustments we made to it. Such as the scaling here, which is exactly what we want. So now we have both the ice texture and the ice texture normal map, fitting accurately on top of one another, like so. Excellent, now we can just hide both of these textures for now. And the next thing we want to do is we want to start to adjust the text to make it displace with our ice. So let's go to Layer > New and let's create an Adjustment Layer first. Now, on this adjustment layer, we're going to add an effect cause displacement map. Now to do this, make sure that the adjustment layer is selected. And then go to Effects > Distort. And now we are going to find, Going to find Displacement Map, which is here. Now we can use the Displacement Map Options, which will use the normal map to adjust the look of our text. Now to do this, let's go to the Displacement map layer here, and from this drop down menu, we want to choose the Ice_Texture normal map jpeg like so. And then you'll see straight away if we zoom in to the text. You'll see straight away that it is starting it to effect our text visually. Cool. Now let's start adjusting the values here. Now if we adjust the horizontal displacement you can see that it's starting to adjust the displacement of the text horizontally, add the same if we go over to the vertical displacement, like so. So let's go ahead and use these values to adjust the text to something that you like. So maybe something, let's go ahead with something like 30 here and maybe 40 here, or maybe something a little bit more, maybe something like 50 and 50, like so. Just to make it look like it's really being displaced behind the ice. And you can start to see that there's some sort of diffusion on the text, great. So now that we've done that, that's it for this lesson. In the next lesson, we'll learn how to create the ice layer on top of the text. See you all there.

Back to the top