New Feature: Playlist Center! Pick a topic and let our playlists guide the way.

Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Applying texture to type using a layer mask

From: Photoshop for Designers: Textures

Video: Applying texture to type using a layer mask

Let's see how we can create this authentic looking piece of distressed Type. So I'm just going to break this down for you first of all. We have a texture, on top of the texture, we have a TYPE layer, but the TYPE layer has got some stuff going on with it as you can see over here. It's a smart object and it's had a filter applied to it. And that is the Gaussian Blur filter. But before we get to that, let's look at this. We have the texture applied as a layer Mask to the Type. That's essential.

Applying texture to type using a layer mask

Let's see how we can create this authentic looking piece of distressed Type. So I'm just going to break this down for you first of all. We have a texture, on top of the texture, we have a TYPE layer, but the TYPE layer has got some stuff going on with it as you can see over here. It's a smart object and it's had a filter applied to it. And that is the Gaussian Blur filter. But before we get to that, let's look at this. We have the texture applied as a layer Mask to the Type. That's essential.

And then if I turn off the Smart Filters, we can see that what that's doing is it's blurring the edges of the Type. And I think you often see this technique applied without this additional detail. And that let's it down because while this looks good, the way is at the moment, it doesn't look particularly plausible because the edges of the Type are too sharp. We don't want to blur the whole Type because we want the Type to remain live and editable. So we convert it to a smart object, and then we can just blur it just the edges.

So I have a filter mask on the Smart Filter layer which is just blurring the edges of the Type. And in addition to that, I have a copy of the texture itself in a group and the blending mode that is set to Soft Light. This top layer is an optional extra, but I think it helps. So let's now switch to the starting point. And you may be tempted to say, well, that's an awful lot of work. Why don't we just make the Type Multiply? Well, you could, but it's not going to look very convincing.

So that's why we're not going to make it Multiply because it's not really going to work very well. Here's what we are going to do. Let's turn off the TYPE layer, come to the Background, switch to CHANNELS, Command+Click or Ctrl+Click on the RGB channel to load the Luminosity channel or the gray values for that layer. So I'm now going to turn my TYPE layer back on, and then I'm going to come and click on Add layer Mask. Now at the moment, that has subdued the Type too much.

And that's because we have too many gray values in there. I could use my Levels to work on this layer Mask. I just press Command+L or Ctrl+L to go to my Levels. But actually I'm going to use a heavier handed approach in this case which I think is going to work even better. So making sure that I'm clicked on to the layer Mask, I'm going to come to my Image menu, Adjustments, and to Threshold. Now Threshold is going to make that layer Mask all black or all white pixels.

And if I move this way, we're going to get more black; this way, and this is the way we want to go, we're going to get more white. So depending on just how distressed you want your Type to be, you can move your Threshold slider one way or the other. So when I click OK, if we now go and have a look at that layer Mask, you'll see that all of those pixels are either black or white. Okay. Now let's move on to blurring the edges of the Type.

First of all, what I need to do is I need to load the selection of the Type. So I'm going to Command+Click on the TYPE layer. It's already been converted to a smart object so that we can apply Smart Filters. But if you're working with Type that you haven't yet done that to, you can do it right there under the Filter menu. So next what I want to do is modify this selection, so I'm going to come to the Select menu and choose Modify, and then I'm going to choose Border.

Now how big you want your border to be is going to depend upon the resolution of your image. But I'm going to use a 20-pixel border. And that's going to give me a selection that looks like that. So my selection is growing by 10 pixels inside and 10 pixels outside my letter forms. With my selection active, I'm now going to come to the Filter menu and down to Blur and choose Gaussian Blur. And I'm going to blur it by, let's just do a little bit more than that, let's go to 5 pixels say.

So the effect is subtle, but I think very effective. If I turn off my Smart Filters, there are the sharp edges and I'm going to zoom in so that we might be able to see that a little bit better. Okay, so I'm at a very large view size now which is why it looks pixelated. But at 100%, this looks just great. If I turn off that Smart Filter layer, we can see we have sharp edges to the Type. Turn it on and that's going to blur those edges. As a final finishing touch, I selected the texture, I copied it Command+J or Ctrl+J. I dragged it up above and I set its Blending mode to Soft Light.

