Create the Layered Look in Photoshop | CreativePro.

com

http://www.creativepro.com/article/create-the-layered-look-in-photoshop

Home

Business

Fonts

Graphics

Hardware

Photography

Print

Web/Mobile

Search CreativePro Here

View Articles By
Topic Date Kind of Article Product or Company CreativePro Author

Create the Layered Look in Photoshop Stack several shades of one color to turn a so-so photo into a trendy illustration.
Written by Chad Neuman on June 20, 2007 Comments (0)

Why Join?

Tell a Friend

Reg Get Our

Subscribe to RSS Feeds

Average: 4 (1 vote)

Community
Blogs Membership Forums Contributing Members Newsletter Archive Categories: Graphics, Graphics Image Editing, Illustration, Photo Image Editing, How-Tos

Related Articles
Turn Color Photos into Duotones in Photoshop Using Public Domain Images for Art I Bleed for You Use Illustrator and Photoshop Together For Unique Effects Get Your Mitts on Illustrator's Free, High-Quality Templates, Clip Art, and More

Marketplace
Creative Essentials Pantone Store Trade Publications Training Resources

Tutorial compliments of "Layers" magazine Using the Threshold command in Adobe Photoshop, you can create a neat one-color effect and turn a full-color photo into a black outline. The technique involves applying a different shade of color to four different layers, all increasing levels of threshold. The result is a "layered threshold" look. Step 1 Open a photo in Photoshop. To use the photo that is Figure 1, just click on it, save it to your computer, and then open it in Photoshop.

Services
Printing Center Stock Photo Search Portfolio Showcase PaperSpecs

Related Reading
Creative Essentials

Painter How-To: From Photo to Woodcu Photoshop How-To: Paths to Enlightenm Design How-To: Turn Letters Into Logo Posters That Stop Them On the Street Learn Photomontage from a Pro

Hot Stuff
The Big Picture Magazine - FREE Real-world solutions to design challenges Win a Subscription to "InDesign Magazine" 5 Winners Selected.
Privacy Information

Head First HTML with CSS & XHTML Eric Freeman, Elis... New $26.39 Best $21.90

Get Creative Video: News for the Week 2008 Scanning Around With Gene: Dymo-Mit Labeling Get Creative VIDEO: News for the Wee 2008 Scanning Around with Gene: Happy Bir Symbol! Get Creative VIDEO: News for the Wee 2008

Get Creative Videocast New every week. Watch what's important to you.

Dreamweaver: Dreanweaver widget - s Fonts and Typesetting: Type and Typog Other Software: Adobe LiveMotion Photoshop: Photoshop Troubleshooting Websites About the New Site: Comments on the

Figure 1

1 de 8

10/03/2008 13:23

Create the Layered Look in Photoshop | CreativePro.com

http://www.creativepro.com/article/create-the-layered-look-in-photoshop

Step 2 With a simple background like the one in this image, use the Magic Wand tool to select just the background. In the Options Bar, turn on the Contiguous option and adjust the Tolerance level as needed. Shift-click to add additional areas to the selection. Once the background is selected, choose Select> Inverse to select the subject. Press Command-J (PC: Ctrl-J) to copy the selection to a new layer. Remove the visibility of the Background layer by clicking its Eye icon in the Layers panel (Figure 2).

Figure 2 Step 3 Press Command-J (PC: Ctrl-J) four times to create four copies of the transparent-background layer (Figure 3).

Figure 3 Step 4 In the Layers palette, click on the top layer. Go to Image> Adjustments> Threshold. In

2 de 8

10/03/2008 13:23

Create the Layered Look in Photoshop | CreativePro.com

http://www.creativepro.com/article/create-the-layered-look-in-photoshop

the Threshold dialog, drag the slider under the histogram to a Threshold Level of about 30, and click OK (Figure 4).

Membership Contact

Site Map

Privacy Policy

Advertise

Terms & Conditions

Figure 4 Step 5 Remove the visibility of the top layer by clicking its Eye icon in the Layers panel. Select the second-to-top layer, and go to Image> Adjustments> Threshold again. Move the slider to a higher amount than you used in the previous step (about 60 in Figure 5).

Figure 5 Step 6 Repeat this process for the third layer from the top and move the slider to an even higher Threshold Level (90 in Figure 6).

3 de 8

10/03/2008 13:23

Create the Layered Look in Photoshop | CreativePro.com

http://www.creativepro.com/article/create-the-layered-look-in-photoshop

A Service of

Figure 6 Step 7 Repeat this process one last time for the fourth layer from the top and move the slider even higher (195 in Figure 7).

Figure 7 Step 8 Next, we'll change the color of the black in each layer: The higher layers will have darker shades of the same color that we're using. But first, we'll need to remove the white from each layer. Make the top layer the only visible layer and make it active. Select the Magic Wand tool, change its Tolerance to 0, and turn off the Contiguous option. Click on a white area in the image to select all the white (Figure 8), then press Delete (PC: Backspace) to remove the white. Repeat this for each layer.

4 de 8

10/03/2008 13:23

Create the Layered Look in Photoshop | CreativePro.com

http://www.creativepro.com/article/create-the-layered-look-in-photoshop

Figure 8 Step 9 Make the top layer visible and active. Command-click (PC: Ctrl-click) on the top layer's thumbnail in the Layers panel to select all the pixels in the layer (Figure 9).

Figure 9 Change the Background color by clicking on its swatch in the Toolbox and selecting a dark orange in the Color Picker. Press Command-Delete (PC: Ctrl-Backspace) to fill the layer with the new Background color. Step 10 Repeat the same process for the next layer, but with a slightly lighter orange color. Remove the visibility of the other layers except for the two layers already changed to see the effect so far (Figure 10).

5 de 8

10/03/2008 13:23

Create the Layered Look in Photoshop | CreativePro.com

http://www.creativepro.com/article/create-the-layered-look-in-photoshop

Figure 10 Step 11 Use this technique for the last two layers so that the four layers are each a varying shade of orange. The darker the color, the higher up the layer should be in the Layer palette's stacking order (Figure 11a).

Figure 11a The effect should result in the darker colors showing the details and the background layers being lighter (Figure 11b). This image looks like vector art but it's still technically a raster image.

6 de 8

10/03/2008 13:23

Create the Layered Look in Photoshop | CreativePro.com

http://www.creativepro.com/article/create-the-layered-look-in-photoshop

Figure 11b You can, of course, place it into Adobe Illustrator if you like and trace it. You can also merge all the colored layers and apply a Hue/Saturation adjustment layer to change the colors (Figure 11c).

Figure 11c Layers Magazine Copyright 2007 Layers Magazine.

Print Share:

Email

Comments (0)

Add to My List

Login Login to post a comment. Not a member? Sign up here Username or e-mail address:

Password:

c Remember me d e f g

Forgot your password?

7 de 8

10/03/2008 13:23