How To Create Your Customized QR Code Images

I’ve seen many posts about QR codes, here’s one on how to Customize yours and make it different than others.

The QR Code was just one of the hot topics at NAR in New Orleans this year. Out of the hundreds of cards we received for the iPad drawing, there were only 3 business cards that had the QR Code (bar-code) on them.  To be honest, I don’t like the way they look but they do work well and the technology is impressive.

This weekend, I added my QR code to my Facebook page and had a couple friends call me to confirm it actually worked.  They just pointed their phone and QR reader at the screen and I was instantly added to their contacts in their phone.  I also added it to my sidebar on ActiveRain to see how it looked and a few members “point and shot” it adding me to their contacts on their phones too.

Here’s the quickest and easiest way to create a QR code of your own, and add a little custom color and splash to make it unique and stand out from all the others.  I’ll walk you through it step-by-step.

Step 1: You’ll need to create a QR Code.  QR codes can be created to either link back to a desired website, Blog, or Internet page, or they can be used like a business card, much like the one I’ve created here on my AR sidebar.

There are many QR code generators out there, some of them work right from your phone. I use the iPhone so Optiscan (scanner and generator) and i-nigma-4 (just a reader) are my two favs.   If you want to create a code using your computer and have it link to a specific URL instead of your Business/Personal contact info, I recommend which also provides some tracking and analytics tools.

Step 2: Next, you need to capture the QR code image as a graphic.  On a PC, you’ll need to get a screen shot of it “Shift+Print Scr” and then use a cropping tool to capture just the QR code image.  On a MAC, just hold down the “shift+command+4” to select area with mouse and capture it as an image.  Use any screen capture tool or application you like to do this.

Here’s 50 million FREE Screen Capture Apps and Sites according to Google.


Step 3: Since many of you might not have a graphics editing software like Photoshop or Paintshop Pro, we’ll use, a free online graphics editing tool that’s easy and free to use.

Step 4: Upload your saved QR Code image to

Step 5: Add a white border to the image.

Step 6: Optional – Add a drop shadow to lift your image off the page.

Step 7: Create your desired colored text and font, resize it, then add to the white border areas of your image.
(you can also add small images and other graphics to the border in this step)

Step 8: Save your image back to your desktop as a .jpg file.

Step 9: Test your Final QR code image design to make sure it’s working properly.

(Before)                                            (After)

Step 10: Now Add your NEW Customized QR code to everything you can imagine.

Examples: Business cards, websites, blogs, social media sites, signs, flyer’s, coffee cups, marketing supplies, the promo magnet on your car door, your company polo shirt on the chest or sleeves, heck… go out and get a hand stamp made, then go around the world patting everyone on the back so your QR code shows up everywhere. lol~ Well, maybe not to that extent, but you get the point.

These little buggahs will either stick as the newest and greatest thing, or they will die hard like the pet rock. Until then, I’d say take advantage of the technology and use it to the best of your ability.  Hopefully this post will make it easier for you to make YOUR QR Code stand out a little more than your competitors. Have fun with it and be sure to point your QR reader at mine above, I’d be pretty embarrassed if it didn’t work!  :-O

Here’s a video tutorial I put together for those who’d rather have these steps visually.


Oh, and if you have your QR Code(s) already, feel free to add it with your comment below.

Leave a comment