The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Design a Folder Icon for Your Website

Design a Folder Icon for Your Website


Lets create a folder icon or logo for your next website graphics requirement. I have used the following tools to prepare this Adobe photoshop tutorial for you. Pen tool , Dodge tool , Elliptical marquee tool, Polygonal Lasso tool, Gradient tool.

1. Start by creating a new document, well I guess you knew that much :-)

image 1

2. New document.

image 2

3. Using pen tool I will create a new shape as shown. After that right click on it and choose make selection and press ok.

image 3

image 4

image 5

image 6

4. Using Gradient tool fill the shape with colors ( # A43A1A, # E49F8A, #B76248. ) and then press (Ctrl+D).

image 7

image 8

5. Let me use the Dodge tool now to give some variation. Select Dodge tool (Brush size 20, Range is midtones, Exposure is 47 ). I have tried to show what I am doing with dodge tool, see red arrows.

image 9

6. Drawing a new shape as show below using pen tool.

image 10

7. After that right click on the new shape and choose make selection and press ok.

image 11

image 12

8. Choose the previous layer and press Delete.

image 13

9. Double click on deleted layer and give Inner Shadow blending option.

image 14

10. Creating another new layer.

image 15

11. Now same as step 7. create a shape and fill it with gradient tool.

image 16

12. Go to toolbar and select Marquee tool and then right click and select stroke. choose 3px stroke and press ok.

image 17

image 18

13. Drawing a new shape as show below using pen tool. After that right click on the new shape and choose make selection and press ok.

image 19

image 20

image 21

14. Fill with Gradient tool. and press (Ctrl + D) and press ok.

image 22

15. Now lets work with layer 4.

image 23

16. Drawing a new shape as show below using pen tool.

image 24

17. After that right click on the new shape and choose make selection and press ok.

image 25

18. Press delete on the layer which we selected in above step.

image 26

image 27

19. Give inner shadow blending option by double clicking on the layer.

image 28

20. Create one more new layer, call it 5.

image 29

21. Using Gradient tool, fill the color.

image 30

22. Drawing a new shape as show below using pen tool. After that right click on the new shape and choose make selection and press ok.

image 31

image 32

image 33

23. To be continued next week.. I have more to show please visit.



Author's URL: AdobeNerds.com
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Design a Folder Icon for Your Website"

Only registered users can write comment

No comments yet...