It has been a long while since I have done a tutorial on this website, most of the time I post them on Great Designs. But for a change I am going to post it here.
There is a lot of thought going into business cards, and some companies spend a lot of money designing and producing business cards.
"The business card... is kind of an extension of yourself. It's a little bit of giving yourself to someone else."
— Ken Erdman, founder of the Business Card Museum, Erenheim, PA
To make your card as good as possible, this tutorial will lead you through the steps.
The first step is to set up your business card so it is the correct size. The most common is 85 x 53 millimeters, you can change this to what ever size you want or need. The screen shot (as with all the screen shots) can be clicked on to see the full version. Although this was done with a Mac, on Photoshop. It can be achieved with any kind of graphical design software on any platform.
Remember to suitably name and save you card, before you begin.
Add some text to the page, below I used Trebuchet MS, all though you could use any font you want, just make it so you can read it.
I changed the spacing and layout of the font, as the characters and text was closer to together, this looked a lot better as it was more compact and fitted better onto the page.
Change the colour of the main font. It wants to be a colour which you like and use, and a colour scheme which can run through out the business card. It does not look good if you have 4 or 5 contrasting colours on your card.
I used colour #9fc9eb a light coloured blue, which I thourght was fitting for my business card.
Add some extra information, such as company, address, telephone number or website. The main title is in black with the extra text in grey.
I was originally going to add my address, but I didn't want this parading around on the internet. So I added some text about my blog that I made up.
One of the defining points about the modern day internet is the bevel and text reflection. This little addition would bring the card more to life.
By adding a drop shadow by double clicking the layer in Photoshop, a bevel / highlight can be added. A shadow was not used as it didn't look right on the text. Customize the levels and features as you deem necessary.
Step 6 )
This step was for the text reflection where the text is copied and flipped underneath the existing text. Simply create a new layer add the text and flip vertically ( or horizontally I can never remember which.)
The next step is to add a layer mask and subsequently a gradient to remove the bits of text we don't need. Again, mes around with the values to create an effect you want.
The opacity of the layer mask is lower than 100% so it doesn't stand out to much. The final card is shown at the end.
Step 8 )
The next step is to create the back of the card. Most people don't like information on the back because they can't write on it. I don't plan to hand these out any time soon, so i'm going to go a head with adding some text, you can change it as you see fit.
This is known as a text or tag cloud. This uses the same font as the text for the name on the front of the card. The colour is again the same used.
Once you have added some text that best sums up you or your company, change the size in relation to its importance.
Arrange the words and scale as necessary to gain a good looking result.
Flatten and export. You now have a cool Web 2.0 looking business card.
Please leave a comment with your creations.
If you want to download the .PSD files to use please go here.