Create a Business Card in Illustrator and Print it with UPrinting

May 21st in Designing by Collis Ta'eed

Business cards are one of the staples of any working graphic designer. In this tutorial we'll take the Rockable Press brand we worked through in Part 1 of this set of tutorials and apply it to create and print business cards with UPrinting.

PG

Author: Collis Ta'eed

Hello! I'm a web and graphic designer who loves blogging, startups and everything about the web. You can find me on Twitter and I blog at The Netsetter

Business Cards - Step 1

As we'll be doing tomorrow in the upcoming Brochure tutorial we'll begin by going to the printer that we're going to be using to get our item specs.

So we head over to UPrinting and click on Business Cards and decide on the following specifications:

  1. Size: 2" x 3.5"
  2. Stock: 14pt Cover Matte
  3. Color: 4 Color Both Sides
Colours

Step 2

Next we need to find and download the appropriate template. We're going to be making these business cards in Illustrator, so go to Templates and then click on Adobe Illustrator and then on Business Card Templates and choose the 3.5" x 2" horizontal template.

Colours

Step 3

Opening up the template in Illustrator reveals it to be a three layer file. On the bottom layer are the instructions and on the top are guides. The middle layer is where you place your artwork. If you check the Document Setup you will find the file is 3.75" x 2.25". The extra space is for our bleed area and you can see it in the template file as the greyed out area.

Additionally you should note the Safe Zone which is where our artwork needs to stay inside of to ensure it all gets printed properly.

Colours

Step 4

Now we add our artwork. These business cards are going to be really simple, on one side we'll keep them plain white with the Rockable logo and URL. On the other side we'll make them black and put the card holder's name (me!) written using the same styling as we used on our book covers. And then on the black side we'll add some details.

There aren't too many choices to make because our styleguide from the previous tutorial has determined the colour specifications, font choices and general style. One note with font sizes, it's generally not a good idea to get any smaller than 7pt as it can get a bit unreadable. If you're unsure just run a test print on your local printer and decide if everything looks legible.

So to add the artwork just click on the middle layer on the template file and add your items there. I added a second middle layer so that the first one contains the white side of the card and the second contains the black side.

Colours
Colours
Colours

Step 5

At this point it's worth creating outlines of all our text before we make PDFs just in case something needs to be edited. So just select everything on the two layers and go to Type > Create Outlines.

Colours

Step 6

Back at UPrinting, we scroll down the Business Cards page (with the appropriate settings in from earlier) and click Order. The site asks for a back and front which we upload.

Colours

Step 7

Be sure to click on the Zoom link to see a preview of the artwork and just to confirm that it all looks OK. You'll notice that the faint grey text appears to have vanished. Actually later the prepress team wrote to say they didn't think it would appear. But I went ahead anyway and it did come through (happy days!)

Colours

Printed!

And here we are with the cards printed and delivered! And I should give a shout out to Scott Wills who took these awesome photos for me!

Colours
Colours
Colours

In the next tutorial in this series we'll put together a quick'n'dirty letterhead using MS Word.

Graphic Design Week

To celebrate the launch of GraphicRiver's new Print Design Templates category we're putting on a whole week of graphic design tutorials on both Psdtuts+ and Vectortuts+. The new category means you can now sell your design work to make extra cash On the flip side if you're coming up short on inspiration, you can get a kickstart by grabbing a Photoshop, Illustrator or InDesign template via GraphicRiver. So to give the new category the launch it deserves, all this week we'll be bringing you articles and tutorials just like this one, on graphic design as part of our Tuts+ Graphic Design Week.

Enjoy this Post?

We'd love your vote!

Plus Members

Source Files, Bonus Tutorials and
More for $9 a month for all TUTS+
sites in one subscription.

Join Now

User Comments

