What kind of tutorials you want to see more in this blog?

Design a folder web icon

In this tutorial I'll show you how I design a simple but professional looking Folder web icon in Photoshop.

(You can click on the images to view them in bigger size)

Step 1.
Like always open a new document.

Step 2.
Choosing a color.

Step 3.
Next with rectangle tool I draw a shape like in the image:
Step 4.
Selecting the shape I'll add 2 anchor points with pen tool. One in the middle and one close to the first on the right side like it's shown on the image:
Step 5.
While this 2 points are selected just holding SHIFT and pressing UP arrow keyboard button I'll move them up.
Step 6.
Duplicate this shape, changing it's color to grey and flip it horizontal with free transform tool CTRL+T I have this:

Step 7.
Again with free transform CTRL+T I resize it a little.
Step 8.
With the rectangle tool and settings it's radius again to 3 px I draw a new shape.
Step 9.
Now adding some blending options to this shapes. Look at the next images.
Inner shadow:
Step 10.
Gradient color:
Step 11.
And final stroke:
Step 12.
After this is done I copy and paste this layer styles to my other layers.
Step 13.
And here it is ready.

Thanks for reading this tutorial. I hope it has been in some use for you. Waiting for your reactions and comments with questions suggestions and critiques if any.


Anonymous said...

hello... hapi blogging... have a nice day! just visiting here....