Advanced Search
Keywords

Design a Grungy Door Hanger Template for a Dirty Job

This entry was posted By Cubert on Tuesday, May 11th, 2010 at 11:19 pm and is filed under Tutorials. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Today we have a tutorial that Mike Rowe would be proud of; a dirty and soiled door hanger template for the tire industry. It may come as no surprise that getting filthy on the Internet is easy to do, however we’re going to show how do it using rubbers. Why does nothing I type come out right? Before I continue to make things worse as usual, we’ll just move along to the tutorial.

You can download the Fully Inflated Door Hanger Template with full PSD and AI source in BoxedArt’s members section, as well as thousands of other website templates and web design products. Get a membership here.

Step 1: Create a New Document with a Simple Gradient

The door hanger template design requires a pretty odd canvas size, specifically, 5.5 x 13.75 inches, which strangely enough is only an average size on the Internet — my god, I am so sorry. Now we are going to fill it with a gray gradient. Go to Gradient (G) in your toolbar and select Reflected Gradient.

Then, in the gradient editor box, fill in #e1e1e1 for the foreground color, and #8d9192 for the background color.

Next, drag your gradient from the middle of the canvas to the bottom of the canvas, and you should see the below result:

Step 2: Insert a Grungy Paper and Augment it’s Style

Now we need to find a grungy paper image for the background, which are available at most stock photo websites. This is what we’ve choosen.

Drag it into your canvas, and click Control T for free transform to fit it in your canvas. Then go to Image > Adjustments > Black & White

Enter 80% in the yellows field

Then, select Hard Light on the layer blending mode

This is how it looks now:

Step 3: Insert a Tire Image with a Few Effects

This design wouldn’t be much of a tire theme if we didn’t add a tire image, so that’s what we’re about to do now.

Make a selection of the tire by selecting the tire image layer and Control Click on the thumbnail image. Then go to Select > Modify > Feather

And enter 60pixels for the feather radius

Next, create a new layer underneath your tire image and fill it with black using the Paint Bucket Tool (G)

Then, create another new layer underneath the black layer you just created. Fill it with White using the Paint Bucket Tool (G)

Now, select both black and white layers, right click on them and select Merge Layers.

Then, go to Filter > Pixelate > Color Halftone, and enter 20 pixels for all fields

Then, on select multiply on the blending mode

This is how your image looks now:

Step 4: Add Streaky, Rusty, and Dirty Colors

Now, let’s add some colors to our image. Create a new layer, go to Gradient (G), pick color #b56612, and drag your point from the top of the canvas to the middle to create a gradient like what’s shown below:

Then, go to Filter > Distort > Wave, select Square for the type of wave, wavelength: min 100, max 400, amplitude: min 5, max 500, and scale 100% for both horizontal and vertical.

Then, select Overlay for your blending mode.

This is how your image looks now:

Step 5: Add and Format Your Text Message

Now, let’s add our text in; we’re using Desperado Font which you can download from dafont.com. Type in your text and place it on top of the canvas.

 

Now, let’s a final touch to the text; go to the text layer, right click on it and select Blending Options. Then, go to Stroke and enter 7px for the size, blend mode darken, capacity 100% and color #eb871c.

This is how the final image looks.

Here’s the final result with a few added touches and cut-outs made for hanging the design on a door handle:

You can download the Fully Inflated Door Hanger Template with full PSD and AI source in BoxedArt’s members section, as well as thousands of other website templates and web design products. Get a membership here.

('DiggThis') StumbleDelicious

Comments

The layout looks stylish and simple,

I also try to make only such designs!
Great job!

Leave a Reply


  • Built2Go
  • ThemeStock
  • Stockedphotos
  • Bravenet
  • Bluehost