\n[ad#co-1]
\n
![\"folder-icon-heading\"](\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2009\/12\/folder-icon-heading.png\" "\\"folder-icon-heading\\""){kind=icon}
<\/a><\/p>\nFinal Result<\/h4>\n
This is what we gone do today<\/p>\n
Open photoshop and create a new document, mine is 550px\u00d7550px<\/strong> with a white background.<\/p>\n Select the Pen Tool<\/strong> make sure you\u2019ve got those options selected.<\/p>\n Now using the Pen Tool <\/strong>draw something like this<\/p>\n Now we will apply somesome layer styles<\/p>\n Styling the Button double-click<\/strong> on the Shape<\/strong> thumbnail in the Layers Panel to open up the Layer Styles dialog box, we will apply a Vertical Gradient Effect<\/strong> for your Shape. Then click on the Color Gradient on the right of the Gradient option to open up the Color Gradient Editor.<\/p>\n Double-click<\/strong> on left-color-stop<\/strong> and enter the color value #FFD772<\/strong>, then double-click on right-color-stop<\/strong> and enter the color value #FFFF99<\/strong>.<\/p>\n Next apply the Inner Glow<\/strong> layer style. Changing the values of Opacity, Choke and Size. I choose to set the Opacity<\/strong> at 75%<\/strong>, Choke<\/strong> at 100%<\/strong> and Size<\/strong> at 1px<\/strong>.<\/p>\n Change the Inner Glow<\/strong> color from the default to #FFFFFF<\/strong><\/p>\n Finally we will apply the Stroke<\/strong>. First changing the values of Size. I choose to set the Size<\/strong> at 1px<\/strong>. Changing the Position<\/strong> at Outside<\/strong><\/p>\n Change the Stroke Color<\/strong> from the default<\/strong> to #E6C15E6<\/strong><\/p>\n It should look something like this now<\/p>\n Now Duplicate<\/strong> the layer with the Shape<\/strong>. NowGo to Edit -> Transform -> Perspective move one the top-right corner outside till you have a shape like below<\/strong><\/p>\n Go to Edit -> Transform -> Scale<\/strong> and scale it down a bit so it looks like opened.<\/p>\n Now we\u2019re going to add a piece of paper. Create a new layer and draw a rectangule like below <\/p>\n Now we will apply somesome layer styles<\/p>\n Styling the Shape double-click<\/strong> on the Shape<\/strong> thumbnail in the Layers Panel to open up the Layer Styles dialog box, we will apply a Vertical Gradient Effect<\/strong> for your Shape. Then click on the Color Gradient on the right of the Gradient option to open up the Color Gradient Editor.<\/p>\n Double-click<\/strong> on left-color-stop<\/strong> and enter the color value #EDEDED, then double-click on right-color-stop<\/strong> and enter the color value #FFFFFF.<\/p>\n Next we will apply the Stroke<\/strong>. First changing the values of Size. I choose to set the Size<\/strong> at 1px<\/strong>. Changing the Position<\/strong> at Outside<\/strong><\/p>\n Change the Stroke Color<\/strong> from the default<\/strong> to #DDDDDD<\/strong><\/p>\n Now Go to Edit -> Transform -> Scale<\/strong> and rotate the paper.<\/p>\n It Should Look like this.<\/p>\n Now put the piece of Paper Under the Folder, and set the Opacity <\/strong>at 65%<\/strong>.<\/p>\n Now let\u2019s \u201ccurve\u201d<\/strong> the top corner of the paper. Delete a small part of the top corner.<\/p>\n Should look like this.<\/p>\n Now select the Pen Tool and draw the shape(the one in black)<\/p>\n Now we will apply some layer styles to the shape.<\/p>\n Styling the Shape double-click<\/strong> on the Shape<\/strong> thumbnail in the Layers Panel to open up the Layer Styles dialog box, we will apply a Vertical Gradient Effect<\/strong> for your Shape. Then click on the Color Gradient on the right of the Gradient option to open up the Color Gradient Editor.<\/p>\n Double-click<\/strong> on left-color-stop<\/strong> and enter the color value #EDEDED, then double-click on right-color-stop<\/strong> and enter the color value #FFFFFF.<\/p>\n Next we will apply the Stroke<\/strong>. First changing the values of Size. I choose to set the Size<\/strong> at 1px<\/strong>. Changing the Position<\/strong> at Outside<\/strong><\/p>\n Change the Stroke Color<\/strong> from the default<\/strong> to #DDDDDD<\/strong><\/p>\n This is what we gone do today<\/p>\n If you\u2019d like to check your work, you may download the PSD file for this tutorial<\/p>\n [Download File:30kb]<\/a><\/p>\n if you would like to receive more Tutorials from us, please consider subscribing to our feed by RSS<\/strong><\/a> or by email<\/strong><\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":" In this tutorial we are going to create simple folder icon. This is very simple and quite effective tutorial, so all you need is Adobe Photoshop to create this effect. I hope you will enjoy this tutorial.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[30,56],"tags":[59,23],"class_list":["post-2967","post","type-post","status-publish","format-standard","hentry","category-photoshop","category-tutorials","tag-photoshop","tag-tutorials"],"_links":{"self":[{"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/posts\/2967","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/comments?post=2967"}],"version-history":[{"count":26,"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/posts\/2967\/revisions"}],"predecessor-version":[{"id":3150,"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/posts\/2967\/revisions\/3150"}],"wp:attachment":[{"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/media?parent=2967"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/categories?post=2967"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/tags?post=2967"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}<\/a><\/p>\nStep #1<\/h4>\n
<\/a><\/p>\nStep #2<\/h4>\n
<\/a><\/p>\n<\/a><\/p>\n Gradient Effect<\/h4>\n
<\/a><\/p>\n<\/a><\/p>\n Inner Glow<\/h4>\n
<\/a><\/p>\nStroke<\/h4>\n
<\/a><\/p>\n<\/a><\/p>\nStep #3<\/h4>\n
<\/a><\/p>\n<\/a><\/p>\nStep # 4<\/h4>\n
<\/a><\/p>\n Gradient Effect<\/h4>\n
<\/a><\/p>\n<\/a><\/p>\nStroke<\/h4>\n
<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\nStroke<\/h4>\n
Final Result<\/h4>\n
<\/a><\/p>\n