Tutorial - Folder icons 08-03-2011, 09:23 AM
#1
1.Open a new document of 400 x 500.And using the rectangle tool make a shape like this of any color.
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]](http://i677.photobucket.com/albums/vv136/sayanpal/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]](http://i677.photobucket.com/albums/vv136/sayanpal/Untitled3-1.png)
![[Image: Untitled4.png]](http://i677.photobucket.com/albums/vv136/sayanpal/Untitled4.png)
![[Image: Untitled5.png]](http://i677.photobucket.com/albums/vv136/sayanpal/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]](http://i677.photobucket.com/albums/vv136/sayanpal/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]](http://i677.photobucket.com/albums/vv136/sayanpal/Untitled-7-2.png)
![[Image: Untitled-8-2.png]](http://i677.photobucket.com/albums/vv136/sayanpal/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.
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.
![[Image: Untitled-11-1.png]](http://i677.photobucket.com/albums/vv136/sayanpal/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]](http://i677.photobucket.com/albums/vv136/sayanpal/Untitled-12-1.png)
![[Image: Untitled-14-1.png]](http://i677.photobucket.com/albums/vv136/sayanpal/Untitled-14-1.png)
I did a few more editing.And the final image is this
![[Image: Untitled-13-1.png]](http://i677.photobucket.com/albums/vv136/sayanpal/Untitled-13-1.png)
Some more works
![[Image: Untitled-15-1.png]](http://i677.photobucket.com/albums/vv136/sayanpal/Untitled-15-1.png)
![[Image: Untitled-16-1.png]](http://i677.photobucket.com/albums/vv136/sayanpal/Untitled-16-1.png)
I know the size is big.It can be reduced (ctrl + t) reduce to your favorite size.
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]](http://i677.photobucket.com/albums/vv136/sayanpal/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]](http://i677.photobucket.com/albums/vv136/sayanpal/Untitled3-1.png)
![[Image: Untitled4.png]](http://i677.photobucket.com/albums/vv136/sayanpal/Untitled4.png)
![[Image: Untitled5.png]](http://i677.photobucket.com/albums/vv136/sayanpal/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]](http://i677.photobucket.com/albums/vv136/sayanpal/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]](http://i677.photobucket.com/albums/vv136/sayanpal/Untitled-7-2.png)
![[Image: Untitled-8-2.png]](http://i677.photobucket.com/albums/vv136/sayanpal/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:
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: Untitled-11-1.png]](http://i677.photobucket.com/albums/vv136/sayanpal/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]](http://i677.photobucket.com/albums/vv136/sayanpal/Untitled-12-1.png)
![[Image: Untitled-14-1.png]](http://i677.photobucket.com/albums/vv136/sayanpal/Untitled-14-1.png)
I did a few more editing.And the final image is this
![[Image: Untitled-13-1.png]](http://i677.photobucket.com/albums/vv136/sayanpal/Untitled-13-1.png)
Some more works
![[Image: Untitled-15-1.png]](http://i677.photobucket.com/albums/vv136/sayanpal/Untitled-15-1.png)
![[Image: Untitled-16-1.png]](http://i677.photobucket.com/albums/vv136/sayanpal/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.)