Jun 06

Business Card Design Walkthrough

Author: Jan Cavan, Category: Articles, Tutorials

Business Card Design Process Walkthrough

Several months ago, Dawghouse Design Studio held a custom-designed business card giveaway to its readers. Our lucky winner was Greg Pettit of Monkey House, his personal blog about parenthood and family. In this post, I will be giving you a walkthrough on the entire business card design process that I did for them.

Business Card Design Process Walkthrough

Business Card Design Process Walkthrough

Monkey House needed something to brand themselves. Of course, when I thought of initial concepts, I could only think of a monkey illustration. Greg provided me with a couple of monkey head illustrations that he liked and from there, it was fairly easy to understand what he was looking for.

Below you can find the original monkey head sketches that I did. It took me only a few sketches before I came up with something that I really liked.

Business Card Design Process Walkthrough

I scanned the sketch, imported it in Illustrator, traced and did the coloring.

Business Card Design Process Walkthrough

Now to create the actual business card, I created a new document in Illustrator with dimensions 3.625 x 2.125 inches. Since this artwork was set for printing, the color mode of the document was set to CMYK.

Business Card Design Process Walkthrough

The next step was to add the bleed. A bleed is a term in printing that refers to what goes beyong the edge of the document after trimming. The entire artwork should exceed the bleed area so that when the document is trimmed, no thin white areas will be shown. AllBusinessCards, the printing company, required a bleed of 0.125 inch on all four sides leaving the finished business card size to 3.5 x 2 inches.

Business Card Design Process Walkthrough

Now for the design of the business card, I played around with a few ideas before settling for something both Greg and I liked.

On the document, I drew a rectangle using the Rectangle Tool (M) without a border and with a fill of Pantone® color 4975 C. I thought that with a darker background, this would emphasize the monkey illustration more.

Business Card Design Process Walkthrough

I imported the monkey illustration onto the new document and just played around with it. Somewhere along the way, I decided that three monkeys may be better than one, did a little more playing around until I ended up with below.

Business Card Design Process Walkthrough

For the Monkey House typeface, I wanted something that looked playful to match the monkeys yet legible and bold. After a few searches and trials, I finally settled with using Berlin Sans FB Demi.

Business Card Design Process Walkthrough

The last step before sending the final file off to the printer was to convert the text to outlines (Type > Create Outlines). This ensures that the exact same typefaces are used just in case the printing house doesn’t have them.

Business Card Design Process Walkthrough

After a few weeks, the business cards arrived and the final output was exactly how we both wanted it to be. We’re happy of how it turned out!

Business Card Design Process Walkthrough

Enjoyed this post? Subscribe to our RSS Feed to stay up to date with our latest tutorials, freebies and more design resources!

Author

Jan Cavan is a web and graphic designer, illustrator, blogger, geek, the girl behind Dawghouse Design Studio and a breakdancer wannabe. If you would like to connect with her, follow her on Twitter and join her on Facebook

Comments

iLovePurple (June 7th, 2010 @ 10:05 am)

Great walkthrough! The monkeys are very cute!

joyceyjoyce (June 8th, 2010 @ 5:25 am)

i agree with ilovepurple. the monkeys look too cute. thanks for sharing this tut

nur shuhada (June 8th, 2010 @ 9:24 am)

hey there, just curious how did you trace the drawing and fill the color? Did you use Illustrator or plus other software on the market? I may sounds like a noob coz i’m a noob.teehee.just started to learn a few photoshop technique here N there.

aziq (June 8th, 2010 @ 12:12 pm)

nice monkey.looks cool.

Jan Cavan (June 8th, 2010 @ 12:14 pm)

@nur shuhada: For tracing the sketched monkey, I actually used the Pen Tool (P) in Illustrator. The monkey did not have any outlines so I disabled the stroke from the toolbar but made sure there was a fill color.

Hope this helps! Let me know if you have any questions.

james (June 8th, 2010 @ 2:51 pm)

Nice cards, did you guys print them as well?

nur shuhada (June 9th, 2010 @ 7:19 am)

thanks! nice tut btw.

Jan Cavan (June 9th, 2010 @ 1:43 pm)

@james: Allbusinesscards.com did the printing for us :)

Thanks for all your comments everyone! :D

Hilda B (June 11th, 2010 @ 6:06 pm)

I love the facial expression on your monkey

Mondo Print Louisville (June 16th, 2010 @ 1:06 pm)

Wow. Great tutorial! If you are in need of a good printing company that is very affordable, check out http://www.MondoPrint.com

Vik (July 2nd, 2010 @ 2:01 pm)

Cool design

Sarah (July 12th, 2010 @ 1:37 pm)

This is great. I love the monkey design. Illustrator is really useful for designing business cards.

Neo (July 26th, 2010 @ 3:31 pm)

Thanks Jan. I like the way the monkeys peek out and that you were able to add a playful nature to the design. Banana….anyone?

MCSE (August 27th, 2010 @ 5:56 am)

lovely business cards

love to your post
thanks

Leave A Reply

PSD to XHTML
Jan

Hello there!

My name is Jan Cavan and this is my online portfolio, visual playground and testing ground...

Get to know me moreArrow
Follow Me On Twitter

Twitter Updates

Categories

Have something interesting to share to the design community? Check out our Community News section or Submit Your News here!