How To Create A Stencil Look In Photoshop

Posted on 31. May, 2009 by Olson in Photo Effects


stencil effect

bomb funk How To Create A Stencil Look In Photoshop In this tutorial we are going to combine a number of photographs and turn them into interesting graphics elements as part of your designs. This tutorial was inspired by Corey Barker the Executive Producer of PlanetPhotoshop.com He covered this technique on his training DVD Design Effects With Photoshop CS4.
I recommend you guys to head over at kelbytraining.com and have a look around at their high quality training material.

ph05 How To Create A Stencil Look In Photoshop
graphic look01 How To Create A Stencil Look In Photoshop
1 How To Create A Stencil Look In Photoshop First thing is first start by creating a new document by holding down CTRL+N or go to File+New, enter the name the width, height and resolution for the new doc.

Note you can enter whatever settings work for you but if you like to follow along enter the setting above.

2 How To Create A Stencil Look In Photoshop When you are done click OK, open your first image by using Adobe Bridge or the standard command CTRL+O

3 How To Create A Stencil Look In Photoshop With the new image opened in our case we loaded the city image go to Image-Adjustments-Threshold.

graphic look02 How To Create A Stencil Look In Photoshop

4 How To Create A Stencil Look In Photoshop The threshold forces all the pixels in the image to either white or black. Adjust the Threshold slider so you get as much white detail before anything else comes into view.

5 How To Create A Stencil Look In Photoshop When you are done click OK.

6 How To Create A Stencil Look In Photoshop Select the Move Tool and click on the image and by holding down the mouse drag the image into the new document we created.

Note unlock the layer by double clicking on the lock icon if you get the message the layers is locked. When you are done click on the Bridge icon to launch Adobe Bridge.

graphic look03 How To Create A Stencil Look In Photoshop

7 How To Create A Stencil Look In Photoshop Navigate to folder where you have your images and load the wood texture that we are going to use as our the main background.

8 How To Create A Stencil Look In Photoshop Select the Move Tool and click on the image and by holding down the mouse drag the image into the new document we created.

Note unlock the layer by double clicking on the lock icon if you get the message the layers is locked.

How To Make Stencils in PS

9 How To Create A Stencil Look In Photoshop Drag the Wood Layer  underneath the City Layer.

10 How To Create A Stencil Look In Photoshop We need now to invert the colors on the City Layer form white to black  to do that select the City Layer and go to Image-Adjustments-Invert or hold down CTRL+I.

11 How To Create A Stencil Look In Photoshop With the city layer still selected click on the blending mode and choose Multiply now only the black areas are visible.

Next load the girl image by clicking on File Open or use any other method you are comfortable for opening a image.

How To Make Stencils in PS 05

orange How To Create A Stencil Look In Photoshop With the girl image opened let’s repeat step 3 go to Image-Adjustments-Threshold.

12 How To Create A Stencil Look In Photoshop Now start adjusting the slider and  try to get as much details, when you are done click OK.

13 How To Create A Stencil Look In Photoshop Next repeat step 8 to insert the image into the composition document.

14 How To Create A Stencil Look In Photoshop Select the girl layer and  choose Multiply from the blending mode.

15 How To Create A Stencil Look In Photoshop Click on the Add Layer Mask icon.

16 How To Create A Stencil Look In Photoshop Make sure the colors are set to white and black and select the Brush Tool.

17 How To Create A Stencil Look In Photoshop Start erasing the  black spots that are not needed.

stencils art 06

18 How To Create A Stencil Look In Photoshop Select the City Layer.

19 How To Create A Stencil Look In Photoshop Hit CTRL+T to scale down the image.

20 How To Create A Stencil Look In Photoshop Click the Commit icon or just hit Enter.

21 How To Create A Stencil Look In Photoshop Select the Wood layer and go to Filter-Blur-Gaussian Blur.

22 How To Create A Stencil Look In Photoshop Adjust the setting so the layer is blurred slightly.

23 How To Create A Stencil Look In Photoshop Click OK.

graphic look07 How To Create A Stencil Look In Photoshop

24 How To Create A Stencil Look In Photoshop Create a new Layer by clicking the Create New layer icon and than select the Gradient Tool.

25 How To Create A Stencil Look In Photoshop Select a white to transparent gradient form the menu and also make sure you select the Radial Gradient form the settings toolbar.

26 How To Create A Stencil Look In Photoshop Now hold down the Shift key and click and drag from down up in the eye region to create a gradient, now the gradient gives a glow look to the face area.

27 How To Create A Stencil Look In Photoshop Repeat step 24, to create a new layer.

28 How To Create A Stencil Look In Photoshop Select the Rectangular Marque Tool and draw a square shape on the new layer you created.

29 How To Create A Stencil Look In Photoshop Select the Gradient Tool.

30 How To Create A Stencil Look In Photoshop The last setting should be available if not repeat step 25 the only difference this time  is that you have to set the opacity to 70% also choose Dissolve for the Blending Mode.

31 How To Create A Stencil Look In Photoshop Hold down the shift key and click and drag in the selection form bottom to up and release the mouse button, now the selection fills with the dissolved gradient giving a  transparent  noise look.

graphic look08 How To Create A Stencil Look In Photoshop

