Tutorial - Folder icons - Printable Version

Tutorial - Folder icons - Printable Version

+- Sinisterly (https://sinister.ly)
+-- Forum: Design (https://sinister.ly/Forum-Design)
+--- Forum: Tutorials (https://sinister.ly/Forum-Tutorials--78)
+--- Thread: Tutorial - Folder icons (/Thread-Tutorial-Folder-icons)

Tutorial - Folder icons - Shadow Hunter - 08-03-2011

1.Open a new document of 400 x 500.And using the rectangle tool make a shape like this of any color.

Spoiler:

2.Now in the foreground color use this color #000000 and the background color #8a8a8a. Now right click on the shape -> Blending options -> Gradient overlay -> Choose the above two color's gradient and keep the rest like this.

[Image: Untitled2-1.png]

3.Layer -> Restersize ->layer

4. Edit -> Transform -> perspective . Hold on the lower left sqare and move it rightways to get the shape. Right click on the layer again -> blending options -> bevel and emboss and then use the settings.Also add drop shadow.

[Image: Untitled3-1.png]

5.Select -> load selection(of the shape layer) -> Make a new layer -> now go to select -> modify -> contract by 1 px . Get hold of a round brush and in the new layer make The shape as in the pic(The selection must still be there). Reduce the opacity of the layer to 24 %.

[Image: Untitled6.png]

6.Make a new layer and the using the men tool make a selection and fill it with white color.Reduce the opacity to about 14%.

[Image: Untitled-7-2.png]

7.Now make another rectangle layer with foreground color #646464.The layer should be in between the first shape and layer 0.See the image.

Spoiler:

8.Make a new layer.Now again use the pen tool and make this shape at the bottom.And fill it with a color of your choice.

Spoiler:

9.Now write Your text(using image is a different matter) Fill opacity -0 and then go to blending options- > outer glow .

[Image: Untitled-12-1.png]

I did a few more editing.And the final image is this

[Image: Untitled-13-1.png]

Some more works

[Image: Untitled-15-1.png]

I know the size is big.It can be reduced (ctrl + t) reduce to your favorite size.

RE: Tutorial - Foder icons - Shining White - 08-03-2011

Damn great .., i always wonder how they design Icon like 3d ,
Um gonna make one now Biggrin

RE: Tutorial - Foder icons - Shadow Hunter - 08-03-2011

Smile

Happy that you liked it.I forgot to mention one thing though. FOLDER icons are the basic icons from which you can create your other icons.I mean the concept develops.

RE: Tutorial - Foder icons - bspro - 08-03-2011

This look basic lol should I try this
U r great lol thanks for the tut
Will pass my GFX then u try this

RE: Tutorial - Foder icons - Shadow Hunter - 08-03-2011

first thing bspro - stop saying lol Smile

secondly this is the basic for making icons. You can give this a shot it ain't that tough.

RE: Tutorial - Folder icons - bspro - 08-03-2011

I will try it after I pass my sig in ps cs5 lol

RE: Tutorial - Folder icons - Shining White - 08-03-2011

(08-03-2011, 04:26 PM)bspro Wrote: I will try it after I pass my sig in ps cs5 lol

well um Using PS Cs4 , and not genius , i learned Gfx from HC
and now i think i can Design as a Noob Smile

BTW how is it bspro ?

[Image: Bspor-1.gif]

RE: Tutorial - Folder icons - bspro - 08-03-2011

Nice lol cool n animated
If u need ps 5 extended feel free to ask
Btw u r a good GFX serious
Can u help me is web develomebt section tha ks