Metallic Effect Business Card Design

Now Reading
Metallic Effect Business Card Design

Metallic Effect Business Card Design

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.


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”.


Read more