Huzzah! We've released a brand new WordPress theme called Statesman. Check it out!

Tagtastic Tag Cloud (PSD)

Download

Downloaded 28,830 times

Today’s freebie is a nice and simple little tag cloud – tagtastic! Now there’s no excuse for overlooking this neglected blog element, I’ve done the hard work for you.

Tag clouds can often look a little dull in my opinion and this little freebie may be of use to you when you are designing yours. The download includes the fully editable PSD and so changing colours is easy peasy. Don’t forget to spread the word!

40 Comments

  1. Awesome Orman.
    I am just not sure how you manage to push out so many great resources.
    Do you have a clone?

    • Unfortunately not, but like most I definitely could do with one!

  2. Lol, my thoughts presactly!

  3. Not another one ;) Fantastic! Orman, Where do you get the tim !

  4. Jamie Bicknell

    Very, very slick Orman!
    I wasn’t going to have a tag cloud on my blog redesign, but I think I may have to now :D

  5. I love this freebie. Tag clouds are one of those things that are handy and almost necessary on a blog, but it just never looks good. It always looks tacky, but with this design I would enjoy having it on my blog.

  6. I like your work. Looks quite simple, but awesome at same time.

  7. Awesome stuff! I have a set I made myself and I SWEAR I just deleted the whole set in favor for yours. It’s nice to get an “upgrade” for my client by just surfing your site. Unreal… Keep it up!

  8. Nice BG :)

  9. Jonathan

    I have been coming to your site for several months as my source of morning inspiration, and every time your ideas beat all. This particular resource may prove invaluable as I work on my own blog — I must say the background texture is also quite nice!

    Keep up the AWESOME work!

  10. The Edge

    Nice work Orman! Just one little question: how can I extend the size of the base smart object without distortion? Thanks in advance!

    • What you can do is draw a marquee over the right hand side of the smart object (not base object), select the move tool and use the right arrow while holding CMD to nudge the width of the tag – quick vid http://screenr.com/HCb

    • Elina

      I think it must be holding the ALT key and not cmd key.

  11. Thank you. This should come in handy ! :D

  12. Simply superb.Great work.

  13. That’s really, really nice work dude. Great stuff!

  14. Edwin Hollen

    Great job Orman!

    I coded it into HTML5 and CSS3 if anyone’s interested: http://edwinhollen.com/share/css3tag

    The tags are editable. Click in them and change what they say! Works with Firefox and Webkit browsers.

    • Chris

      Awesome Edwin thanks!!

    • William

      Your link here is broken. Been trying to do this but can’t get the left triangle shape to have the proper gradient as a pseudo element border.
      http://jsfiddle.net/BymQP/
      The border gradients only work in FF, too.

  15. Sweet, thanks Orman

    And Edwin – awesome job, they look great (even in IE)

  16. Hey Orman,

    Working like a champ at tumblr and looking good doing it!

    http://stevefuller.tumblr.com/

    Thanks again for all the great work! If any of your users are tumblr folk, I got code ready to go…

    Cheers,

  17. Nice work! Would really love to see them done in canvas, and (as close as it gets) with css3 :)

    @ Edwin Hollen also a nice solution, but not much css3

  18. Outdoor Grills

    Hi Orman,

    I am in love with this tag cloud but since i have literally NO IDEA about coding and css. Can anyone help me set this tag up for my tag “Super Tag Widget” which i have on the right side bar. I’d really appreciate it :)

  19. These are great! Like many, I wonder how you have the drive to give so many great resources away for free, and so often! Great work!

    -Mike

  20. I just love this combination of shape and colors! So much so that I used it some time ago on a commission of mine – http://sloansecurity.com/

    Good job, Orman!

  21. @Edvin – you can create that entirely in CSS3.

    http://emoeco.com/about-rhiannon/

    Just work in progress but scroll down to find SOLD OUT and AVAILABLE in the sidebar. You can add top and bottom borders and gradients as you please!!

  22. I really like these tags shapes and the fact that the font size is the same for all of them – it looks much more clean and stylish rather than just chaos of plain links of different size.

  23. These are fantastic man. I actually integrated them in my latest Free theme if you want to see them “live” – http://www.wpexplorer.com/revista-wordpress-theme.html

    Cheers! And thanks!

    Any new premium theme in “the works”?

  24. Hey,
    awesome work!

    But can you tell me how I change the size of the “tags” without destroying the aspect ratio? Everytime i press CMD+T it would resize to the smalles size.

    It’s about the smart object…that’s what i know …

    please help me

    best regards

  25. Maciel Gonçalves

    Very Very nice!

  26. This is a huge help for me, I can tell you really work hours on them, I love your style, simple, and high cuality… thanks for taking the time with your tutorials.

  27. viqueen

    So cool! Thank you! Kinda shocked to see over 12k downloads and only 247 “love it”…. but the “love it” button doesn’t seem to work.

    Too bad, cuz I do love it.

  28. Orman, you are a true design genius. Fresh, clean and modern design. Well done! We are going to include these via css on http://sonotretail.com/ Does anyone already have the code available?

  29. Very good
    I’ve used it

Leave a Comment