November 17th, 2008 in Photoshop Tutorials by Richard Carpenter
Simplistic Multi-Tags Icon




11 Votes, Rating: 4.55
About The Author: Richard Carpenter
Richard Carpenter has written 322 posts.
Good afternoon, in this tutorial il show you how to create a simplistic multi-tags icon, from scratch.
Create a new document any size with any background color, select the rounded rectangle change the radius to 10 pixels.

Draw out a thin rectangle in any color, then goto “edit > transfrom > rotate” rotate it very slightly. Once you’ve rotated it added these layer styles and set opacity to 85%.



You should have something like this.

Select the elliptical marquee tool and create a selection like this.

Fill the selection with the color white, whilst holding the CTRL key on the keyboard click your blue tab layer. Goto “select > inverse” then hit the delete key. Set layer opacity to 12% and add a layer mask. Drag a linear gradient from the bottom towards the top.

Select the elliptical marquee tool once more and create a circle in the top left side of the tag.

Finished the step by adding this gradient overlay to the circle.

Add some content to your 1st tag like the image below.

Create more rectangles underneath your main tag. Use the following layer styles for each tag. Remember to rotate each rectangle slightly, use the circle we created previously as a pivit point.



You should have something like this.

On each tag add something different, ive chosen some text, photoshop icons and the hv-designs logo.


Be Part Of The Community!
Become part of the hv-designs community.
Subscribe Via RSS or Follow Us On Twitter.
Leave a Reply
Search HV-Designs
Can't find what your looking for??, Try searching.
Write For HV-Designs
Intrested in publishing some articles, tutorials or freebies on hv-designs.? We welcome anyone who is intrested, we'll even return the favour by sending you aload of goodies. Learn More
HV-Design Flickr Group
Submit your photoshop artwork to the hv-designs flickr group. Not a member? Join Now.
Recent Comments
- Richard Carpenter on Personal vCard Pt.2
- Bekey on Personal vCard Pt.2
- 60 Excellent Gadget Photoshop and Illustrator Tutorials » IMvsMI blog on USB Stick Tutorial
- 60 Excellent Gadget Photoshop and Illustrator Tutorials » IMvsMI blog on LG LCD Monitor Icon
- 60 Excellent Gadget Photoshop and Illustrator Tutorials » IMvsMI blog on 3D Mp3 Player
- 60 Excellent Gadget Photoshop and Illustrator Tutorials | Programming Blog on 3D Mp3 Player
- Imon on Personal vCard Pt.2
- Multi-level Drop Down Menus : swapnil on Sliding Jquery Menu
- Ertan on Creative 3D Layout – FREE PSD
- Ertan on Portfolio Layout #6
Other Blogs Ive Written For
On occasions i write tutorials and articles for other blogs/tutorial websites, here are a list of tutorials and articles ive written. Features tutorials written on six revisions and PSD Tuts+.
Six Revisions Submissions
- Illustrative Web Design Layout Pt.1
- Illustrative Web Design Layout Pt.2
- 3D Gallery
- 3D Ribbon Style Layout
- Minimal Portfolio Layout
- Minimal Portfolio Layout PSD Sitebuild




27 Responses to “Simplistic Multi-Tags Icon”