Adobe Photoshop Tutorial - Favorite Icon Design
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.
2. Now draw the star shape using ffbf01 as the color.
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.
4. Now click on ” Gradient Overlay”. Use the settings below. You may now click OK.
5. Now click on “Stroke “. Use the settings below. You may now click OK.
6. You should now have the below image.
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 : 
8. Then select the “Elipse Tool” and draw two circles as illustrated using 40698a as the circle color.
9. Select the “Text Tool” and use the below settings:
10. Now type in the “+” sign.
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.
12. Now click on “Outer Glow“. Use the settings below. Do not click “OK” yet. Still more to do.
13. Now click on “Inner Glow“. Use the settings below. Do not click “OK” yet. Still more to do.
14. Now click on “Bevel and Emboss“. Use the settings below. You may click “OK”.
15. The Results.
Tutorial by Jason / Empire Dezign.
Quick Share
If you enjoyed this post, please consider to leave a comment or subscribe to the RSS feed and get future articles delivered to your feed reader or directly in your email box.
Comments
[…] A favicon has a 16×16px size so to design it it’s advisable to use a larger size such as 128×128px and then scale it to 16×16px. For more information regarding the design process view our favicon design tutorial. […]
[…] A favicon has a 16×16px size so to design it it’s advisable to use a larger size such as 128×128px and next scale it to 16×16px. For more data regarding the design process view our favicon design tutorial. […]
Very cool. You should make an icon pack.