100 Icon tutorials every designer should have

Google Buzz

Here you will find the 100 most interesting icon related tutorials I’ve found on the web. If you are a icon enthusiast, a GUI designer, or a plain graphics freak, won’t have to type in your browser anything else than Iconshock. Enjoy this list, and don’t forget to check out our own tutorials, where we show users the process behind our unique brand styles. You can access our tutorials via the link “Iconshock Tutorials” you can find at the right.

1. Create a cool Yellow helmet icon – PS

Yellow_Helmet_Tuts
Click on image to access tutorial.

2. Glossy RSS icon – PS

GlossyRss_Tuts
Click on image to access tutorial.

3. Perfect Shine button – PS

Shine_Button_Tuts
Click on image to access tutorial.

4. World icon tutorial – PS

World_Tuts
Click on image to access tutorial.

5. Ace of hearts Super Vista Style – AI

Cards_Tuts
Click on image to access tutorial.

5. Glossy download icon – PS

Glossy_download_Tuts
Click on image to access tutorial.

6. Illustrate a traffic cone icon – PS

Traffic_cone_Tuts
Click on image to access tutorial.

Read more…

 
Filed under: tutorials
Date posted: 2010-01-31

Tutorial: wizard icon tutorial with illustrator

Google Buzz

img011

Welcome back to the virtual space where some of the secrets for creating iconic beauties are unveiled.

The word “wizard” has its root on concepts like wisdom and guidance. Most probably that´s the reason why those helping user interface elements, the assistants, are also called wizards and are represented by default with a wizard’s hat and wand icon.

The spell will be performed using Illustrator CS4.

Read more…

 
Filed under: tutorials
Date posted: 2010-01-30

icon tutorial: Administrator icon using Illustrator

Google Buzz

Hello.! In this tutorial we will pursuit 2 main goals: first, we will make an administrator icon in Clean Web 2.0 style, having as a tool Adobe Illustrator CS4. Second, we will experience the process of mixing a daily reality of the corporate world with some of the concepts of what we call Web 2.0 The man with a tie comes from a very complex world, now you will translate it to a cleansed, catching and easy to understand point of view.

Fig. 17

Read more…

 
Filed under: tutorials
Date posted: 2010-01-29

a 100 photoshop actions for color enhancement

Google Buzz

A Photoshop action is a series of tasks you can define and apply to a single image or a series of images to increase your productivity and avoid the hassle of doing the same thing over and over again.

For example, let’s say you usually resize, then tweak the levels, and then apply a blur filter to your family trip photos. You can create an action with those three steps, so you can apply it to all of your photos at once instead of repeating the same clicks in every photo. On the latest versions of Photoshop, you can even record tasks as varied as painting tools. This compilation list made by Henry Jones for Web Design Ledger is sure worth a peek.

Photoshop-actions-iconshock-Articles
Click on image to check some cool Photoshop actions.
 
Filed under: Design
Date posted: 2010-01-29

Free iconshock E-Commerce icon set

Google Buzz

This week’s freebie set is a beautiful icon set that you can use in any of your commercial projects. The style and feel is perfect to make your business site stand apart from the crowd. Please leave us your feedback about the design so we can improve our creations.

TEMPLATE customfiles
Download after the juump :)

Read more…

 
Filed under: Icons
Date posted: 2010-01-28

Free social icons

Google Buzz

Drum roll…..

So, here it is, Iconshock’s first blog exclusive freebie!

We are beginning here a new tradition, a humble and honest way to pay back to all our kind readers. From now on, we will be giving away each week a special Icon set designed exclusively for the blog audience.

Hope this gift soothes all of you “monday-phobics” out there.

Stay tuned to our Typography series…

free-social-icons
Download after the juump :)

Read more…

 
Filed under: Icons
Date posted: 2010-01-28

E commerce icons

Google Buzz

Ready for the unavoidable December shopping spree? Iconshock brings you this cool set ready to use on your web sites and applications.

ecommerce
Download after the juump :)

Read more…

 
Filed under: Icons
Date posted: 2010-01-27

Halloween icons

Google Buzz

What are you people going to do for Halloween? One thing I loved to do when I was a child was to watch with my friends horror films until midnight. I remember that for me, the Exorcist was the freakiest of all, it spooked me so much that still after all these years Regan’s eyes still give me the chills.

To honor all those wonderful horror films that are delighted by thousands of people on this night, Iconshock wanted to give you this treat. Five icons of the most scary and creepy films of all time. What are your top 5 horror films?

halloween
Download after the juump :)

Read more…

 
Filed under: Icons
Date posted: 2010-01-27

Free hardware and gadgets icon set

Google Buzz

We are experimenting with a new design here, both simplistic and modern. Icons included are Iphone, Hp Touchsmart, a Generic PC, an imac, and a Samsung Cellphone. I wonder if there is any Iconshock reader out there who actually owns all this stuff at once.

free-hardware-and-gadgets-icon-set
Download after the juump :)

Read more…

 
Filed under: Icons
Date posted: 2010-01-27

Free iphone icon set

Google Buzz

