Monday, January 19, 2009

Simplistic Multi-Tags Icon

Create a new document any size with any background color, select the rounded rectangle change the radius to 10 pixels.

Simplistic Multi-Tags Icon image 1

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%.

Simplistic Multi-Tags Icon image 2

Simplistic Multi-Tags Icon image 3

Simplistic Multi-Tags Icon image 4

You should have something like this.

Simplistic Multi-Tags Icon image 5

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

Simplistic Multi-Tags Icon image 6

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.

Simplistic Multi-Tags Icon image 7

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

Simplistic Multi-Tags Icon image 8

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

Simplistic Multi-Tags Icon image 9

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

Simplistic Multi-Tags Icon image 10

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.

Simplistic Multi-Tags Icon image 11

Simplistic Multi-Tags Icon image 12

Simplistic Multi-Tags Icon image 13

You should have something like this.

Simplistic Multi-Tags Icon image 14

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

Simplistic Multi-Tags Icon image 15

Simplistic Multi-Tags Icon Tutorial: Final Result