PSD Tutorial: Design A Vividly Grunge Business Card Template
In this tutorial, we'll be designing a business card using a template from OvernightPrints. Business cards are a visual interpretation of your whole business front, so they must reflect exactly how you want the client to look at you. It's all about target audience. We'll be creating something vivid and exciting so that we can appeal to the more creative types. The text uses a very cool Bleeding Cowboys font, which is layered on top of a custom-made background (I created a metal texture). Remember, business cards are tiny, so you won't have very much of space to work with.
If you don't have Adobe Photoshop, or you would like to upgrade to the new CS5.5 Version, take a look at the Adobe Special Offers from the online Adobe Store. If you're new to Photoshop, we have some beginner tutorials and basic tips coming very soon for some of the lesser established designers.
If you don't have Adobe Photoshop, or you would like to upgrade to the new CS5.5 Version, take a look at the Adobe Special Offers from the online Adobe Store. If you're new to Photoshop, we have some beginner tutorials and basic tips coming very soon for some of the lesser established designers.
Download Photoshop (PSD) File
Download 1st Grunge (Scratched) Texture
Download 2nd Grunge (Metal) Texture
Download Bleeding Cowboys Font
Photoshop Tutorial Step 1: Designing The Metal Textured Grunge Background
1.1. Download a business card template from here.
1.2. Fill (G) an entire layer as the background with whatever colour you desire.
1.3. Add a Layer » Layer Style » Inner Shadow with 100% Opacity, 0px Distance, 0% Choke and 50px Size.
1.4. Paste in the 1st Grunge (Scratched) Texture and Edit » Transform » Scale it to document size.
1.5. Alter the Blending Mode to Darken.
1.6. With Image » Adjustments » Hue/Saturation, make the Saturation the lowest it can go.
1.7. And then with Image » Adjustments » Brightness/Contrast, make the Brightness -20.
1.2. Fill (G) an entire layer as the background with whatever colour you desire.
1.3. Add a Layer » Layer Style » Inner Shadow with 100% Opacity, 0px Distance, 0% Choke and 50px Size.
1.4. Paste in the 1st Grunge (Scratched) Texture and Edit » Transform » Scale it to document size.
1.5. Alter the Blending Mode to Darken.
1.6. With Image » Adjustments » Hue/Saturation, make the Saturation the lowest it can go.
1.7. And then with Image » Adjustments » Brightness/Contrast, make the Brightness -20.
Photoshop Tutorial Step 2: Photoshopping The Font Into An Elegant Typeface
2.1. With the Type Tool, type out the desired text. In this example I'm just going to include the company name.
2.2. Decide on an appropiate font size and use the Bleeding Cowboys grunge font.
2.3. Add a Layer » Layer Style » Drop Shadow with 100% Opacity, 0px Distance, 0% Spread and 15px Size.
2.4. From Layer » Layer Style » Gradient Color, choose the red and orange fade from Color Harmonies 2.
2.5. Alter the Blending Mode to Hard Light and Opacity to 95%. Change the overall Blending Mode of the layer to Soft Light.
2.6. Duplicate (Ctrl + J) and remove all it's styles. Add a white Layer » Layer Style » Outer Glow with the Size to it's maximum.
2.2. Decide on an appropiate font size and use the Bleeding Cowboys grunge font.
2.3. Add a Layer » Layer Style » Drop Shadow with 100% Opacity, 0px Distance, 0% Spread and 15px Size.
2.4. From Layer » Layer Style » Gradient Color, choose the red and orange fade from Color Harmonies 2.
2.5. Alter the Blending Mode to Hard Light and Opacity to 95%. Change the overall Blending Mode of the layer to Soft Light.
2.6. Duplicate (Ctrl + J) and remove all it's styles. Add a white Layer » Layer Style » Outer Glow with the Size to it's maximum.
Photoshop Tutorial Step 3: Finalising The Grunge And Metal Effect
3.1. Paste in the 2nd Grunge (Metal) Texture and change the blending mode to Soft Light.
3.2. Repeat the same things we did to the other background (Scale & Saturation, ect).
3.3. Duplicate twice and make the last one have an Opacity of 50%.
3.4. I've also included a variation where I used a different textured background.
3.2. Repeat the same things we did to the other background (Scale & Saturation, ect).
3.3. Duplicate twice and make the last one have an Opacity of 50%.
3.4. I've also included a variation where I used a different textured background.
Photoshop Tutorial Step 4: Experimentation Of The Vivid Background
4.1. So as I explained before, the background can be custom and created with various textures.
4.2. Below is an alternative version that I created and actually like better. See how experimentation works?
4.3. We'd love to see what you can come up with: maybe you can intensify the effect, or create something else entirely.
4.2. Below is an alternative version that I created and actually like better. See how experimentation works?
4.3. We'd love to see what you can come up with: maybe you can intensify the effect, or create something else entirely.
