website promotion banner
eturnkeys
Your Ad Here
Photoshop  Home Photoshop Photo Editing Weather-Beaten Sign
rss

Weather-Beaten Sign

Author: Scott Kelby More by this author


In this technique we'll show how to take a crisp, clean vector image, place it onto an old weatherbeaten
surface, and make it appear as if it had been there for years. While we've seen different
variations on this technique before, we'll put our own "down & dirty" spin on it.

image 1

STEP 1

You'll need two images for this technique: a sign, poster, or image that you want to appear old and weathered and an old building or wall that contains some texture (wood planks, bricks, etc.).

Click to enlarge
Click to enlarge

STEP 2

Open both images. Choose the Move tool (V) from the Toolbox, then click-and-drag the sign onto the image of the old building. Press Command-T (PC: Control-T) to bring up Free Transform and resize and reposition as needed. Press Return or Enter to apply the transformation.

Click to enlarge
Click to enlarge

STEP 3

Choose the Rectangular Marquee tool (M) from the Toolbox. Make a horizontal selection over one area where the wood planks meet (see example). Hold the Shift key and drag over other sets of wood planks, to add multiple selections as shown.

image 4

STEP 4

Choose Select>Feather to bring up the Feather Selection dialog, enter 2 pixels, and click OK.

Click to enlarge
Click to enlarge

STEP 5

Press Command-L (PC: Control-L) to bring up the Levels dialog. Move the Highlight Output slider (the white one at lower right) toward the left to darken the selected areas. Click OK to close the dialog and then press Command-D (PC: Control-D) to deselect.

Click to enlarge
Click to enlarge

STEP 6

Change the layer Blend Mode (of the sign layer) to Overlay and lower the Opacity to 85%.

Click to enlarge
Click to enlarge

STEP 7

Choose the Eraser tool (E) from the Toolbox. Click on the Brush picker up in the Options Bar and choose Spatter 39 pixels. Lower the brush Opacity (in the Options Bar) to 20%. Now, erase away areas from the sign to give the illusion of that weatherbeaten, wear-and-tear look. Note: You defi nitely want to erase some of the edges but don't forget to erase some larger areas on the inside of the sign, especially over some of the text area. Follow the existing wear spot of the original building image as a guide.

image 8
Before

Weather-Beaten Sign Tutorial: Final Result
After

Scott Kelby is co-founder and editor-in-chief of Layers magazine, editor of Photoshop User magazine, and president of the National Association of Photoshop Professionals. He is also author of the bestselling books The Photoshop CS2 Book for Digital Photographers and Photoshop CS Down & Dirty Tricks.

Courtesy of Layers magazine.



About the Author:

Editor-in-Chief of Photoshop User Magazine, Editor-in-Chief of Mac Design Magazine; Editor-in-Chief of Nikon Capture User magazine, training director and instructor for the Adobe Photoshop Seminar Tour, President National Association of Photoshop Professionals, author of a string of bestselling books. Created new Photoshop Help Plug-in called "Kelby's Notes for Adobe Photoshop. Conference Technical Chair for PhotoshopWorld (the annual convention for Photoshop users), created half a dozen Photoshop training DVDs.

Author's URL: layersmagazine.com

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Read/Add comments to "Weather-Beaten Sign"

comments  anindya March 04, 2006 says:
Weather-Beaten Sign
Very Happy Kelby makes me nostalgic: I remember old-fashioned fonts I saw in Bengali mags when I was a child.