Giveaway! Win Adobe Photoshop free for 1 year. Enter here for your change to win!
Downloaded 34,314 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!
All resources are offered free of charge with very little restriction. Want to show your support or some appreciation? Please check out my latest project Dunked. A simple tool for building an online portfolio.
Premium Pixels is a collection of free design resources created and curated by UK based Web Designer Orman Clark.
Hopefully you'll learn something new but hey, just saving yourself some time is awesome enough, right?
Read More...
10115880
Downloads and counting!
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!
Lol, my thoughts presactly!
Not another one ;) Fantastic! Orman, Where do you get the tim !
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
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.
I like your work. Looks quite simple, but awesome at same time.
AWESOME!
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!
Nice BG :)
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!
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
I think it must be holding the ALT key and not cmd key.
Thank you. This should come in handy ! :D
Simply superb.Great work.
That’s really, really nice work dude. Great stuff!
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.
Awesome Edwin thanks!!
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.
Sweet, thanks Orman
And Edwin – awesome job, they look great (even in IE)
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,
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
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 :)
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
I work long hours ;)
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!
Looking niiice!
@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!!
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.
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”?
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
Hey Andre, I linked to a small video of how to do this in one of my above comments.
Wow, amazing…thank you =)
Very Very nice!
<3
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.
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.
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?
Very good
I’ve used it