How To Design Custom Business Cards For Your Blog

This post may contain affiliate links. Please read my full disclosure policy here. As an Amazon Associate, I earn from qualifying purchases.

Now that I’m turning my blog into more of a business and less of a hobby, I need business cards. Okay, well maybe I don’t need them, but they are pretty helpful when you want to share your blog with someone you meet in real life, say at a blogging conference or your mommy group.

If you're thinking of turning your blog into a business, you'll need blog business cards. Here is how to make your own using Photoshop Elements! | Tips for new bloggers | Blogging tips | Mompreneur | WAHM | Mom Makes Joy

I made some business cards for my blog and I was pretty pleased with how they turned out. So today, I wanted to share with you a tutorial on how YOU can design custom business cards of your own using Photoshop Elements!

BLOG BUSINESS CARDS: THE TUTORIAL

First, you’re going to want to find a card template. Most card-printing companies (Vistaprint, Overnight Prints, MOO, etc.) have templates you can download from their site that are specific to the size cards they produce. These templates are important because they will usually come with guides (the bright turquoise intersecting lines below) pre-set onto the template. You will want to keep your designs well within your guides or they may be cut off when your cards are produced.

How to Design Custom Business Cards | www.EssentiallyEclectic.com

To begin, make sure you are in “Expert” mode. You will probably need to begin by getting rid of unwanted text that may come with the template. To do that, it is helpful to first understand the role of layers in Photoshop. Imagine that the three layers (enclosed in the orange box above) we have are sheets of paper stacked on top of each other: the top sheet of paper is the first layer in the list and the bottom sheet is the last layer.

We want to get rid of the middle layer, which is the sheet of paper that contains some ugly writing. To do that, click on the little eyeball (see the green arrow above). Doing so will basically remove the “middle sheet of paper” from the stack. Note that any layers that have a gray checkered pattern are transparent layers; these transparent layers may contain images or text but are otherwise see-through.

You can rearrange your layers by clicking on the layer you would like to move and dragging it up or down as many places as necessary. If you ever find that an image is cut off or not appearing as it should when you place it, try rearranging your layers until things look correct.

How to Design Custom Business Cards | www.EssentiallyEclectic.com

Now that we have gotten rid of the unwanted text and have a clean canvas, we can begin putting our card together. At this point it is helpful to have all your blog or company logos saved as a .png or .jpg for use in your design. To place an image you would like to use, go File > Place. A dialogue box will appear allowing you to choose which image on your computer you will like to use. I chose my profile photo, as well as my blog logo. Confirm that you would like to place the image by clicking the green check mark that will appear on the bottom right-hand side of the image.

How to Design Custom Business Cards | www.EssentiallyEclectic.com

You can move the placed image around by using the Move Tool (circled in orange above), and you can change the size of your images by using the adjusting squares (see orange arrow above), just as you would in, say, Microsoft Word.

How to Design Custom Business Cards | www.EssentiallyEclectic.com

To add text, click the Horizontal Type Tool (circled in orange above). Click the part of your screen where you would like text to go, and begin writing. You can change the font, color, and size of your text by editing the options at the bottom of your screen {see orange arrow above–although note that in the image above these text options are covered up by the “choose font” window}. Like images, you will confirm the placement of your text by clicking the green check mark (circled above).

How to Design Custom Business Cards | www.EssentiallyEclectic.com

Once I had everything organized the way I wanted for my card, I felt like there was some empty space that I wanted to jazz up. I decided to add gray dots, like in my blog logo.

In order to make sure the dots appeared in a straight line, I added an additional guide to my canvas {note that these turquoise guides do not appear when your image is saved or printed–they are completely transparent} by going View > New Guide. From here, a dialogue box prompted me to choose whether or not I wanted a vertical or horizontal guide, and I could choose where I wanted to place the guide. If you’re not sure where you want the guide placed, you can always click and drag your guide elsewhere once it is placed on your design. To draw the dots, I simply used the pencil tool on the right hand side.

How to Design Custom Business Cards | www.EssentiallyEclectic.com

