Login Register






Thread Rating:
  • 0 Vote(s) - 0 Average


Tutorial - Folder icons filter_list
Author
Message
Tutorial - Folder icons #1
1.Open a new document of 400 x 500.And using the rectangle tool make a shape like this of any color.

Spoiler:
[Image: Untitled-1-12.png]

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]

[Image: Untitled4.png]

[Image: Untitled5.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]

[Image: Untitled-8-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:
[Image: Untitled9.png]

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:
[Image: Untitled10.png]
[Image: Untitled-11-1.png]

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]
[Image: Untitled-14-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]
[Image: Untitled-16-1.png]

I know the size is big.It can be reduced (ctrl + t) reduce to your favorite size.
(This post was last modified: 08-03-2011, 04:16 PM by Dismas.)

Reply

RE: Tutorial - Foder icons #2
Damn great .., i always wonder how they design Icon like 3d ,
Um gonna make one now Biggrin
[Image: Wfxdx.png]

Reply

RE: Tutorial - Foder icons #3
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.

Reply

RE: Tutorial - Foder icons #4
This look basic lol should I try this
U r great lol thanks for the tut
Will pass my GFX then u try this

Reply

RE: Tutorial - Foder icons #5
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.

Reply

RE: Tutorial - Folder icons #6
I will try it after I pass my sig in ps cs5 lol

Reply

RE: Tutorial - Folder icons #7
(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]
[Image: Wfxdx.png]

Reply

RE: Tutorial - Folder icons #8
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

Reply







Users browsing this thread: 1 Guest(s)