36 Favorite Icon Tutorials In Photoshop

Here we have a roundup icon tutorials, which include how to create an attractive lock icon, custom carbon styled icon, simplistic multi-tags icon and stylish icon, make compact disc icon from scratch, illustrate a brain icon, create a nice custom chat icon, a perfect magnifying glass icon, a simple monitor icon, a simple coffee cup icon, a fantastic glossy icon, a stylish glossy mail envelope icon, etc,. We also found an amazing set of icons. some great articles that will help all types of artists and designers. This is definitely a great collection so lets get into it.

Design a Stylish Mail Icon in Photoshop

1. Create a Magnifying Glass Icon in Photoshop CS4


In this tutorial, we’ll combine simple vector shapes, layer styles and generous amounts of shininess to create the perfect magnifying glass for all your search icon needs. Let’s get started!

Create a Magnifying Glass Icon in Photoshop CS4

 

2. How to Create a Moka Express Icon


The staple of every Italian breakfast is home espresso coffee, brewed with the iconic “Moka Express” pot. In this tutorial, we’ll create a Moka entirely from scratch using shapes, layer effects and a bunch of productivity-enhancing tips. We will then proceed to turn our design into a Leopard and Vista-ready professional icon. So get your coffee mugs ready and let’s start brewing!

How to Create a Moka Express Icon

 

3. Create a Custom Mac OSX Style Ring Binder Address Book Icon


Today I’ll show you how to create an Address Book replacement icon for Mac OSX. When you are a beginner, it’s better to start with designing replacement icons to get some practice. Let’s get started with personalizing the icons in our workspaces.

Create a Custom Mac OSX Style Ring Binder Address Book Icon

 

4. Creating an XP Style Monitor Icon


Let’s go back in time and look at Windows XP system icons. We’ll get inspired by an old computer icon. Then we’ll create a simple monitor icon in that style. Icon Factory is the company that created the icons for both Vista and XP Windows operating systems. Their works serves as inspiration for not only this tutorial, but many icons created today.

Creating an XP Style Monitor Icon

 

5. Create a Jaguar Style Folder Icon


In this tutorial, we will show you how to cover an object in a Jaguar style fur texture. In this example, we’ll cover a computer folder, but this technique can be used with any other object, like a CD cover, a mouse, or even a computer.

Create a Jaguar Style Folder Icon

 

6. Design a Glossy Download Icon


The difficulty in designing web graphics is not so much in the actual execution of the design, but more in the planning of it. At the same time you want the graphic to be eye-catching, yet smooth and small enough so it doesn’t dominate your layout. This tutorial will teach you how to create a graphic that does just that.

Design a Glossy Download Icon

 

7. Create a Shiny Lock Icon Design


A popular icon that you can find on the internet is the lock icon. It is widely used to identify secure Web pages. It often indicates password fields for secure files. Wherever you wish to place a lock icon, this tutorial will show you how to create an attractive one for you to use!

Create a Shiny Lock Icon Design

 

8. 7 Principles of Effective Icon Design


Before approaching icon design, there are some guidelines and principles that are worth studying. If you want to create effective icon designs, then you should take a holistic approach to issues such as audience, size, simplicity, lighting, perspective, and style. This article gives you a good starting place for creating icons that work well together and fit seamlessly within your designs.

7 Principles of Effective Icon Design

 

9. Create a Cheerful Twitter Bird Icon


I wrote a guest tutorial for The Photoshop Roadmap. With some basic custom shapes and our favorite Pen tool, we will learn how to create a cheerful twitter bird icon in Photoshop.

      Create a Cheerful Twitter Bird Icon

 

10. Stylish Icons for Website or Multimedia Presentation


This useful Photoshop Tutorial about how to make stylish icons what you can apply in your website design or use in multimedia presentation.

Stylish Icons for Website or Multimedia Presentation

  

11. Photoshop Lady: Best Photoshop Tutorials Collection


If you’re not into subscribing to 40 different Photoshop blogs and checking them all every time, I recommend you subscribe to this one and you will be able to see all of the best Photoshop tutorials from around the web in just the one place!

Photoshop Lady: Best Photoshop Tutorials Collection

 

12. Popular Photoshop Tutorials this Week


 

Popular Photoshop Tutorials this Week

 

13. Compact Disc Icon


Hello welcome to another tutorial by hv-designs, today we’ll be making a compact disc icon from scratch.

Compact Disc Icon

 

14. Share This Icon


Hello welcome to another tutorial by hv-designs, in this tutorial il show you how to make a simple stylish “share this icon” you mainly see icons like this on blogs to promote posts and stuff. Now you can add one to your blog.

Share This Icon

 

15. Carbon Style Icon


Good afternoon everyone, welcome to tutorial number #170, in this tutorial il show you how to create a custom carbon styled icon for you to use for your website or desktop.

Carbon Style Icon

 

16. Simplistic Multi-Tags Icon


Good afternoon, in this tutorial il show you how to create a simplistic multi-tags icon, from scratch.

Simplistic Multi-Tags Icon

 

17. Create a Eco Friendly Social Bookmark Icon


In this week Tutorial, we will create one Eco-friendly Stumbleupon icon. Remaining icons are FREE source files, which you can download and use it.

Create a Eco Friendly Social Bookmark Icon

 

18. Free Icons: Grunge Peeling Stickers Social Media Icons


This Icon Pack is chuck full of 20 Grunge Peeling Social Media Stickers, created exclusively for the viewers of Tutorial9 and comes with an editable .PSD source file for customizing your own unique icons.

Free Icons: Grunge Peeling Stickers Social Media Icons

 

19. Simple Coffee Cup Icon Photoshop Tutorial