32 How To Create A Stencil Look In Photoshop Select the Eyedroper Tool or press i on the keyboard, sample the backgorund color.

33 How To Create A Stencil Look In Photoshop Lock down the noise layers transparency and with the selection still active hit Alt+Backspace to fill the layer with the sampled color, if the selection is not active just make a new selection bigger than the noise square and hit Alt+Backspace because you have selected the Lock transparent pixels icon only the noise will be filled with the color.

34 How To Create A Stencil Look In Photoshop Select Linear burn for the blending mode.

35 How To Create A Stencil Look In Photoshop Hit Ctrl+T to show the transformation controls and right click in the middle choose Warp from the menu.

graphic look09 How To Create A Stencil Look In Photoshop

36 How To Create A Stencil Look In Photoshop Start to warp  the layer to whatever shape you like try creating a splattered look.

37 How To Create A Stencil Look In Photoshop When you are done warping copy the layer lower their opacity and place them in diferent parts of the compositon also try rotating and fliping the layers so the look random.

graphic look10 How To Create A Stencil Look In Photoshop

38 How To Create A Stencil Look In Photoshop Now we need to make a rough looking shape to place the name on top, to do that first create a new layer and place it on the top of all layers select the lasso tool and by using your mouse or graphic tablet draw a rough looking shape.

39 How To Create A Stencil Look In Photoshop Hit Ctrl+Backspace to fill the shape with black or just use the Paint bucket tool, and next double click on the layer thumbnail to show the blending option.

40 How To Create A Stencil Look In Photoshop Select Drop Shadow.

41 How To Create A Stencil Look In Photoshop Click on the color and sample the background color for the Blend Mode choose Linear Burn, the rest of the settings are fine click OK.

graphic look11 How To Create A Stencil Look In Photoshop

42 How To Create A Stencil Look In Photoshop OK now we need to add some text, select the Text Tool and type in a name.

43 How To Create A Stencil Look In Photoshop To complete the effect just add a simple drop shadow by double clicking on the layer thumbnail and select drop shadow from the Blending Mode.

stencils art


bomb funk How To Create A Stencil Look In Photoshop So with a combination of photos and some elements that we created from scratch  we can achieve very interesting and cool looking effects. Thing to keep in mind when using the Threshold is to try and get as much detail in, also adding little elements will help your composition look more complete and professional.
Please leave your comments for anything related to this tutorial. Also make sure you Subscribe to our Feed or Follow Us on Twitter to stay updated to the lattes tutorials, news and interviews in the graphic community.

ph05 How To Create A Stencil Look In Photoshop

ALSO CHECK OUT THIS COOL TUTS!
pirate1 How To Create A Stencil Look In Photoshop ripping1 How To Create A Stencil Look In Photoshop

shareit2 How To Create A Stencil Look In Photoshop

Related posts:

  1. How To Create A Advertisement Banner In Photoshop
  2. Create A Light Trail Effect in Photoshop
  3. CREATE A SILHOUETTE FOR A CUSTOM DESIGN
  4. Create A Painted Effect Look With Displacement Maps In Photoshop CS4
  5. Create A Crazy Text Effect Using Layer Styles

Tags: , , , , , , , , ,

15 Responses to “How To Create A Stencil Look In Photoshop”

  1. Gabriela Datcu

    31. May, 2009

    Nice tutorial.. I will try this, most sertanly.

  2. deSenator

    31. May, 2009

    This was awesome. Very detailed.

  3. vik

    31. May, 2009

    great tutorial! i like it!

  4. Toqeer

    03. Jun, 2009

    very nice, good work.

    Thanks.

  5. Name (required)

    04. Jun, 2009

    Good Job.

  6. Pat

    04. Jun, 2009

    http://i74.photobucket.com/albums/i273/SilentBlackHitman/mank_band1copy.png
    my result without text and special lighting/coloring

  7. Mary

    05. Jun, 2009

    I enjoyed this tut! Thanks! I just attended a NAPP seminar taught by Corey Barker! WOW!!!! Such great stuff!
    And you’re right about Kelby Training. Also, check out NAPP. Scott Kelby is the head of NAPP.

  8. Mensa_13

    17. Jun, 2009

    Very detailed and nice tutorial. Two thumbs up! :)

  9. sissy

    01. Jul, 2009

    kerennnnnn

  10. apperaste

    05. Jul, 2009

    Hi everyone i am new to this. Just thought that i would say hello to everyone! dont really know what else to say. so bye

  11. [...] Related posts:CREATE A SILHOUETTE FOR A CUSTOM DESIGNCREATE A CUSTOM ACTIONCreate A Crazy Text Effect Using Layer StylesHow To Create A Advertisement Banner In PhotoshopHow To Create A Stencil Look In Photoshop [...]

  12. sss

    10. Sep, 2009

    wtf do i get that texture?

  13. [...] HEY!! DON’T FORGET TO CHECK OUT THIS COOL TUTS! [...]

  14. Radule

    06. Nov, 2009

    This is incredible!!!

  15. renne

    18. Nov, 2009

    Really cool effect, definitly worth it!
    I wish there were more tutorials as detailed as this one.
    thanks a lot

Leave a Reply