Welcome  Personal Site   Contact/About    Home Page   Photoshop Tutorials   Sitemap   PDF Tutorials

   Adobe Photoshop Tutorials

by Wendi E M Scarth.

 

Create Barcodes

 

 Create Barcodes
  Suitable for Adobe Photoshop CS CS2 & CS3
Skill Level - Intermediate

Bold Type
Regular Type
With Noise

This lesson demonstrates how to create barcodes, as utilised in my Resurfacing Eyeballs lesson Here.

Undo and Navigation Steps
Two ways of undoing steps are from the top menu, Edit then Step Backwards.
Alternatively, click a previous snapshot in the History Palette.

Navigate (zoom in and pan) your image using the Navigator Palette,

or the Zoom Tool.

Activate The Hand Tool by tapping the Spacebar, keeping the Spacebar pressed, pan your image in the usual way.
1/
Open a New document and set the following attributes.



Then expand the grey workspace by dragging a corner of your document.


2/
Press your keyboard’s D key to set the default Black and White colour swatches. Then press the X key to swap the colours. Your Background will now be Black.
3/
Now, from the toolbar, activate the Rectangular Marquee Tool.



And set the following attributes into its Options bar.



Then apply your first rectangular marquee - as illustrated below, ensuring it is attached to your document’s left-side, with no gap.

Note
The marquee can be nudged into position, to the left - or right, usitilsing your keyboard’s arrow keys.


4/
Now, press Ctrl and your Backspace key to fill the marquee with solid black.


5/
Press Ctrl then D to remove the marquee.

Then activate the Move Tool, ensuring Auto Select is active. 



Now, press (and hold down) your Alt key, and hover your cursor over the black line. When you see two arrowheads, (one black and one white), left-click and grab the black bar, then drag it to the far right-side of your document. You will then have two solid black lines flanking your transparent document.


6/
Repeat Chapters 3 and 4, subsequently creating (individual), solid black vertical lines, of varying widths, until you have filled your document. Apply your barcodes with care, ensuring they are not too close together - perhaps finding inspiration from authentic barcodes.


Note
After applying a single vertical selection marquee, (and whilst the selection marquee remains active), it can be resized using the
Free Transform Command.
 


For complete control of (individual black barcodes), apply each one onto its own layer.

After you have applied your vertical black lines, from the top menu, choose Layer then choose Merge Visible, and rename the layer Barcode.




7/
Now, Zoom into your image, then activate the Rectangular Marquee Tool.  Retaining its previous settings, isolate the following area with a selection marquee.



Then press your Delete key, and press Ctrl then D to remove the marquee. There will now be a transparent area at the bottom of your barcode, and you are ready for the next step.

Tip
To create the following barcode variation, apply the rectangular marquee to the left-side, then press your Delete key. For symmetry, drag the first marquee to the right-side, then again, press the Delete key.


Note
If necessary, remove stubborn areas using the
Eraser Tool, or reapply the Rectangular Marquee Tool.

8/
From the toolbar, activate the Crop Tool.

And surround your image with a Crop Bounding Box. Then expand the bounding box by dragging the tiny vector square handles, as illustrated below. 



Commit the change by pressing your Enter key.


9/
Now, activate the Horizontal Type Tool -
Lesson Here





Then apply, and rearrange the numerical characters of your choice.



10/ Optional
To add noise, activate the Barcode layer, then from the top menu, choose Filter then choose Noise, then choose Add Noise. In the subsequent dialogue box, set the following attributes, then click OK. Alternatively, experiment with the Noise Amount.




11/
To create a white background, from the top menu, choose Layer then choose Flatten Image. Alternatively, fill the transparent background with a Solid Colour, Pattern or Gradient of your choice, as demonstrated
Here.


12/
To finish,
Unlock your layer, then press Ctrl then T. Then reduce your image’s size, utilising the Free Transform Command. To resize it in proportion, simultaneously press your Shift key.

Tip
This type of graphic is best saved as a Gif, as opposed to a Jpeg. 
Explanation Here.

Wendi E M Scarth.
Top of Page - Home.