Metallic Effect Business Card Design

Metallic Effect Business Card Design
  • SumoMe

If you think your business image in business cards needs that strong and hard steel/metal style, you need to add the right color and texture elements to fully incorporate that effect on your design. In this tutorial, you will learn how to do a convincing metallic-themed business card design just by following the tips and steps listed below.


Setting up the document: Ensuring successful implementation of your design means you have to get your document ready for print and the first steps are the most crucial ones in terms of setting up your design for print. Here are the basic settings you need to key in for our business card design.

a.     Width: 96mm
b.     Height: 61mm
c.     Resolution: 300ppi
d.     Color Mode: CMYK


Next, with the document open, press CTRL+R to bring up the rulers (if they are not visible). Then drag in guidelines for all 4 sides of the business card. Count around a 3mm distance from the edge of the document. This will be your bleed area for printing.


business card shape

First we will inscribe the business card shape. Using the rounded rectangle tool, we create a rounded rectangle shape within the bounds of our bleed guidelines. To start our metallic effect, we have used a dark grey color for the shape.


Metal background

Next, we shall paste in a texture. You should be able to get lots of different metallic textures in the internet easily. For this example, we first used this metallic texture. We just pasted it over the shape first.


Business card round

Then, press and hold the CTRL key on the keyboard and then click on the thumbnail image of our rounded rectangle shape. This selects the area of that rounded rectangle. Press CTRL+SHIFT+I  to invert the selection. Then click on the metallic texture layer in the layers panel and then start erasing the excess of the texture using the eraser tool.


Business card back area

Next, press CTRL+SHIFT+I again to select the business card area back. Then press CTRL+SHIFT+N to create a new layer. With that new layer selected, add a gradient color in top of our texture. We are using these color values for the gradient. (#000000-#959595-#000000)


Then, in the layers panel, change the blend mode of our color gradient to “overlay”.


Next, we add another metallic texture layer that is different from the original one. This once also came from the same source in deviant art. Just the same as before, we paste it in, and then cut off the excess from the business card shape by using the CTRL click selection method and then inverting the selection to erase the outside areas. We position this different texture on the far left side of the design.


Shine Business card background

Like the original metal texture, we also select the area of the layer and then add a gradient color. This time we use a light gray and gray color for the gradient (#d7d7d7-#898989). We then change the blend mode of its gradient layer to overlay.


Now, double click on the texture layer. This should give you access to the layer styles for the texture layer. Just tick off the options for “Inner Shadow” and “Drop Shadow”. For the drop shadow feature, use the default settings. For the Inner shadow blending style, reduce the distance to 2px. This should give you this distinct effect.



Great! Now you can type in your main content for the design. Of course, the text tool is the tool you will need for this. Use a black color text for now.

 STEP 12

Next, we will apply several layer styles for the text layer. First, double click on the text layer and we reduce its fill to only 20%.


Next, we click on drop shadow and reduce the distance to 0px, Set the size to 2px as  well.


Then, click on “Inner Shadow” and then set the distance to 2px, and the size to 3px.


Next, click on Bevel and Emboss.  Set the style to “Outer Bevel” and the technique to  “Smooth”. Also change the depth to 60%  and the size to 5.


Finally, click on the “Gradient Overlay” option.  Set the Opacity to 20#. Then change the color gradient from a dark grey to a light grey by clicking on the gradient box. (#555555-#b7b7b7)


You should now get a nice etched effect for your text.


Just repeat the process for all the other important information you want in your main business card area. The best way to automatically apply the layer styles, is to just duplicate the text by pressing CTRL+J. Then you can easily alter the font and font size to fit your specifications.


Finally, we just add in a logo. In this example, we will be using a custom shape from Photoshop. We just inscribed an ornate shape on the left side of the design.


Then, right click on any of your text layers and select  “copy layer style” in the context menu.


Finally, paste in the layer style to the shape by right clicking on the shape layer and selecting “paste layer style”.


Great! Now you have a print-ready sleek metallic business card!

If you enjoyed this post, please consider leaving a comment or subscribing to the RSS feed to have future articles delivered to your feed reader.
Irene Thompson

Irene Thompson

Irene Thompson is a professional writer and a graphic designer. She’s been addicted to photoshop for a long time. She works at, a trusted online printing company that offers high quality business cards, catalogs, and other powerful printed marketing materials.
Irene Thompson

Latest posts by Irene Thompson (see all)

Tags: , , ,
  • Magnus Brath

    Cool, will give it a try for the new business. Hoping that with your guide even my (very) limited PS-skills will do 😉


  • Chris Berry

    Thanks for sharing this :) I am going to try this effect out and maybe even use it for my own business cards when I get some made :)


  • jane

    This is a very nice design. But i am wondering, how this can be really achieved in printing. IMHO there will less clarity after printing.


  • Brian Taylor

    Having a business card is a form of advertising and it represents trustworthiness. The above steps are really helpful on design a metallic effect business card. I wanna follow these steps to design a catchy one.. :)


  • Pingback: Tips in Tweets: Great designer resources, June 2012 - The Creative Edge()