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

Working with texture: Pattern Overlay or Layer Mask?

From: Photoshop for Designers: Layer Effects

Video: Working with texture: Pattern Overlay or Layer Mask?

Here we're going to look at a comparison of using a layer mask to create textured type versus using a Pattern Overlay. And we'll also see how we can make this effect to a little bit more realistic by applying a small warp to the type. Here is our starting point. What we have here is just a letter on top of this texture. Let me just mention that this texture began its life looking like this and I made a few modifications to it with adjustment layers, which you can break down and figure out exactly what I did if you're so inclined, and the reason I did this is because the patterns tend to work better I find when they're grayscale and when they're more high contrast.

Working with texture: Pattern Overlay or Layer Mask?

Here we're going to look at a comparison of using a layer mask to create textured type versus using a Pattern Overlay. And we'll also see how we can make this effect to a little bit more realistic by applying a small warp to the type. Here is our starting point. What we have here is just a letter on top of this texture. Let me just mention that this texture began its life looking like this and I made a few modifications to it with adjustment layers, which you can break down and figure out exactly what I did if you're so inclined, and the reason I did this is because the patterns tend to work better I find when they're grayscale and when they're more high contrast.

So I have taken any distracting color from them. So first of all it might seem like what you want to do here is just change the opacity and/or blending mode to bring through the texture of the pattern beneath. But in actual fact that's not really going to work too well. Let's just see what happens when we do that. If we reduce the Opacity, we just get another washed out looking letter. We could try to changing the blending mode and that gets us a better looking effect but it's also of course going to shift the color.

Let's say that we want to retain the color as being pretty much the yellow that it already is. So those two options are not working particularly well. Well, we might try using a Pattern Overlay and let's try that next. So I am going to just disable this vector mask that is applied to the group that makes up the background texture. I'm going to do that by holding down the Shift key and clicking on it so that we see the whole of the pattern fitting the canvas. I'll now turn off the visibility off the letter and I'll come and select this group and come and choose Define Pattern. I'll call this cracked pavement.

The patterns that we have in the presets library tend to be samples that are 150 to 200 pixels square. And those are fine if you working with small images, but if you try to apply those patterns to large images that are going to tile and you either going to see the seam, or if you scale them up then you'll diminish their resolution. So this is a much larger pattern and would be suitable for using this context differently. So if I now come to Pattern Overlay and we will click on the pattern swatch and then we can scroll down to the pattern that we want and then we need to change its blend mode to something like Multiply so that we see it. And the effect is not really that much different from what we were seeing before.

Now the problem here is that the pattern inside the letter is offset from the pattern in the background and we are not seeing that crack running through it. You would expect that if you click on Snap to Origin that would solve the problem, but it doesn't. So I'm going to move my cursor into the letter just to start dragging it around, so that I can line up the scene and this is obviously rather precarious and less than exact size but now we have it. There is the effect with the Pattern Overlay applied.

What I'm going to do now for purposes of comparison is I'm going to duplicate that layer and I will turn off that layer effect. We'll hide this one for the time being and now I'm going to choose my preferred technique for doing this, which is to apply a layer mask that is the texture to the letter layer itself. So what I'm going to need to do is turn off the visibility of that layer so I see just the texture by itself and then we'll come to the Channels panel and I'll hold down my Command key or Ctrl key and click on the RGB channel and that will load the luminosity channel of what's currently visible, in this case just the texture. So it's important that the type layer be turned off while you do this.

Now come and turn the type layer back on and then click on the Add Layer Mask. So that embeds the texture as a layer mask and if we turn of the background layer we can kind of see what's happening there. We get an idea of what's going on, and that's I think already an improvement on what we had, but it is perhaps not bringing out the texture as much as we might like. If we take a look at the layer mask we can see that there are perhaps too many gray values here. The layer mask where it's white will reveal the layer that it's attached to and where it's black it'll conceal it.

So we want more blacks and more whites. And to do that, if I wanted to be really extreme about it and sometimes this works, I could go to Threshold or if I wanted to use a slightly lighter touch I could go to Levels and then bring the black and white points closer to the center. All right, let's just have a comparison of the two. This is the effect with a layer mask and this is the effect with the Pattern Overlay.

You decide which one you like better and which one works for you. But I'm going to do one more thing. So we have a crack in the road here which is running right through the A, so we need to sort of work the A little bit now. Of course I would have far more flexibility in warping this letter, I could use a free-form warp on it, if it would no longer type. If I wanted it to remind vectors, I would have to convert it to a shape layer or I could rasterize it one all the other. But I don't want to do either of those. I would like to keep this type editable.

