Home / Tutorials / Photoshop / Drawing / Basic & Simple Business Card for Beginners

Basic & Simple Business Card for Beginners

In this tutorial I’m going to teach you how to make a professional looking business card if you are new to Graphic Design field and wanted to make a business card. I hope you enjoy it and possibly learn a few new things. Let’s begin.

1: First open up Photoshop and create a new image file with dimensions 850px x 640px. Keep the canvas white and create a new layer. On the new layer use the Rectangular Marquee Tool to create a rectangle in the center of the canvas. Go into its Blending Options and give the rectangle a Gradient Overlay from color #2b2b2b to color #212121, and set the angle to 90 degrees. Also, give the rectangle a Stroke with color #131212 and set it to 4px outside.

You will get something like this:

2: Now create another new layer after the rectangle layer, and click on the Text Tool (Horizontal Type Tool) . Change the font to Webdings, click somewhere on the canvas and type a lowecase “f”. Set the font size to 609.95pt, set the color of the “f” to #444444, and rotate it so it looks like the picture below. Then finally set the Blend Mode to Color Dodge.

Rasterise this layer and hold Ctrl key and click on the previous rectangle layer’s thumbnail in layer panel, it will bring marquee around, now press Ctrl+Shift+I to inverse selection and hit delete key.

3: We’ll go ahead and create the placeholder for where the company name (or title of some sort) will go on the business cards. So create a long rectangle at the top of the card using the Rectangular Marquee Tool, right click when you’ve made it and click on “Fill”, and set the fill color to #2b6b74. Then in its Blending Options, click on Stroke and set the color to #cad5d7, with 1px on the outside. Then, zoom in by clicking “z” on your keyboard and left clicking on the canvas somewhere.

Now create a new layer and click on the Polygonal Lasso Tool and create a triangle as shown in the pictures below, but MAKE SURE YOU CREATE THIS TRIANGLE ON A NEW LAYER. When the triangle is made, right click and select “Fill”, and set its color to #21484e. Then finally go into the triangles Blending Options and set the Inner Shadow to: Opacity = 35%, Distance = 5, Choke = 0, Size = 5, and set the angle to 56 degrees. Then when the triangle is complete and looks like the one in the pictures below, right click on the triangle layer and click “Duplicate Layer”. Then with the duplicated triangle selected go to edit at the top menu and go to Transform > Flip Horizontal. Then align it in the same place as the first triangle, just on the other side.

4: Make a new layer above the blue header layer and select the brush tool, then make circles of the color #b1d839 (or any color really) on top the header at any random sizes. Then erase the parts of the circles that go outside of the blue header until you have something that looks like the picture below. Then set the Blend Mode to Screen and set the opacity to somewhere around 6%.

5: Create a new layer now, and select the Text Tool. Type the name of your company, or business, or any title you want to be at the top of the card. For the word “Stunning” in the title, I used the font “Franklin Gothic Demi” (with color #aad622), and for the word “Mesh” I used the font “Franklin Gothic Book” (with color #ffffff). You’re free to use any fonts or colors you want though!

6: Create a new layer after the title text, and using the Rectangular Marquee Tool, create a box the about the size in the picture below. Then right click and select “Fill” and set the color to #b1d839. Then go into the rectangles Blending Options, and: Set the Drop Shadow to 4%, Angle = 56, Distance = 5, Spread = 0, and Size = 5. Set Bevel and Emboss and the Stroke to what it shows in the pictures below.

When the first rectangle is complete, duplicate the layer and cut the size of it by half, and move it up. Then do the same thing one more time to get a total of three rectangles, as shown below.

7: Add in some text now on the business card. I added in my name and my job position. The font I used was “Franklin Gothic Demi” and I used the colors #fffffe and #c88f23.

Then add in your phone number and email at the bottom of the card with a straight white line right above those two things. You can also add in a small statement of what you or your company does. In this case I wrote “Graphic Design & Photography” just as an example. Put this statement towards the right side just above the line at the bottom.

8: Finally, for the last step let’s add a logo on the right side of the card, just beside the company name. So for this logo, create a new layer and select the Text Tool. Choose the font “Webdings”, click somewhere on the canvas, and type the lowercase letter “z”. Go into the letter’s Blending Options, and set the Drop Shadow and Stroke as to what’s shown in the pictures below.

Move the logo to the top right to get the final result!

Conclusion: Well, I hope you enjoyed reading this tutorial and taking part of it. That’s all for the business card tutorial!

About Daniel Borowski

A professional freelance web developer/designer, skilled in Web/Graphic Design, Programming, 3D Animation, Game Design & Photoshop. I love what I do.

Check Also

Fried Egg Design in Photoshop

This Photoshop Tutorial will teach you some basic tools and commands of Photoshop. This Photoshop …

10 comments

  1. This is a new inspiration for the lovers of photoshop. It was incredible. thanks for sharing. do not forget your visit to my blog to give me a critique and commentary. I am happy to exchange information and knowledge with you. success for you. by: renra cikatos

  2. This is a really nice tutorial. I love how mine turned out.

  3. Mark is so right. I have been doing printing for 28 years and if you design a card with this complex shapes that have to be die cut then you are going to pay a small fortune for them, also don’t add elements to it just to be putting things on the card, ask yourself why am I putting this here. I thought this was going to be a card for a fire dept until I saw the text the logo added doesn’t go with the fire truck. also if your going to design invest in illustrator and photoshop indesign is good to (for laying out not designing).
    But on a side not I like the colors and graphics

  4. I’m curious to find out what blog platform you have been working with? I’m having some minor security issues with my latest website and I would like to find something more secure. Do you have any recommendations?

  5. Free seo tools that rock tons of traffic

    Hi are using WordPress for your site platform? I’m new to the blog world but I’m trying to get started and create my own. Do you need any html coding knowledge to make your own blog? Any help would be greatly appreciated!

  6. Thanks for the tut! Its great!! @mark talking about simple…you should be simple too! Your tips are great, but even at your writing simpleness is not part of you.

    Keep sharing!! Thanks!!

  7. I think these tips help to make good cards even if you are an amateur…

  8. 1. Don’t create your business card in pixels, use real dimensions and a vector based software, like Corel Draw or Illustrator. If you are going to use Photoshop, at least use a high resolution.

    2. Use CMYK colors, the thing is gonna be printed, RGB/HEX is for digital screen.

    3. Only use gradients if you know how to use gradients, both on screen and on paper. Usually, it sucks.

    4. If you’re going to use transparency, make sure that it looks okay on paper. Those useless transparent circles are too transparent and probably won’t show up on paper.

    5. Be careful with your text/graphic near the edges. You don’t always get a good cut on 100% of the cards.

    6. For the love of God, if you are doing a BASIC and SIMPLE business card, don’t make a custom card shape, like this one. Go for a SIMPLE RECTANGLE.

  1. Pingback: 200+ Fresh Articles From the Web Design and Development Community | good favorite

Leave a Reply

Your email address will not be published. Required fields are marked *

%d bloggers like this: