Simplistic Multi-Tags Icon

1 Star2 Stars3 Stars4 Stars5 Stars8 Votes, Rating: 4.88
Loading ... Loading ...

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.

Stay Connected...

Subscribe Via RSS

Subscribe Via RSS

Subscribe Via Twitter

Subscribe Via Twitter

Subscribe Via E-Mail

Subscribe Via E-Mail

18 Responses to “Simplistic Multi-Tags Icon”

  1. Neil Says:

    nice man great tutorial

  2. AraxNisanu Says:

    Sweet, would help with marketing new businesses. Great job as always!!

  3. dizi izle Says:

    thank you for sharing..

  4. Photoshop Tutorials Room Says:

    Very good as usual :)

  5. just me Says:

    Nice job! this is a great site, I just found it and have some tuts I will put up! Nice job!!!

  6. vikram Says:

    Nice tutorial man…by the way i have a blog on mobile phones, can you share some tutorials on how i can make a attractive header using Gimp. I will be thankful.

  7. eka21 Says:

    good tutorial can i share you artikel

  8. silver Says:

    Very nice

  9. mark Says:

    fantastic

  10. annonymous Says:

    I love your site, I only came across it from tutorialized. I wish I could make a great site like yours with all the javascript and css. Please help me. lol. Love it! Great Content!

  11. Vuongot Says:

    The tutorial is not special, but I like his ideas!
    Good jobs!

  12. Business Card Printing Says:

    This would be perfect for an artist’s or designer’s site. You could also make the inside tags all different colors so it looks like a color palette. Thanks for the ideas and techniques! This is a very nice tutorial, keep it up!

Leave a Reply

Name:

E-Mail:

Website:

Your Reply: