Combine the Displace filter with Liquify and a clipping mask to create a water droplet text effect in this video.
- [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.
- Illustrating a concept
- Modifying letterforms
- Creating distressed text with a displacement map
- Creating effects such as smoky or fiery type
- Painting type with custom brushes
- Creating print-inspired type effects
- Working with multilayered type
- Creating a type portrait
- Creating nostalgic type treatments
Skill Level Intermediate
Photoshop for Designers: Textureswith Nigel French1h 47m Intermediate
1. Simple Type Effects
2. Damaged and Distressed Type
3. Real-World Type Effects
4. Print-Inspired Type Effects
5. Type and Pattern
6. Type Portraits
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.