Get Creative with a UPC Barcode

Get Creative with a UPC Barcode
by Lidia Sari

Lately, I’ve seen UPC barcodes turned into accents by designers for use in scrapbooking. Of course, I am so intrigued by this simple creative element, and I want to use it in every single layout I make.

I have downloaded a special UPC Barcode font that you can easily find on the Internet for free. I used Code 39 Logitogo. For this example, I also used a butterfly shape but feel free to use any shapes you like.

Step 1: Prepare the Workspace

  • Open the scrapbook page (File > Open) with which you wish to work.
  • In the Layers panel, activate the layer to which you would like to add the accent.
  • Press the letter D to reset the Color Chips to the default of black and white.
  • Press the letter X to switch the Color Chips.

Step Two: Create a Butterfly Template

  • Get the Custom Shape tool.
  • In Elements Only: In the Tool Options, click on the Create New Shape Layer icon and set the Style to None. Open the Geometry Options and choose Unconstrained. Open the Custom Shape Picker and choose the Butterfly 2 shape. If you don’t see the Butterfly 2 shape, open the drop-down menu and choose All Elements Shapes.
  • In Photoshop Only: Set the Tool Mode to Shape, the Stroke Style to None, and the Path Operations to New Layer. Open the Geometry Options and choose Unconstrained. Open the Custom Shape Picker and choose the Butterfly shape. If you don’t see the Butterfly shape, open the fly-out menu, choose Reset Shapes, and click OK.
  • On the document, while holding down the Shift key, click and drag to create a butterfly shape. Press and hold the Space Bar to reposition the shape while dragging.
  • In the Tool Options, click Simplify. (Photoshop: In the Menu Bar, choose Layer > Rasterize > Shape.)

dst-creative-barcode-img01

Step Three: Create the UPC Barcode

  • Get the Horizontal Type tool.
  • In the Tool Options, open the Font Picker and choose the Code 39 Logitogo font or a similar barcode font. Set the Size to 40 pt. Click on the Color Chip and choose black. Click on the Alignment to Left Align Text icon.
  • On the document, click once and type any letters you like. I typed SOAWEME. Click on the checkmark to commit the type.

dst-creative-barcode-img02

  • Press Ctrl T (Mac: Cmd T) to get the Transform options.
  • On the document, click on the handles of the bounding box and drag until the butterfly is completely covered by the barcode. Double click inside the bounding box to commit the transformation.
  • In the Menu Bar, choose Layer > Create Clipping Mask.
  • Press Ctrl E (Mac: Cmd E) to merge the two layers together.

dst-creative-barcode-img03

Here’s my finished layout. I just love how a simple element like this can make a big difference in a layout.

dst-creative-barcode-img06

Here are some more ideas I made to get your creative juices going and to show you how versatile this element could be.

dst-creative-barcode-img05
Credits:
Layouts and Photo: Lidia Sari
Tutorial: Get Creative with UPC Barcode
Kits: Me, Personally by Amanda Taylor (TaylorMade Designs)
Paper Packs: Cardstock-Blank Canvas by Susie Roberts, Cardstock-Washed Wood by Susie Roberts
Fonts: Code 39 Hoch Logitogo, Lucida Sans Typewriter, Khmer Sangam MN, Courier New
Software: PSE 12, PSE 13, Photoshop CC 2014

 

Download this Digi Scrap Tutorial

 

Interested in digging in deeper?

Scary Monsters by Susie Roberts
Scary Monsters by Susie Roberts

Scary Monsters Video Tutorial
by Susie Roberts

Kids love the thrill and excitement of being just a little bit scared! Scary monster accents are very popular in scrapbooking, especially in boy kits. Once you learn how to make them, you’ll realize how easy it is to create your own unique monsters that will match any kit you’re working with.

BLANK

Creative Corners by Christina Rambo
Creative Corners by Christina Rambo

Creative Corners Video Tutorial
by Christina Rambo

Learn four creative ways to accent your photographs using photo corners. Create your own design or use a Ding Bat font. Then, add styles, add a grunge texture, or create a clipping mask.

BLANK

The Savvy Stasher Class by Jen White
The Savvy Stasher Class by Jen White

The Savvy Stasher Class
by Jen White

Eke every ounce of goodness out of every kit—even the elements you aren’t crazy about at first. Feel empowered as you think outside the box with your scrapbooking. (Free Sample Lesson!)

Learn more about The Savvy Stasher class!

BLANK

_____________________________________________

Lidia SariAuthor: Lidia Sari | Contact Us
All comments are moderated.
Please allow time for your comment to appear.


Comments (12)

  1. Erika

    Thanks for this great idea.

    June 9, 2015 at 4:36 am Reply
  2. User Avatar
    Jeffri

    Wonderful idea! Thank you so much for the tutorial and the easily downloaded PDF file!!!

    June 9, 2015 at 8:18 am Reply
  3. User Avatar
    Jeffri

    Thank you so much for the neat idea and the downloadable PDF file!!!

    June 9, 2015 at 8:18 am Reply
  4. User Avatar
    Sandy Mars

    Thanks so much, this is a great idea!

    I wanted to make a photo mask with lines and using barcodes is the solution.

    June 9, 2015 at 9:17 am Reply
  5. User Avatar
    Theresa

    Awesome tuts! Thanks!

    June 9, 2015 at 9:32 am Reply
  6. Jen Juris

    Such a fun idea! So simple and yet so creative!! 🙂

    June 9, 2015 at 11:11 am Reply
  7. User Avatar
    Ann

    Linda, this is so easy and really adds something special. Thanks so much! How do you add all the different colors? I’m new to PS. Thanks.

    June 9, 2015 at 11:47 am Reply
  8. User Avatar
    Dawnette

    I loved this tutorial. I would like to know how you did the “You Color My World” Barcode. Did you use the same barcode font?

    Thanks for your creative page. It is beautiful!

    June 9, 2015 at 5:37 pm Reply
  9. User Avatar
    Lidia Sari

    Hi Ann and Dawnette,
    Yes, I did use the same barcode font. Make sure you rasterize the type first before coloring it. To do that in the Menu Bar choose Layer > Simplify Layer. (Photoshop: Layer > Rasterize > Type). And then, get the Magic Wand tool. In the Tool Options, click the Add to Selection icon (this way you can color as many bars as you want), set the Tolerance to around 20 and check Contiguous and Anti-Aliasing. Then click on the Foreground Color Chip to open the Color Picker. Pick a color. Press Alt Backspace (Mac: Opt Delete) to color the selected bar with the foreground color. Press Ctrl D (Mac: Cmd D) to deselect. Do this several times until all the bars has been colored.

    June 10, 2015 at 12:36 am Reply
  10. User Avatar
    Lidia Sari

    Thank you all for the sweet comments. I am so glad to hear you all enjoy this tutorial. 🙂

    June 10, 2015 at 12:39 am Reply
  11. User Avatar
    Bonnie

    Really a cute and easy idea, thanks so much.

    June 10, 2015 at 8:24 am Reply
  12. nann

    You are so creative. You always amaze me with your ideas.

    June 11, 2015 at 11:41 pm Reply
Leave your thought here


This site uses Akismet to reduce spam. Learn how your comment data is processed.