Jul 31
Saturday

Login Form






Lost Password?
No account yet? Register
Creating a new icon for Photoshop PDF Print E-mail

Final Photoshop IconA tutorial showing how to draw a custom icon for Photoshop.
cs icons 
Creating a new icon for Photoshop

In this tutorial I will show you how to make a new Icon for Photoshop.

Photoshop Icon

Here's how you do it:

1. Create a new document of 200px by 200px

2. Select the Round rectangle tool

step 2

3. Draw a rectangle like in the image below and set it's color to #1d4b98

STEP3

4. Double-click the layer and apply a gradient overlay with the settings shown below.step 4

5. Duplicate the layer with the square (Select the layer and press Ctrl+J) and make it a bit smaller.step4

6. Using the pen tool draw a wavy shape above the 2 layers.

step 6

7. Select the new shape layer by holding down Ctrl and clicking the Shape in the Layer pallette.

step 7

8. Intersect that selection with the shape of the small blue square by pressing Ctrl+Alt+Shift and clicking on the Shape in the layer pallette.

shape 8

9. Delete the Layer with the red wavy shape since we won't be needing it anymore.

 



 

10. Create a new empty layer by pressing Crtl+Shift+N and make sure you still have the previous selection like below.

step 10

11. Select the gradient tool and set the gradient to linear from #2a60a2 to #5d9fd8

step 11

12. Aplly the gradient to the new layer you just created from the bottom of the selection to the top at a slight angle to the left.

step 12

13. Deselect the layer.

14. Make a new selection 2px wide on the left side of the square.

step 14

15. Fill the new selection with white. Press Shift+F5 and use the settings below.

STEP 15

STEP 15_2

16, Select the Eraser tool, right-click on the document, put in a diameter of arround 110px and 0% hardness and take a bit off the top and bottom of the white line.

step 16

17. Write the "Ps" text on the document.For the font I used Myriad Pro, Bold, 144pt. and then apply a gradient overlay to teh font layer like below.

step 17

Final Photoshop Icon

18. This is how the final icon should look. You can play with it more and customize it how you want or change the colors and make the other Creative Suite icons.

cs icons

 



Add this page to your favorite Social Bookmarking websites
Reddit! Del.icio.us! JoomlaVote! Google! Live! Facebook! StumbleUpon! Yahoo! Free social bookmarking plugins and extensions for Joomla! websites!
 
< Prev   Next >