How to Make a Tag in Photoshop

Tags come in all shapes, sizes and colors.

Whether you want to build oversized reproductions of tags for output on a large-format printer or actual-size mockups for a client or in-house project, you can construct digital replicas in Adobe Photoshop. For reference purposes in sizing your art, look to websites that sell the tags used in shipping or warehousing facilities or retail stores and use their real-world dimensions. Youll find many shapes and sizes, including tags designed for attachment with string, wire, elastic or plastic ties.

Open the File menu and choose New (or press Ctrl-N) to bring up the New dialog box. Set the Width drop-down menu to your desired unit measurement — inches, centimeters or millimeters — depending on the sizing units used for your reference dimensions. If you plan to add text to your tag, set up your document with the dimension along which the type appears as the horizontal measurement. Set the resolution to 72 pixels per inch (ppi) for online use or 300 ppi for printing.

Set the Color Mode drop-down menu to RGB Color for online use or CMYK Color for printed output. Set the Background Contents to Transparent so your default layer will support areas of less than 100 percent opacity. Click on the OK button to create your document.

Click on the Foreground Swatch icon in the Adobe Photoshop toolbox to bring up the Color Picker. If you know the RGB or CMYK color formula you want to use, enter its channel values. To choose a prefabricated spot or process color, click on the Color Libraries button to bring up its dialog box and set the Book dropdown menu to the appropriate library. Select a color by number, referring to a printed swatch book. After you make your selection, click on the OK button to return to your document.

Activate the Rectangle tool. In the Options bar, click on the Shape Layers button to set the drawing mode. Click and drag within your document area to create the outline of your tag. Adobe Photoshop automatically fills your shape with the foreground color you selected.

Activate the Ellipse tool in the Photoshop toolbox. Verify that the drawing mode remains set to Shape Layers in the Options bar. Set the tool option to Subtract From Shape Area. Hold down the Shift key and then click and drag to draw a small circular shape that forms the hanging hole.

Open the Window menu and choose Paths to reveal the Paths panel. Activate the Direct Selection tool in the Photoshop toolbox. Activate the Path Selection tool in the Photoshop toolbox and then click on the Shape 1 Vector Mask listing in the Paths panel. In the live area of your document, click on the path that defines the boundary of your tag, then Shift-click on the circle that forms the hanging hole. In the Options bar, click on the Align Horizontal Centers or Align Vertical Centers button in the second set of alignment options to the right of the Combine button. Use Align Horizontal Centers to position the hanging hole relative to a tag thats drawn in portrait orientation and the Align Vertical Centers button for a tag in landscape orientation.

Switch back to the Layers panel and use the Type tool to add text to your tag if you want it to carry a message. Change the foreground color in the toolbox to set your type in a contrasting color.

To create a tag with angled corners, use the Pen tool in Shape Layers mode with Subtract From Shape Area as the drawing option. Switch to the Paths panel and select your shape layers path; then draw triangular shapes that cut off the corners of the tag.

To create a circular tag, use the Ellipse tool to draw your shape layers mask. For a perfect circle, hold down the Shift key as you draw.

To build a set of tags, create a document with larger dimensions and drag and drop your shape layer into it from the document in which you originally drew it. Then use the Move tool with the Alt key depressed to fill your document with duplicates of your shape layer.

You cant edit a shape layers mask without opening the Paths panel and selecting the appropriate listing.

Adobe Systems: Using Adobe Photoshop CS5

The Photoshop CS3/CS4 WOW! Book; Linnea Dayton and Cristen Gillespie

Elizabeth Mott has been a writer since 1983. Mott has extensive experience writing advertising copy for everything from kitchen appliances and financial services to education and tourism. She holds a Bachelor of Arts and Master of Arts in English from Indiana State University.

Mott, Elizabeth. How to Make a Tag in Photoshop.

Mott, Elizabeth. (n.d.). How to Make a Tag in Photoshop.

Mott, Elizabeth. How to Make a Tag in Photoshop accessed June 21, 2018.

Note: Depending on which text editor youre pasting into, you might have to add the italics to the site name.

Tutorial for Adding Tags to a WordPress Blog Post

Radio Frequency Identification for Inventory

Adding Tags Using the Mass Editor in Tumblr

Make WordPress Quit Inserting Paragraph Tags

Make it so You Have to Confirm Photo Tags on Facebook