Subscribe Via RSS

3174 Subscribers

Subscribe Via RSS
Subscribe Via Twitter

Followers

Subscribe Via Twitter
Simplistic Multi-Tags Icon

November 17th, 2008 in Photoshop Tutorials by Richard Carpenter

Simplistic Multi-Tags Icon

1 Star2 Stars3 Stars4 Stars5 Stars11 Votes, Rating: 4.55
Loading ... Loading ...
About The Author

About The Author: Richard Carpenter

Hi im Richard Carpenter im a freelance web and graphics designer from England. I am also a regular Blogger, Tutorial Writer, and owner of HV-Designs. You can follow me on twitter HERE. You may also view my portfolio HERE.

 

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.

Subscribe Via RSS Follow Us On Twitter

27 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. 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. 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!

  13. really useful tutorial thank

  14. Erick Cabrera says:

    Thanks Very nice !

  15. Amazing Man you have done very creative and very well job. may i share it???? reply me please.

  16. thanks for this nice tut.

  17. Vinh Khoa says:

    Great tutorial as usual! Thank you. I learned a lot from your tutorials.

    What do you think if I use this name tag as a grahic element for my blog design? Does it look “wierd” or “abnormal” :-P? I don’t see many people put this one their blog though.

  18. oscar says:

    me encantó!

  19. Selocan says:

    Super site. Thx! :)

Leave a Reply