( ADD YOURS )
  1. PG

    Rasmus May 21st

    Graphic design week is pretty much just advertising for some stock vector sites, and a few American printers, huh?

    ( Reply )
    1. PG

      Kenneth May 21st

      Funny, I just had the same thought..

      ( Reply )
    2. PG

      Robert May 21st

      I’m glad some others have noticed this. I think I’ll visit back next week when we stop getting ‘tutorials’ that involve paying for services through Envato and using random online printers.

      Why not build a relationship with a local printing business and help your local economy…

      ( Reply )
      1. PG

        Justin Wohler May 21st

        I think the tutorials are decent and honestly i think kinkos printing is great and cheap if not cheaper then all of these online printing places.

      2. PG

        Robert May 22nd

        @ Justin: I guess I’m biased as I work for a Print Company :D

        But Kinkos… maybe better than some of these online companies; but never better than a ‘real’ print company. Even Staples is better than Kinkos, and let’s face it… they sell office supplies; they aren’t even remotely focused on printing.

      3. PG

        demogar May 23rd

        I think its a great idea cuz I was thinking on using UPrinting services and now I know how to work with them easily.

        Also, I think that this FREE Tutorials are great and I think its a good idea to make some advertising for this services because we have two options:
        1) pay for the tut
        2) let some companies to support the tuts.

        I’m going with the 2nd one.

    3. PG

      Denny May 21st

      Could not have said it any better…

      ( Reply )
    4. PG

      Boyd May 21st

      Shopping local is win win for the economy! Flying or driving business cards all around the globe is bad for the environment! Always check consumer reports before aligning your business with another business.

      ( Reply )
      1. PG

        James May 22nd

        Even if you buy from a local printer, the work will often by farmed out to a large commercial operation and shipped back for you to pick up. This is especially true if you live outside of a major metropolitan area. The exception to this is letterpress and other specialty printing, which is often done in-house.

  2. PG

    imsraaia May 21st

    nice… design…

    ( Reply )
  3. PG

    Imran May 21st

    nice visualization.

    ( Reply )
  4. PG

    Kevon Garcia May 21st

    WOW this is nice!!! Is it just me or does the site that links to the templates for the 3.5 by 2 prints template don’t work??? anyone have this problem?

    ( Reply )
    1. PG

      Pesh June 2nd

      It has to do with Flash or Java or something. It didn’t work for me because I was using Mozilla Firefox as my default browser. Once I opened it with Internet Explorer, the links worked fine. Maybe Firefox needs an update. Hope that helps you.

      ( Reply )
  5. PG

    Diego SA May 21st

    Cool!

    ( Reply )
  6. PG

    Sam May 21st

    Very helpful! I didn’t realize they had those setup guides. I would feel much better knowing the trim line etc. on my design.

    ( Reply )
  7. PG

    Mikah Sargent May 21st

    Many people seem to be looking past the whole point of these articles. I really enjoy the simple tutorial on the card, and with the reputation that Uprinting has (and the recent giveaway I won), this information has proved to be a necessity. Thanks Collis!

    ( Reply )
  8. PG

    Barry May 22nd

    I hate people that complain about a free tutorial. If you don’t like it, fine, but please stfu. I don’t like beef, but I’m not gonna go to McDonald’s and bitch about it.

    Geez, the internet creates pansies by the minute.

    Anyway, great tutorial. I need to make a business card and printing them online would be cool.

    ( Reply )
  9. PG

    Jared May 22nd

    Nicely put Barry. It’s a good tut and free so lets stop with the bashing. I think we all have respect for Collis and what he’s done for the freelance and design world on the web…at least I’ll give my appreciation for it. Thanks Collis!

    ( Reply )
  10. PG

    Baz May 22nd

    Great tut, do UPrinting ship to Australia?

    ( Reply )
    1. PG

      Josh Michielsen May 25th

      Yes, Im guessing they do as Collis and his wife are Sydney Folk. Might have to try em out and see if they ship to Perth.

      ( Reply )
  11. PG

    Josh May 23rd

    Quite funny that people are hating on these articles yet they offer some info that is not readily available on this site.

    ( Reply )
  12. PG

    socheat May 25th

    I like all your design vectors

    ( Reply )
  13. PG

    Renzo May 26th

    That is a handsome business card. We need more design tutorials on prepping artwork for press.

    ( Reply )
  14. PG

    huwaw69 May 27th

    nice! very nice!

    ( Reply )
  15. PG

    rob May 27th

    i think it’s silly that because it’s a free article people can’t complain.

    i mean if they are offering something, they should do it as best as they can, when does free means lousy or bad or incomplete?

    and if they needed money they should make this a Plus tutorial….

    ( Reply )
  16. PG

    Andy Feliciotti October 2nd

    Awesome article, I didn’t realize business cards can be printed so cheaply

    ( Reply )
  17. PG

    Oggy October 9th

    Such a useful post. Thanks very much! Been wanting to make some business cards for a while, and this has made me want to do it even more :D

    ( Reply )
  18. PG

    WebMarketer October 26th

    What CMYK color combination did you use to create the rich black background of your business card?

    Great looking card!

    ( Reply )
  1. Arrow
    Gravatar

    Your Name
    October 26th