This Photoshop Tutorial shows you the process for creating a simple coffee cup icon, complete with delicious frothy coffee and a retro feel fitting for a classic cafe.

Simple Coffee Cup Icon Photoshop Tutorial

 

20. Design a Stylish Mail Icon in Photoshop


Use this Photoshop Tutorial to create a stylish glossy mail envelope icon. This tutorial is recommended for users with moderate to advanced experience with Photoshop.

Design a Stylish Mail Icon in Photoshop

 

21. Create a Glossy Volt Icon in Photoshop


This Photoshop Tutorial will equip you with the abilities to create a fantastic glossy icon in the style of the logo from the movie “Bolt”.

Create a Glossy Volt Icon in Photoshop

 

22. Cute Critters Free Icon Pack


The Cute Critters Icon Pack is a free Icon set with 13 painfully cute critters, created exclusively for the viewers of Tutorial9.

Cute Critters Free Icon Pack

 

23. Free Icon Pack: Web Injection


Web Injection is an Icon Pack for webmasters and web developers created exclusively for the viewers of Tutorial9. The set includes 26 stylish icons for web application interfaces.

Free Icon Pack: Web Injection

 

24. Free Icon Pack: Bevel Dark Social Icons


“Bevel Dark” is a free Social Bookmarking Icon Pack that continues the Bevel Icon family. This set of icons was created exclusively for viewers of Tutorial9.

Free Icon Pack: Bevel Dark Social Icons

 

25. Free Social Icon Pack: Nurture


Nurture is a free Social Bookmarking Icon Pack created exclusively for viewers of Smashing Magazine and Tutorial9. Designed for digital creatives who want to add a unique, lively, and green touch to their blogs and other web-projects.

Free Social Icon Pack: Nurture

 

26. Free Social Icon Pack: Bevel Lite


We’re proud to be releasing our first free Icon Pack at Tutorial9, Bevel Lite! We’ll periodically release icon packs for designers to take full advantage of in personal and commercial projects.

Free Social Icon Pack: Bevel Lite

 

27. Design a Cool Chat Icon Using Photoshop


In this tutorial, we will teach you how to create a nice custom chat icon using Adobe Photoshop. This icon will be created using the custom shape and pen tools. You can also download the .psd file.

Design a Cool Chat Icon Using Photoshop

 

28. Create a Glossy Home Icon in Photoshop


Wheres the homepage? Why not add a glossy homepage icon to your website to help your visitors navigate around your website. In this tutorial I’ll teach you how to make a simple, glossy icon that you can use on your website.

Create a Glossy Home Icon in Photoshop

 

29. Best of the Web – February 2009


February is known for its lack of days when we have a leap year but there is no lack in great Photoshop material! This month we have tutorials on creating a breathtaking fantasy scene, an amazing set of icons and wallpapers, and the usual inspirational articles. So lets get into it!

Best of the Web – February 2009

 

30. Best of Tuts+ in August


Here’s our collection of the Top 5 tutorials from each site in the Tuts+ network in August. Whether you want to design and code your first website, layer hip hop drums, design a mixed media masterpiece, illustrate a brain icon, make your own Adobe AIR application, model a lethal combat knife, take gorgeous HDR photos or create a gruesome tracked head wound in After Effects, you’ll find lessons on each – and much more – in this collection. Hit the jump and learn to the max!

Best of Tuts+ in August

 

31. Best of the Web – May 2009


This month really got back to the basics of Photoshop. A lot of the tutorials featured this month used some of the most basic tools in Photoshop to create stunning designs for all levels of designers. This was also a special month for our freebies because there is an extremely detailed and high quality icon pack that everyone should check out. Finally this month features articles that are informative for every type of designer, whether you are into logo design, or webpage design, this month has you covered. Check it out!

Best of the Web – May 2009

 

32. Best of the Web – July


This month was packed with some awesome resources, tutorials, and articles. You’ll see everything from skull patterns to vector resources that can help an artist convert there art into something more interesting. We also have this month’s best tutorials on things like icon design, text effects, and web layouts. And finally we have four great articles including free wallpaper, photography, and communities.

Best of the Web – July

 

33. Best of the Web – August 2009


This month we have a variety of topics including how to convert normal photos into HDR versions, a 3D Typography tutorial, an icon tutorial and much more. On the other side of things we have a set of amazing vector wallpapers that are sure to be loved by everyone, a new Desktopography release, and as always some great articles that will help all types of artists and designers.

Best of the Web – August 2009

 

34. Best of the Web – September 2009


The month of September offered a lot of interesting resources for the graphic designer, and we’ve taken all the resources offered and made a balanced list of the best tutorials, freebies, and articles on the web. This month we included something for everyone, from the casual designer to the serious one we have tutorials as well as articles that will interest them. For tutorials we have a few very cool typography tutorials, that include a realistic fire effect along with a neon effect. As for the articles, we have an interesting article on the origin of the “I Love NY” logo, and also an article about a compilation of the best graphic design books out there. On top of that we have another great group of freebies, including vectors, wallpapers, and icons. So lets take a look at September’s Best!

Best of the Web – September 2009

 

35. Best of the Web – October


With another month in the books we can finally round up the best Tutorials, Freebies, and Articles. This month we found some great RSS icons as well as a pack of Halloween icons. An interesting X-Ray tutorial, and an article on how to become a Freelance Designer. This is definitely a good month so lets get into it.

Best of the Web – October

 

36. Best of the Web – December


Here we have the last roundup of the year. 2008 was filled with amazing tutorials, freebies, and articles. This specific roundup has a great touch of Christmas in it as well as roundups of the best tutorials and free icon packs for this month. Lets get into it!

Best of the Web – December

Leave a Reply

Your email address will not be published. Required fields are marked *