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

Creating a stencil effect with Outer Glow and Shallow Knockout

From: Photoshop for Designers: Layer Effects

Video: Creating a stencil effect with Outer Glow and Shallow Knockout

Here we are going to create a cool stencil effect using an Outer Glow and a Shallow Knockout. We're also going to be using some Pattern Overlay and Gradient Overlay and for a finishing touch we'll be warping the Drop Shadow of the stencil. Here's our starting point. We have an H on a wood background. That wood background has a vector mask which is currently disabled. So I am going to begin by creating the stencil and to do this I'm going to duplicate the H. So I am going to select the H and press Command+J. To duplicate it I'll then come back and select the original H and now press U, which is the shortcut to go to my Vector tool and the Rectangle Vector tool is the one I want, and I'm going to draw a rectangle that will be the stencil paper.

Creating a stencil effect with Outer Glow and Shallow Knockout

Here we are going to create a cool stencil effect using an Outer Glow and a Shallow Knockout. We're also going to be using some Pattern Overlay and Gradient Overlay and for a finishing touch we'll be warping the Drop Shadow of the stencil. Here's our starting point. We have an H on a wood background. That wood background has a vector mask which is currently disabled. So I am going to begin by creating the stencil and to do this I'm going to duplicate the H. So I am going to select the H and press Command+J. To duplicate it I'll then come back and select the original H and now press U, which is the shortcut to go to my Vector tool and the Rectangle Vector tool is the one I want, and I'm going to draw a rectangle that will be the stencil paper.

So I am going to center it on the H. I am going to start drawing and then hold down the Alt key. There's my stencil. I want this filled with white, so I am going to press X to go to white as my foreground color, Alt and my Backspace/Delete key to fill that shape with white. Now I want the H copy, this layer, to knock through that stencil. I am going to turn off the visibility on the original H and come to the Blending Options of the H copy.

And if I turn down the Fill Opacity to 0 and then change the Knockout to Shallow we see that we are knocking through to transparency. We actually want to knock through to the wood texture. So what we need to do is click OK to that and then select these two layers and put them in a group. So with them selected, Command or Ctrl+G and now the Knockout only goes through to the bottom of the group, in this case revealing the wood texture that's behind.

So I am not going to expand the group and we'll start out by working on the stencil paper. So I am going to double-click on that and I want to give it Pattern Overlay. The pattern I want to use is in the Grayscale Paper presets. So I am going to choose that and I will append that to what we already have. And then I am going to change to view this as a Large List. Makes it slightly easier. And what I am after is Craft Paper.

In addition to that, I also want a Gradient Overlay and I just want the Gradient Overlay to make the light look less uniform. I am going to reduce the Opacity on that and I am going to change the blend mode on that to Multiply. So that's the stencil. I'm now going to work on the letter itself, the letter that is actually cut out from the stencil paper. In order to do this I am going to turn on the visibility of the existing H, the one down here, the one that is already sprayed onto the wood, but I am going to come and work on the H copy.

And first of all I'm going to add an Inner Shadow. I am going to move this Inner Shadow inside the stencil shape and I'm going to increase its Size to soften it. And then I'm going to come to Outer Glow and this is the reason I turned on the visibility of the other H, because I want to sample the color of the Outer Glow from this one right here. So I am going to click on the Color box and then moved my Eyedropper tool onto that H. Sample the color. Click OK. I will need to change the blending mode of that to Multiply and increase its Size so that it looks like spray- paint around the edges of the stencil, and then I am also going to increase its Noise, just to make it look more spray-paint-like.

OK, now what I'd like to do is give a Drop Shadow to the stencil itself. I know in advance that I want to separate this Drop Shadow from the layer but I would not want to separate the Gradient Overlay and the Pattern Overlay. So therefore, what I am going to do is I am going to make a copy of this stencil layer, Command+J and I will through away the effects that come with the copy just by dragging them into the Trash. And then I'm going to go and add a Drop Shadow, which I will just pull off to the side, and then I'm going to right-click on the fx batch and I am going to choose Create Layer, which will put that Drop Shadow on its own independent layer.

I no longer need the copy from which the shadow was derived. I do need to move this down underneath the stencil itself and I now have three items that make up this stencil. That is the letter that's being knocked out, there is the stencil paper, and there is the shadow. I am going to collapse that group. So what I want to do is transform this whole group. Before I do this I am going to re- enable my vector mask by Shift+Clicking on it and I see the bounds of the square in which the letter is being created and then we also have this transparent area around that.

Now I want to extend into that transparent area, but I don't want to go beyond the edge of the canvas. So I am going to select the group and press Command or Ctrl+T, rotate that whole group, reposition it. If necessary, just rotate it a little bit more so that it's offset, something like that, and I'll press Return to accept that. And now I am going to expand the group, I am going to come and select the stencil paper, press Command or Ctrl+T, and then come and click on my Warp Options, and I am going to slightly warp that so that it's warped relative to the shadow.

One last thing I might want to do with this is just give a slight warp to the H. I'll try and retain it as being editable type. I am just going to double-click on the type thumbnail, come up to my Warping Options. I won't have quite as much flexibility here. I can choose any one of these that I like, because actually all I am going to do is dial down the percentage of the effect and just add in a little bit of Horizontal and/or Vertical Distortion. Let's now turn that group off for a moment and now we need to work on the H that has been sprayed on to the wood.

And to do this I am going to duplicate the Outer Glow that is applied to this one. So I am going to come and grab that effect, hold down my Alt key, and drag it on to the H. And then I am going to need to slightly modify that, because if we zoom in, we can see it's not really matching as we would like it to. That's because I need to change the Opacity of it to 100%. We'll leave it at Multiply and then I am also going to change the blend mode of the layer itself to Multiply.

So that looks like it's a sprayed letter with fuzzy edges, but perhaps they wouldn't be quite as fuzzy as that, so I'm just going to reduce the size on that a bit, and I'll add a slight amount of warping to this letter also. Just so it's less than perfect. Now we can turn on the group and there's our finished effect.

Show transcript

This video is part of

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

60 video lessons · 18389 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 preferences from 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.