Edit your photos using the tutorials from this section that deal with a wide range of tasks, from correction to effects and filters.  Home Photoshop Photo Editing Weather-Beaten Sign

Weather-Beaten Sign


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: Scott Kelby
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Weather-Beaten Sign"

Only registered users can write comment

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