From the course: Photoshop for Designers: Type Effects

Water droplets - Photoshop Tutorial

From the course: Photoshop for Designers: Type Effects

Start my 1-month free trial

Water droplets

- [Instructor] In this movie, I'd like to show you how to create this interesting water droplet effect. Here's my starting point, a layer of type on top of an image. And I'm going to change the order of those. I need the image on top because I'm going to clip the image to the type. Now before I do this, I know in advance that I want to create a displacement map so that I can distort the letters according to the shape of the image. And to do that, I'm going to come to the image menu and choose duplicate. I'm going to duplicate merged layers only. I now have the copy of the image, single layer. Displacement maps only need to be gray scale, so I'm going to make it into a gray scale image. And if I increase the contrast, the displacement will be intensified. Basically, the brighter pixels are going to shift the layer to which the filter is applied, up and to the left, and the darker pixels are going to shift down and to the right. To increase the contrast, I will add a levels adjustment layer. And I'm just going to move the black and white points closer to the center. I'll now save this, and return to my work in progress. So at this point, I can create a clipping mask. So from the layers panel menu choose create clipping mask or option or alt+click on the line between those two layers. Selecting my type layer, it's to this layer that I need to apply the filter, and I want to do that nondestructively, so I will right click and choose convert to small object. Then from the filter menu, I will come to distort, displace. The exact amount that you displace is a matter of some trial and error. I found that these values work well. Horizontal of 20, and a vertical scale of -130. I need to choose the displacement map that I just created, and that's the result that we get. Now in addition, I also want to further distort letters using the liquefy filter. So I will come to liquefy, I'm going to use my forward warp tool, and then making sure that I have a nice, big brush size, I'm just going to slightly move each of those letters about. So in terms of the result, I can either go for this, the photographic version, or I might choose to actually hide the image and we just see a black and white version that uses the texture of the image.

Contents