At last! The time has come for all you itchy,twitchy, hyper anxious, Iconshock fans out there! Yesterday we gave away a nice mobile set, and today, we are going to give exclusively to our blog members a fresh new iphone set real vista style. These were created with the new Apple iphone 3Gs in mind, but look equally stunning on other devices. In fact, I don’t own an iphone, but am going to use them anyway. Vector sources included!

Are you going to do anything special this weekend?

Good luck.

free-iphone-icon-set
Download after the juump :)

Read more…

 
Filed under: Icons
Date posted: 2010-01-27

100 incredible (and free) System replacement icon sets

Google Buzz

Ok folks… this is it, the fifth straight hundred top list. I made it! I won the bet! Hope you readers stayed with me all the ride for these past 5 weeks, and expect I did make your wait worth it. This is my favorite list of all, because it comprehends all the essential icons to entirely remake your OS. These sets are the ultimate, complete resource for fulfilling all your interface makeover needs, and I’m proud to say that inside this post you will undoubtedly find THE best icons in the world. If you want to find the most far out, out of this world, sick and insane icon art, look no further; GUI champs included. So… what are you waiting for? GO ahead and download everything you can handle, in the meanwhile, after five weeks of research in front of a computer, I think will be asking some doctors how to bring my ass to my normal shape again.

Take care. Have fun!

Intro_System

Read more…

 
Filed under: Icons
Date posted: 2010-01-26

100 Best hardware and gadget icon sets on the net

Google Buzz

Ok friends, now it’s four in a row. Hurray for me! Four top 100 lists in a month, only one away to make the 500 straight. I had a very good time assembling this list in particular, specially because I discovered the work of “starvingartist” with his antiseptic video game system icon set, which I truly believe is one of the best icon sets I’ve reviewed on the blog ever. There are many other gems as well, as I featured the works of well known artists and regulars like Hans Christian Løberg, Booby Perux and Javier Ocasio. The most valuable lesson I’ve learned researching for these large lists, is that no matter your field, you can never consider yourself the best of your trade. You can feel deep inside that you are good, but never be so foolish to think there is no one better than yourself. It’s so obvious that there is so many people creating stuff in this world that you will be surprised every time you take a peek at what’s happening out there. Get inspired, sit back, and enjoy!

1. Fat
Harwenzhang

Fat_Hardware
Click on image to download

Read more…

 
Filed under: Icons
Date posted: 2010-01-25

100 icon sets for the most common used applications and file types

Google Buzz

We at Iconshock have made a little bet. Nobody at the office thinks I can be able to list a hundred icons of any topic or style, for 5 straight weeks. And I’m beginning to endorse that thought too. There is so many weed in the internet, so many low quality sets, that I really don’t know how am I going to win. Nevertheless, faith is the last thing one can loose in this world right? So, I will endure in my quest to list 500 icon sets! The best thing is that you, my dear readers are the lucky ones, because regardless of the outcome, either I loose the bet or not, you are going to rejoice with the best icon sets in the world.

I really enjoyed making this list, since I have always thought that many high end applications like compositing and 3d modeling software have hideous icons that I always wanted to change, but didn’t have either the time or the will. Now that at last, the time and will is provided by my dear employers, I’ve managed to dig out the dirt and showcase the best of what’s around. Bon apetit!

0. Iconshock Common files Vol 1.
Iconshock

Common_Software_FIles
Click on image to Download

Read more…

 
Filed under: Icons
Date posted: 2010-01-24

Extra Extra! 100 best adobe icon sets on the net!

Google Buzz

Didn’t like the icons Adobe proposed for their application since Suite version Cs3? Minimalism isn’t your style? I personally think the new icons are not what you would call beauty pageant runner ups, but its futile to say they are not poignant and effective. Despite general reluctance, everyone now knows that the little blue square is Photoshop, the red one is flash, and the green one is Dreamweaver; I think that is the whole point in good icon design, achieve remembrance and increase productivity with an accessible interface. Using color for analogy and process memorization always has been very effective in design and art throughout the ages. Just look at the Underground map in London to realize the power of color and simplicity.

Nevertheless, if you are disappointed with the new design, and think of it as rather lazy and just too simple, I have gathered for you the ultimate, definitive collection of Adobe icon sets in the net. There are so many styles that probably you will just get bored and go back to the default one. Delight on each of these skillful, genius attempts to reinvent the wheel. Surprisingly enough, these artists do pull it off.

And… mmm…. I hate to say it, but …again, this is biggest set on the entire Internet. Sorry, I couldn’t help it. Please tell me which one is your favorite so we can send something to the artist. A congratulation mail, a flower bouquet…a brand new Ferrari…

Cover_Adobe

Read more…

 
Filed under: Icons
Date posted: 2010-01-24

Iconshock interview: Css mastermind and sushi addict Jina Bolton

Google Buzz

Jina is a must reference for all of you working in web design  & development. Her opinions on CSS are one of the most respected in the designer community, being a frequent speaker in the web developer’s conference circuit and being a consultant for the W3C Web Accessibility Initiative. That is big stuff for a lady so cute my friends! The W3C as you might know, is nothing more than the World Wide Web consortium, the international organization that develops all web standards. So if this girl has something to say you better listen!

Jina_Jina

Read more…

 
Filed under: tutorials
Date posted: 2010-01-24