Adobe Photoshop Tutorial - Favorite Icon Design

by Alex
Posted in Graphic Design, Photoshop, Tutorials on May 5th, 2007

1. We’ll begin this tutorial, by creating a new canvas at a size of 294 x 169 then select the “Polygon Tool“. Use the below settings then go to next step.

Adobe Photoshop Tutorial - Favorite Icon Design

2. Now draw the star shape using ffbf01 as the color.

Adobe Photoshop Tutorial - Favorite Icon Design

3. Now right click on the star shape layer and select, “Blending Options…“. Now click on “Bevel and Emboss”. Use the settings below. Do not click “OK” yet. Still more to do.

Adobe Photoshop Tutorial - Favorite Icon Design

4. Now click on ” Gradient Overlay”. Use the settings below. You may now click OK.

Adobe Photoshop Tutorial - Favorite Icon Design

5. Now click on “Stroke “. Use the settings below. You may now click OK.

Adobe Photoshop Tutorial - Favorite Icon Design

6. You should now have the below image.

Adobe Photoshop Tutorial - Favorite Icon Design

7. Next, select the “Line Tool” and draw the below line (1.5 pixels) with cf6810 as the color. Now we will create a couple additonal anchor points to the line. Select the “Add Anchor Point Tool” and place a new anchor on the top and bottom, centered as illustrated below. Then we will need to move the newly made anchor points. To do this, select the “Direct Selection Tool” and select the anchor points that you just created. Now, using the arrow key on your keyboard, move the anchor points down as illustrated below.

Note : The Add Anchor Point Tool is : . And the Direct Selection Tool is :

Adobe Photoshop Tutorial - Favorite Icon Design

8. Then select the “Elipse Tool” and draw two circles as illustrated using 40698a as the circle color.

Adobe Photoshop Tutorial - Favorite Icon Design

9. Select the “Text Tool” and use the below settings:

Adobe Photoshop Tutorial - Favorite Icon Design

10. Now type in the “+” sign.

Adobe Photoshop Tutorial - Favorite Icon Design

11. Now right click on the “+” sign layer and select, “Blending Options…“. Now click on “Inner Shadow“. Use the settings below. Do not click “OK” yet. Still more to do.

Adobe Photoshop Tutorial - Favorite Icon Design

12. Now click on “Outer Glow“. Use the settings below. Do not click “OK” yet. Still more to do.

Adobe Photoshop Tutorial - Favorite Icon Design

13. Now click on “Inner Glow“. Use the settings below. Do not click “OK” yet. Still more to do.

Adobe Photoshop Tutorial - Favorite Icon Design

14. Now click on “Bevel and Emboss“. Use the settings below. You may click “OK”.

Adobe Photoshop Tutorial - Favorite Icon Design

15. The Results.

Adobe Photoshop Tutorial - Favorite Icon Design

Tutorial by Jason / Empire Dezign.

Related posts

You might also like these similar articles:

  1. Windows Media Player 11 Button - How did they do it
  2. Adobe Illustrator tutorial - Making a flower
  3. Making a flowing liquid effect in Photoshop
  4. Using the Pen Tool - Adobe Illustrator Tutorial
  5. Making a navigation menu in Photoshop

Share this article
Got something to say ?Leave a comment
  • Website Design
    November 22, 2007 at 9:37 pm

    Very cool. You should make an icon pack.

Add a commentGet a Gravatar

* Name

* Email Address

Website Address

You can usethese tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
Sponsors
PSD to HTML
PSD to HTML
Elegant Wordpress Themes PSD to HTML
Favicon Ads
Share your design news Free Joomla Templates Free mediawiki skins Free pligg templates Flash web templates Web Design and Graphic Design Forum CLD Vectors - Free Vectors for Download Free Vectors
RSS Feed
Around The Site
Sponsor
The World's Best Web Design
Sponsors
Need templates ?
Thousands of themes and templates
User Links Panel
RSS User Links
Friends
We recommend
Sponsor

Money Saving Tips
Find cheap business cards printing, postcard printing and brochure printing by searching for online coupons. Search terms like "print flyers coupon code" in your favorite search engine.