Web and designers | Complete resource platform for web designers and developers » photoshop tutorials

35 icon design tutorials in Photoshop and Illustrator

WAD — Wed, 21 Apr 2010 21:08:31 +0000

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

2. 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

4. 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

6. 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

8. 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

10. 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

12. 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

14. 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

16. Create an envelpe icon with a satin feel

Create an envelpe icon with a satin feel

17. PC Mouse Tutorial

PC Mouse Tutorial

18. 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

20. 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

22. Create a Leather-Textured, Realistic Briefcase Icon

Create a Leather-Textured, Realistic Briefcase Icon

23. Share This Icon

Share This Icon

24. 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

26. 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

28. 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

30. How to Create a Juicy RSS Feed Icon

How to Create a Juicy RSS Feed Icon

31. 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

33. 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

35. LG LCD Monitor Icon

LG LCD Monitor Icon

9 Tutorials to convert psd to html

WAD — Mon, 16 Nov 2009 21:27:52 +0000

This article list out 9 awesome tutorials which helps you to build a website, from designing a layout in photoshop to write your own HTML and CSS for a website. These collections are one of the most viewed tutorials, if you devote few hours and follow it till the end of each tutorial, surely you can be a web designer.

1. From PSD to HTML, Building a Set of Website Designs Step by Step

From PSD to HTML, Building a Set of Website Designs Step by Step

2. Design and Code a Slick Website from Scratch

Design and Code a Slick Website from Scratch

3. Build a Sleek Portfolio Site from Scratch

Build a Sleek Portfolio Site from Scratch

4. The Design Lab: PSD Conversion

The Design Lab: PSD Conversion

5. Converting a Design From PSD to HTML

Converting a Design From PSD to HTML

6. Coding a Clean Web 2.0 Style Web Design from Photoshop

Coding a Clean Web 2.0 Style Web Design from Photoshop

7. How to Convert a PSD to XHTML

How to Convert a PSD to XHTML

8. Slice and Dice that PSD

Slice and Dice that PSD

9. Design and Code Your First Website in Easy to Understand Steps

Design and Code Your First Website in Easy to Understand Steps

15 Photoshop tutorial websites en route for learning

WAD — Sun, 12 Apr 2009 22:58:56 +0000

When it comes to graphic design or image editing, mostly Adobe Photoshop comes first option to consider. Below you can find various range of Adobe Photoshop tutorial websites. It comprises of tutorials from image manipulation,text effects,3d styles and loads of other useful tutorials which can come handy to you. Each tutorial website has their own steps/method to describe the process of creation.