Now I could also perhaps make that grayscale and I had done that in the finished version, but actually I think I like it just fine the way it is with this layer still in color. But I could perhaps reduce the Opacity of it just to tone it down a bit. So there are two things that really make this work well. And that is the layer Mask with a Threshold adjustment on that layer Mask applied to the Type, and then some blurring to the edges of the Type.

Show transcript

This video is part of

Image for Photoshop for Designers: Textures
Photoshop for Designers: Textures

60 video lessons · 19343 viewers

Nigel French
Author

 
Expand all | Collapse all
  1. 1m 30s
    1. Welcome
      1m 2s
    2. Using the exercise files
      28s
  2. 6m 52s
    1. Working with textures
      6m 52s
  3. 30m 19s
    1. Creating a rocklike texture with Clouds
      6m 17s
    2. Improving a flat sky with Difference Clouds
      3m 43s
    3. Creating a grunge effect with Fibers
      11m 30s
    4. Applying a texture channel with Lighting Effects
      4m 22s
    5. Adding an effect and blending with Lens Flare
      4m 27s
  4. 15m 20s
    1. Applying textures with Texturizer
      6m 8s
    2. Applying realistic cracks with Craquelure
      5m 11s
    3. Preparing an image for a stained glass effect
      4m 1s
  5. 30m 48s
    1. Adding noise to an overlay layer
      1m 33s
    2. Adding film grain
      6m 5s
    3. Painting with grain
      4m 10s
    4. Adding grain to a Camera Raw image
      2m 21s
    5. Matching grain when cloning
      5m 32s
    6. Accentuating texture with Speckle grain
      3m 4s
    7. Creating a split-toning effect with Stippled grain
      4m 20s
    8. Beyond the Mezzotint filter
      3m 43s
  6. 18m 5s
    1. Creating deckled edges and sepia tone
      8m 6s
    2. Adding water stains
      5m 41s
    3. Adding cracks
      4m 18s
  7. 38m 16s
    1. Blending textures with Soft Light
      4m 15s
    2. Blending textures with Hard Light
      54s
    3. Blending groups
      3m 59s
    4. Blending textures with layer masks
      3m 49s
    5. Creating an antique poster
      5m 59s
    6. Blending mode sandwich
      4m 34s
    7. Blending texture from a pattern fill
      4m 9s
    8. Applying texture to an uneven surface
      10m 37s
  8. 42m 43s
    1. Creating a watercolor effect
      5m 30s
    2. Painting on canvas
      9m 57s
    3. Creating a rubber stamp
      8m 42s
    4. Converting a photograph to a drawing with Find Edges
      2m 58s
    5. Combining a black-and-white halftone with color images
      5m 6s
    6. Creating a textured duotone effect with Conté Crayon
      2m 33s
    7. Creating an abstract image with Mosaic
      6m 2s
    8. Creating a reticulation effect
      1m 55s
  9. 59m 11s
    1. Finding and installing brushes
      2m 19s
    2. Creating a shatter effect
      3m 58s
    3. Creating a smoke brush
      3m 50s
    4. Combining Photoshop with Illustrator to create a sample brush
      9m 56s
    5. Creating coffee rings
      4m 13s
    6. Creating a Bokeh texture
      9m 50s
    7. Creating corner brushes
      4m 24s
    8. Sampling a brush stroke
      3m 3s
    9. Creating a rust jewel brush
      5m 43s
    10. Building density with brush settings
      6m 45s
    11. Painting with the Mixer Brush
      5m 10s
  10. 17m 30s
    1. Adding texture to type using clipping masks
      2m 25s
    2. Applying texture to type with layer effects
      2m 53s
    3. Applying texture to type using a layer mask
      5m 33s
    4. Painting with a texture brush
      4m 31s
    5. Blending type into background texture
      2m 8s
  11. 17m 55s
    1. Using the texture actions set
      3m 12s
    2. Editing an action
      3m 18s
    3. Creating your own texture action
      5m 14s
    4. Finding, downloading, and installing actions
      3m 2s
    5. Applying texture styles
      3m 9s
  12. 20s
    1. Goodbye
      20s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold

Are you sure you want to delete this note?

No

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.