Tutorial: Grungy Business Card

Posted: June 27, 2010 by xlr83r in Tutorials, Uncategorized

TutorialRunning out of ideas? Here’s a
good one; a business card with a

cautioning pattern. It’s
relatively easy; give
it a try. Here’s the final result:


Things you’ll need:

Infinity Brush Set; get it from here

Grunge texture/Coffee Stains; get it from here

Optionally, you can merge the texture with any other grunge texture; I used this one.

Step 1

First of all, you obviously open up Photoshop and start a new document.

Paste in one, or both, of your grunge textures and create a new layer with a black background.

Step 2

Move the black layer to the top, and reduce it’s opacity to around 87%.

Step 3

Select a nice golden-yellow, like #ffaf04, use the brush from the Infinity Brush set across the screen. It doesn’t have to be in place, as long as it’s big. Make sure you do this on a new layer above the rest.

Then, as it’s on a new layer, rotate it so it’s horizontal, by pressing Ctrl + T to turn on Free Transform. After that, move it down to the bottom of the screen.

Some of the pattern may be missing in the corner, so we can fix it by duplicating the layer, (right-click -> duplicate layer) and moving it to the left or right. Remember to merge the pattern after fixing the missing spots.

Step 4

Add your text.

Step 5

Now we add the grunge effect to the cautious pattern. Duplicate the grunge layer (right click -> duplicate layer) and move it to the top. Then change the layer mode to Overlay.

And there you have it!


Get the JPEG here.

Get the PSD here.

Alternatively, you can download the files from the downloads widget in the sidebar.

Advertisements
Comments
  1. […] Grungy Business Card Another variation of the grunge design is explained in this guide. The image preview and PSD file are free to download. […]

  2. […] Grungy Business Card Another variation of the grunge design is explained in this guide. The image preview and PSD file are free to download. […]

  3. […] Grungy Business Card Another variation of the grunge design is explained in this guide. The image preview and PSD file are free to download. […]

  4. […] Grungy Business Card Another variation of the grunge design is explained in this guide. The image preview and PSD file are free to download. […]

  5. […] Grungy Business Card Another variation of the grunge design is explained in this guide. The image preview and PSD file are free to download. […]

  6. […] Grungy Business Card Another variation of the grunge design is explained in this guide. The image preview and PSD file are free to download. […]

  7. […] Grungy Business Card Another variation of the grunge design is explained in this guide. The image preview and PSD file are free to download. […]

  8. […] Grungy Business Card Another variation of the grunge design is explained in this guide. The image preview and PSD file are free to download. […]

  9. […] Grungy Business Card Another variation of the grunge design is explained in this guide. The image preview and PSD file are free to download. […]

  10. […] Grungy Business Card Another variation of the grunge design is explained in this guide. The image preview and PSD file are free to download. […]

  11. […] Grungy Business Card Another variation of the grunge design is explained in this guide. The image preview and PSD file are free to download. […]

  12. […] Grungy Business Card Another variation of the grunge design is explained in this guide. The image preview and PSD file are free to download. […]

  13. […] Grungy Business Card Another variation of the grunge design is explained in this guide. The image preview and PSD file are free to download. […]

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s