Saturday, June 25, 2011

How to Create Web Icons using Photoshop

stock-photo-royalty-free-web-icons13.jpg 
                    
Today i would like to share how to create web icon using photoshop. In this tutorial we use layer styles, dodge and burn tool. Let’s get started...
                  
                    

Step 1
Create a new document (500px x 500px)
stock-photo-royalty-free-web-icons1.gif
Step 2
Create Rounded rectangle with the blue color
stock-photo-royalty-free-web-icons2.gif
Step 3
Now apply the following layer style with the good following amount
stock-photo-royalty-free-web-icons3.gif
stock-photo-royalty-free-web-icons4.gif
Step 4
Again now apply the following layer style with the good following amount
stock-photo-royalty-free-web-icons5.gif
stock-photo-royalty-free-web-icons6.gif
stock-photo-royalty-free-web-icons7.gif
Step 5
Apply the Following gradient like me
stock-photo-royalty-free-web-icons8.gif
stock-photo-royalty-free-web-icons9.gif
Step 6
Use the two more layer style put in the rectangle
Like me
stock-photo-royalty-free-web-icons10.gif
stock-photo-royalty-free-web-icons11.gif
stock-photo-royalty-free-web-icons12.gif
Final Result
stock-photo-royalty-free-web-icons13.jpg
Hope you can learn something new from this tutorial.

Get excellent quality clipping path service, low cost clipping path or image clipping service from Clipping Design. Clipping Design always assure photoshop clipping service, photo masking service at quick turnaround time with Guaranteed client satisfaction on top quality clipping path & masking service.

Thank you :)
Reference: tutorialtown

No comments:

Post a Comment