Easy Step-By-Step Photoshop Tutorial: Blogger Business Cards

Sometimes I feel embarrassed about saying the name of my blog out loud because it sounds kind of silly.
“You have a blog? What’s it called?”
“Couscoustangerine.” I’d whisper.
“What?”
“COUSCOUTANGERINE!” I’d say a bit louder, feeling a bit abashed.
“How do you spell that?”
Yep, this is when business cards would have come in handy. The upcoming Foodbuzz Festival (a food blogger convention) next weekend finally motivated me to get off my lazy butt and create my very own business cards. Hopefully this will eliminate disconcerted whispers and confused looks the next time I try to shamelessly pitch my blog.

Scroll down for my easy step-by-step Photoshop tutorial, including the PSD files and the font I used, to create your very own blogger business cards!

Total Time Needed: Approximately 30 mins if you’re laid-back to 1 hour if you’re a perfectionist.
Cost: $23 for 250 cards at www.vistaprint.com (color on both sides & free shipping).

Here we go!

  1. Click here to download my Photoshop file for the front/text side of the business card.
  2. Click here to download my Photoshop file for the back/logo side of the business card.
  3. Click here to download the Chalet Comprime Cologne Sixty font.
  4. Install the Chalet Comprime Cologne Sixty font.
  5. Open the Photoshop file for the front/text side of the business card.
  6. Make the “Guides” layer visible. You’ll see the a blue box (the safe margin), where everything important like icons and text should stay within, and the red box (the trim), where the card will cut off. Click again to make the “Guides” layer invisible.
  7. To change the background color of the business card:
    A. Click on the background layer.
    B. Select a foreground color.
    C. Select the paint bucket tool.
    D. Paint the background with one click.
  8. To edit the text:
    A. Click on the Type Tool.
    B. Select the text layer you want to change.
    C. Click on the text and start typing and editing. Repeat for every text layer you’d like to modify. 
  9. To change the color of the text:
    A. Keep the Text Tool selected.
    B. Click on the text layer that you want to apply the color change to.
    C. Click on the text color box at the top to select a color.
    Repeat for every text layer that you would like to apply a color change to. 
  10. Changing the color of the social media buttons:
    A. Select the social media button layer you would like to apply a color change to.
    B. Select the Paint Bucket Tool.
    C. Select a foreground color.
    D. Apply the Paint Bucket Tool to the social media button. Repeat this step for every social media button layer you would like to apply a color change to. 
  11. Make the “Guides” layer visible to make sure that all your important text and images falls within blue box (safe margin). It is OK if the text is overlapping with the box,. As long as it doesn’t stick out of the box, you should be fine.
  12. IMPORTANT: Make the “Guides” layer invisible and save your work. If you keep the “Guides” layer visible, it will be printed on your card!
  13. Open the Photoshop file for the back/logo side of the business card.
  14. Add your logo to the card by dragging and dropping it into Photoshop. It will show up as a new layer.
  15. You can center your logo by:
    A. Selecting both the “Background” Layer & “Layer1″ (Hold down the shift key to select more than one layer.
    B. Selecting the the Move Tool.
    C. Click on “Align Horizontal Centers.”
    D. Click on “Align Vertical Centers.”
  16. Make the “Guides” layer visible to make sure that all your logo falls within blue box (safe margin). It is OK if the text is overlapping with the box, as long as it doesn’t stick out of the box, you should be fine.
  17. IMPORTANT: Make the “Guides” layer invisible and save your work. If you keep the “Guides” layer visible, it will be printed on your card!
  18. Go to www.vistaprint.com, upload your designs, and order your prints.

All done!

Pretty simple right? Now you’ll look like a pro! ;)

Be Sociable, Share!

3 Responses to Easy Step-By-Step Photoshop Tutorial: Blogger Business Cards

  1. Caitlin says:

    looks great! I just made mine on moo- i’m still pretty pathetic when it comes to photoshop. can’t wait for fbfest next weekend!

  2. Awesome business cards! I totally forgot to reorder more . . . I hope I can find a few to pass out at FoodBuzz!

    • couscoustangerine says:

      Haha, hopefully I get to pass out a few this weekend or else I’m going to be stuck with 250 business cards!

Leave a Reply

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

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>