layered look in photoshop [creativepro]
TRANSCRIPT
-
7/29/2019 Layered Look in Photoshop [CreativePro]
1/7
ate the Layered Look in Photoshop | CreativePro.com http://www.creativepro.com/article/create-the-layered-look-in-photoshop
8 10/03/2008 13:23
Home Business Fonts Graphics Hardware Photography Print Web/Mobile
View Articles By
Community
Blogs
Membership
Forums
Contributing Members
Newsletter Archive
Marketplace
Creative Essentials
Pantone Store
Trade Publications
Training Resources
Services
Printing Center
Stock Photo Search
Portfolio Showcase
PaperSpecs
Hot Stuff
The Big Picture
Magazine - FREE
Real-world solutions
to design challenges
Win a Subscription
to "InDesign
Magazine"
5 Winners Selected.
Get Creative
Videocast
New every week.
Watch what's
important to you.
Average: 4 (1 vote)Comments (0)
Related Artic les
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
Related Reading
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
Categories:Graphics, Graphics Image Editing, Illustration, Photo Image Editing, How-Tos
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.
Figure 1
Why Join? Tell a Friend Re
Subscribe to RSS Feeds Get Our
Painter How-To: From Photo to Woodc
Photoshop How-To: Paths to Enlighten
Design How-To: Turn Letters Into Logo
Posters That Stop Them On the Street
Learn Photomontage from a Pro
Get Creative Video: News for the Week2008
Scanning Around With Gene: Dymo-MiLabeling
Get Creative VIDEO: News for the Wee2008
Scanning Around with Gene: Happy BirSymbol!
Get Creative VIDEO: News for the Wee2008
Dreamweaver: Dreanweaver widget - s
Fonts and Typesetting: Type and Typo
Other Software: Adobe LiveMotion
Photoshop: Photoshop TroubleshootinWebsites
About the New Site: Comments on the
Search CreativePro Here
Topic
Date
Kind of Article
Product or Company
CreativePro Author
Creative Essentials
Head First HTML withCSS & XHTMLEric Freeman, Elis...New $26.39Best $21.90
Privacy Information
-
7/29/2019 Layered Look in Photoshop [CreativePro]
2/7
ate the Layered Look in Photoshop | CreativePro.com http://www.creativepro.com/article/create-the-layered-look-in-photoshop
8 10/03/2008 13:23
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
-
7/29/2019 Layered Look in Photoshop [CreativePro]
3/7
ate the Layered Look in Photoshop | CreativePro.com http://www.creativepro.com/article/create-the-layered-look-in-photoshop
8 10/03/2008 13:23
the Threshold dialog, drag the slider under the histogram to a Threshold Level of about
30, and click OK (Figure 4).
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).
Membership Site Map Privacy Policy Advertise Terms & Conditions
Contact
-
7/29/2019 Layered Look in Photoshop [CreativePro]
4/7
ate the Layered Look in Photoshop | CreativePro.com http://www.creativepro.com/article/create-the-layered-look-in-photoshop
8 10/03/2008 13:23
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.
A Service of
-
7/29/2019 Layered Look in Photoshop [CreativePro]
5/7
ate the Layered Look in Photoshop | CreativePro.com http://www.creativepro.com/article/create-the-layered-look-in-photoshop
8 10/03/2008 13:23
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).
-
7/29/2019 Layered Look in Photoshop [CreativePro]
6/7
ate the Layered Look in Photoshop | CreativePro.com http://www.creativepro.com/article/create-the-layered-look-in-photoshop
8 10/03/2008 13:23
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.
-
7/29/2019 Layered Look in Photoshop [CreativePro]
7/7
ate the Layered Look in Photoshop | CreativePro.com http://www.creativepro.com/article/create-the-layered-look-in-photoshop
Print Email Comments (0) Add to My List
Share:
Forgot your password?
Figure 11b
You can, of course, place it into Adobe Illustrator if you like and trace it. You can alsomerge 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.
Login
Login to post a comment. Not a member? Sign up here
Username or e-mail address:
Password:
gfedc Remember me