When all was said and done, I designed my blog business card primarily by placing photos and inserting text (photos placed are outlined in blue above). Simple!

HELPFUL BLOG BUSINESS CARD DESIGN TIPS

Now, I’ve yet to go to a blog conference, but when I was designing my cards, I put some thought into what I might do with my cards when I finally do get the chance to attend one…

  • Leave white space. This allows other bloggers {or potential sponsors} you might meet at a blog conference to jot down some notes about you. Since I wasn’t planning on using these cards for a conference, I didn’t worry about this too much.
  • Don’t go glossy. Or keep at least one side matte. I decided to print my cards premium glossy on the front and back because I liked the way it looked and thought it would make my photos stand out. {It did!} But if I were going to a conference, I would be afraid people might have trouble writing on my cards, that the ink would smudge or the gloss wouldn’t agree with a ball point.
  • Include a photo of yourself. People like to be able to put a face to a name :)
  • Match it. Try to incorporate elements of your blog design into your card. If you have a logo, use it. Use certain fonts a lot? Put those on your card too. But keep things clean, simple, and professional. People will probably be forming impressions of your blog based on your card.
  • Be picky with contact info.  You can connect with me in about 8 or 9 different ways, but I decided to only include my email address, Facebook, Twitter, and Pinterest info on my cards since those are the platforms I use the most. And next time I may not even include that many!
  • QR codes are pretty cool.  So I figured, why not? Just google “QR code generator” and you’ll find several different websites that will generate one for your blog. This way your fellow bloggers can check out your site right away on their phone!
  • Don’t forget the back. The back of your card is a great place to add photos or additional information about yourself and/or your blog. I decided to showcase images from my favorite/most popular posts to give a feel for what my blog is about.

SO ARE YOU READY TO SEE THE FINISHED PRODUCT??

When I finished designing my cards I couldn’t just leave them on my computer. I don’t have a burning need for blog business cards, but I after all this I had to print them anyway! I ordered my cards from Overnight Prints. I had a good experience with Overnight Prints: got my cards at an unbeatable price with the sale they had going on {100 premium stock, premium glossy cards for less than $10!}, plus they do rounded corners! Here is what the finished product looked like:
If you're thinking of turning your blog into a business, you'll need blog business cards. Here is how to make your own using Photoshop Elements! | Tips for new bloggers | Blogging tips | Mompreneur | WAHM | Mom Makes Joy
If you're thinking of turning your blog into a business, you'll need blog business cards. Here is how to make your own using Photoshop Elements! | Tips for new bloggers | Blogging tips | Mompreneur | WAHM | Mom Makes Joy
If you're thinking of turning your blog into a business, you'll need blog business cards. Here is how to make your own using Photoshop Elements! | Tips for new bloggers | Blogging tips | Mompreneur | WAHM | Mom Makes Joy
If you're thinking of turning your blog into a business, you'll need blog business cards. Here is how to make your own using Photoshop Elements! | Tips for new bloggers | Blogging tips | Mompreneur | WAHM | Mom Makes Joy
Check out that gloss!

And that’s it! You’ve designed your first custom business card! If you wanted to make other marketing materials, say post cards, flyers, brochures, or just even digital images for use on your blog {e.g. a new blog header design, or perhaps just a cool title image for a blog post?}, this is basically how you would make it! So far, I’ve used Photoshop to design info cards for a wedding, dinner menus, party invitations, mason jar labels, and a nice set of Printable Recipe Cards that you can download on my blog for FREE! You can have your designs professionally printed, or you can DIY it. It’s up to you!

Have you made blog business cards before? I’d love to see them! Leave a link in the comments, or just leave some love if you enjoyed this tutorial!

Love,
Gabby

P.S. DISCLOSURE: This post contains affiliate links, meaning I will receive a small commission on products purchased through these links at no extra cost to you. Please see my FAQs and disclosure policy for more information. Thank you for your support!

If you're thinking of turning your blog into a business, you'll need blog business cards. Here is how to make your own using Photoshop Elements! | Tips for new bloggers | Blogging tips | Mompreneur | WAHM | Mom Makes Joy