35 icon design tutorials in Photoshop and Illustrator

advertisement

Icon is a work of art that adds beauty to a website. We all know the importance of artistic design in a web page. Icon is another essential aspect of any design as icon plays an important role in making the website user-friendly and striking.

Icon can be grabbed from a free zone or purchased but if you want an icon to match you web page you can get one by creating it yourself. Here are some tutorials that shall help show you how to create beautiful icons and add beauty to your page.

 

 

1. How to Make a Professional Buddy Icon in Photoshop

How to Make a Professional Buddy Icon in Photoshop

How to Make a Professional Buddy Icon in Photoshop

 

2. Design a Stylish Mail Icon in Photoshop

Design a Stylish Mail Icon in Photoshop

Design a Stylish Mail Icon in Photoshop

 

3. Create a Stylized First Aid Icon in Illustrator

Create a Stylized First Aid Icon in Illustrator

Create a Stylized First Aid Icon in Illustrator

 

4. Create a Cute Panda Bear Face Icon

Create a Cute Panda Bear Face Icon

Create a Cute Panda Bear Face Icon

 

5. How To Create a Detailed Apple iPad Icon in Photoshop

How To Create a Detailed Apple iPad Icon in Photoshop

How To Create a Detailed Apple iPad Icon in Photoshop

 

6. Creating a Modern, Glossy Mouse Icon in Photoshop

Creating a Modern, Glossy Mouse Icon in Photoshop

Creating a Modern, Glossy Mouse Icon in Photoshop

 

7. Design a Vintage Radio Icon in Photoshop

Design a Vintage Radio Icon in Photoshop

Design a Vintage Radio Icon in Photoshop

 

8. Creating a Toaster-Popping Illustration

Creating a Toaster-Popping Illustration

Creating a Toaster-Popping Illustration

 

9. Beginner Illustrator Tutorial– Create a Vector RSS Icon

Beginner Illustrator Tutorial– Create a Vector RSS Icon

Beginner Illustrator Tutorial– Create a Vector RSS Icon

 

10. Create A Vector Art Twitter Bird Character Icon In Adobe Illustrator

Create A Vector Art Twitter Bird Character Icon In Adobe Illustrator

Create A Vector Art Twitter Bird Character Icon In Adobe Illustrator

 

11. How to Create a Vector Safari Compass in Illustrator

How to Create a Vector Safari Compass in Illustrator

How to Create a Vector Safari Compass in Illustrator

 

12. How to Create an Envelope Icon in Photoshop

How to Create an Envelope Icon in Photoshop

How to Create an Envelope Icon in Photoshop

 

13. Icon design tutorial:How to make a Calendar icon

Icon design tutorial:How to make a Calendar icon

Icon design tutorial:How to make a Calendar icon

 

14. Icon Design Tutorial: Drawing A Pencil Icon

Icon Design Tutorial: Drawing A Pencil Icon

Icon Design Tutorial: Drawing A Pencil Icon

 

15. How to Create a Basic House Icon in Photoshop

How to Create a Basic House Icon in Photoshop

How to Create a Basic House Icon in Photoshop

 

16. Create an envelpe icon with a satin feel

 Create an envelpe icon with a satin feel

Create an envelpe icon with a satin feel

 

advertisement

17. PC Mouse Tutorial

PC Mouse Tutorial

PC Mouse Tutorial

 

18. Create A Briefcase Icon

Create A Briefcase Icon

Create A Briefcase Icon

 

19. How to Create a Golden, Vector Compass in Illustrator

How to Create a Golden, Vector Compass in Illustrator

How to Create a Golden, Vector Compass in Illustrator

 

20. How to create a Television Icon

How to create a Television Icon

How to create a Television Icon

 

21. Create a glossy high tech 3D speaker icon

Create a glossy high tech 3D speaker icon

Create a glossy high tech 3D speaker icon

 

22. Create a Leather-Textured, Realistic Briefcase Icon

Create a Leather-Textured, Realistic Briefcase Icon

Create a Leather-Textured, Realistic Briefcase Icon

 

23. Share This Icon

Share This Icon

Share This Icon

 

24. Create a Vintage TV Set Icon in Illustrator

Create a Vintage TV Set Icon in Illustrator

Create a Vintage TV Set Icon in Illustrator

 

25. How to Create a Vector Sketchbook

How to Create a Vector Sketchbook

How to Create a Vector Sketchbook

 

26. Wii Mote Controller Tutorial

Wii Mote Controller Tutorial

Wii Mote Controller Tutorial

 

27. How to Design a Set of Multicolored Buddy Icons

How to Design a Set of Multicolored Buddy Icons

How to Design a Set of Multicolored Buddy Icons

 

28. Illustrating a Business Briefcase in Windows 7 Style

Illustrating a Business Briefcase in Windows 7 Style

Illustrating a Business Briefcase in Windows 7 Style

 

28. Make a 3D Pencil and Paper Icon in Photoshop

Make a 3D Pencil and Paper Icon in Photoshop

Make a 3D Pencil and Paper Icon in Photoshop

 

30. How to Create a Juicy RSS Feed Icon

How to Create a Juicy RSS Feed Icon

How to Create a Juicy RSS Feed Icon

 

31. Monitor Icon Design

Monitor Icon Design

Monitor Icon Design

 

32. How To Create An Academy Icon From Simple Shapes

How To Create An Academy Icon From Simple Shapes

How To Create An Academy Icon From Simple Shapes

 

33. Create A Stylish And Sleek Play-Station Portable Icon

Create A Stylish And Sleek Play-Station Portable Icon

Create A Stylish And Sleek Play-Station Portable Icon

 

34. Photoshop Scissor Icon

Photoshop Scissor Icon

Photoshop Scissor Icon

 

35. LG LCD Monitor Icon

LG LCD Monitor Icon

LG LCD Monitor Icon

 

 

If you are looking for fast success in actualtests then join today to find complete realtests gmat braindumps resources and pass certkiller.

About the Author:

Web designer/developer holding Masters degree in IT, currently living in Australia. Passionate about Wordpress, PHP, Fireworks and Jquery.

Other News

  • Lucas

    I’ll try some these myself. Thanks for the post.

  • http://www.ozoneeleven.com/ Aisha

    Wow, so cute… and well done actually

  • Pingback: [User Link:35 icon design tutorials in Photoshop and Illustrator] | Tips for Designers and Developers | tripwire magazine

  • Tony Dash

    This would definitely help me to start designing icons.

  • Pingback: 145+ Seriously Useful and Inspirational Articles for Creative Designers — The Rawk Shop Literal

  • http://www.mens-leather-briefcases.com Michael Steinberg

    The two leather briefcases icons look good. They would fit in great on my website, where I, oddly enough, sell Mens Leather Briefcases. I have found other tutorials on Photoshop graphics that I have used many of my websites. What I discovered is, that they don’t always work exactly as shown. You may have to tweak them a little, but that is usually no problem.

  • http://www.extreme-wealth-mechanism.com Rick Thomas

    I used to pride myself saying I am a Ps expert, but seriosuly didn’t know that you could create so much wonderful and “delicious” icons with it. :)

    Fyi, gotta get cracking, me needs a radio icon…
    Peace,
    Rick

  • http://www.nasim.me Nasim

    Truly beautiful designs. Really appreciate the hard work of designers. Keep it up.

  • websitesdesigningchennai

    Beautiful post every
    one can understand the post easily….