So in that case what I'm going to do is I'm going to go to the Type tool and then click on my Warp option. This is going to be a very slight warp, just to sort of make it look a little bit more damaged, something like that. And that allows us to keep the type completely editable and I can come in there and change it to any other letter as I choose. So that was all about comparing the benefits and ease-of-use of Pattern Overlay versus applying the pattern by using a layer mask directly on the layer.

Show transcript

This video is part of

Image for Photoshop for Designers: Layer Effects
Photoshop for Designers: Layer Effects

60 video lessons · 18261 viewers

Nigel French
Author

 
Expand all | Collapse all
  1. 1m 41s
    1. Welcome
      1m 3s
    2. Using the exercise files
      38s
  2. 13m 22s
    1. What are layer effects?
      3m 9s
    2. Using the Layer Style dialog box
      2m 25s
    3. Moving, copying and removing layer effects
      2m 20s
    4. Working with preset styles
      5m 28s
  3. 29m 46s
    1. Shadow effects 1: Drop Shadow
      7m 11s
    2. Shadow effects 2: Inner Shadow
      1m 2s
    3. Glow effects 1: Outer Glow
      3m 41s
    4. Glow effects 2: Inner Glow
      1m 35s
    5. Bevel and Emboss effect 1: Structure
      2m 9s
    6. Bevel and Emboss effect 2: Shading
      2m 46s
    7. Bevel and Emboss effect 3: Contour
      1m 44s
    8. Bevel and Emboss effect 4: Texture
      1m 29s
    9. Overlay and stroke effects 1: Satin
      1m 1s
    10. Overlay and stroke effects 2: Color Overlay
      1m 27s
    11. Overlay and stroke effects 3: Gradient Overlay
      1m 58s
    12. Overlay and stroke effects 4: Pattern Overlay
      1m 43s
    13. Overlay and stroke effects 5: Stroke
      2m 0s
  4. 25m 37s
    1. Blending modes
      2m 55s
    2. General opacity vs. fill opacity
      1m 16s
    3. Creating a knockout layer
      2m 37s
    4. Blending interior effects
      1m 35s
    5. Blending clipped layers as a group
      1m 18s
    6. Transparency Shapes Layers
      2m 34s
    7. Converting a layer style to image layers
      1m 45s
    8. Blending with the Layer Mask and Vector Mask Hide effects
      1m 56s
    9. Using the Blend If blending option
      3m 53s
    10. Working with contours
      5m 48s
  5. 29m 22s
    1. Placing multiple files as Smart Objects into the type poster
      1m 29s
    2. Creating offset outlines with Drop Shadow, Inner Shadow, and Fill Opacity
      6m 19s
    3. Using Fill Opacity to create "ghost" text
      2m 19s
    4. Creating live (editable) blurred type with Drop Shadow
      1m 56s
    5. Creating an extruded shadow
      4m 42s
    6. Customizing a drop shadow
      5m 53s
    7. Reflecting a shadow and applying a displacement map
      6m 44s
  6. 28m 56s
    1. Inflating type by softening a smooth bevel
      3m 7s
    2. Creating a chiseled bevel
      6m 14s
    3. Embossing a stroke
      2m 31s
    4. Creating a soft bevel and customizing the contour of the inner shadow
      5m 20s
    5. Combining a smooth bevel with transparency effects
      2m 34s
    6. Embossing the contour of a bevel and adding an outer bevel with texture
      4m 13s
    7. Set in stone: Customizing a bevel with diffused light
      2m 22s
    8. Creating an embossed stamp
      2m 35s
  7. 19m 45s
    1. Working with texture: Pattern Overlay or Layer Mask?
      6m 25s
    2. Creating depth with Pattern Overlay and Inner Shadow
      1m 23s
    3. Creating and applying a custom pattern
      5m 57s
    4. Layer effects and Smart Objects 1
      1m 21s
    5. Layer effects and Smart Objects 2
      4m 39s
  8. 26m 7s
    1. Using Inner Glow to create interior shapes and neon
      7m 6s
    2. Choking an Inner Glow effect to create inline effects
      2m 4s
    3. Adapting an Inner Glow using the Contour, Range, and Jitter controls
      1m 30s
    4. Creating a stencil effect with Outer Glow and Shallow Knockout
      7m 41s
    5. Customizing contours to create multiple outlines
      2m 11s
    6. Combining Gradient Overlay and a gradient stroke 1
      1m 51s
    7. Combining Gradient Overlay and a gradient stroke 2
      1m 24s
    8. Using Satin with a custom contour
      2m 20s
  9. 9m 3s
    1. Building a type poster
      4m 26s
    2. Adding paper behind the letters
      4m 19s
    3. Goodbye
      18s

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
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now "Already a member? Log in

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.


Mark all as unwatched Cancel

Congratulations

You have completed Photoshop for Designers: Layer Effects.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

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.