![\"green-button-final1\"](\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2009\/11\/green-button-final1.jpg\" "\\"green-button-final1\\"")
<\/a><\/p>\nStep #1<\/h4>\n
Open photoshop and create a new document, mine is 550px\u00d7398px<\/strong> with a white background.<\/p>\n Fill the color in background layer, mine color is #979696<\/strong>.<\/p>\n Select the Rounded Rectangle Tool<\/strong> and create button, mine Radius<\/strong> is 5px<\/strong>, width: 219px<\/strong> and height: 40px<\/strong>.<\/strong>.<\/h4>\n Now we will apply some effect<\/p>\n Styling the Button double-click<\/strong> on the Button Layer\u2019s thumbnail in the Layers Panel<\/strong> to open up the Layer Styles dialog box, we will apply a Vertical Gradient Effect<\/strong> for your Button<\/strong>. Then click on the Color Gradient<\/strong> on the right of the Gradient option to open up the Color Gradient Editor<\/strong>.<\/p>\n Double-click on left-color-stop<\/strong> and enter the color value #55A646<\/strong>, then double-click on right-color-stop<\/strong> and enter the color value #A5CE3F<\/strong>.<\/p>\n Next apply the Drop Shadow layer style. Keep the Angle<\/strong> at 120o<\/strong>, than changing the values of Opacity, Distance and Size. I choose to set the Opacity<\/strong> at 20%<\/strong>, Distance<\/strong> at 1px<\/strong> and Size<\/strong> at 5px<\/strong>.<\/p>\n Next apply the Inner Shadow<\/strong> layer style. Keep the Angle<\/strong> at 120o<\/strong>, than changing the values of Opacity, Choke and Size. I choose to set the Opacity<\/strong> at 27% and Choke<\/strong> at 100%<\/strong> and Size<\/strong> at 2px<\/strong>.<\/p>\n Next Change the Blending option<\/strong> to Normal<\/strong>.<\/p>\n Next we will apply Bevel Emboss<\/strong>, First Changing the Style to Inner Bevel<\/strong> and Technique<\/strong> to Smooth<\/strong>, than changing the values of Depth, Direction, Size and Soften. I choose to set the Depth<\/strong> at 100%<\/strong>, Direction <\/strong>at Up<\/strong>, Size<\/strong> at 1px<\/strong> and Soften<\/strong> at 0px<\/strong><\/p>\n Keep the Angle<\/strong> at 120o<\/strong>, Altitude<\/strong> at 30o<\/strong><\/p>\n Highlight mode<\/strong> :I choose to set the Opacity<\/strong> at 0%<\/strong>.<\/p>\n Shadow mode<\/strong> : I choose to set the Opacity<\/strong> at 14%<\/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 Inside<\/strong><\/p>\n I choose to set the Opacity<\/strong> at 50%<\/strong>.<\/p>\n Change the Stroke color<\/strong> from the default<\/strong> to #529846<\/strong><\/p>\n Should Look like this.<\/p>\n Select Horizontal Type Tool<\/strong> and type text on front.<\/p>\n We will apply some effect for text.<\/p>\n Double-click<\/strong> on the Text layer\u2019s<\/strong> thumbnail in the Layers Panel to open up the Layer Styles<\/strong> dialog box. First we will apply Gradient Overlay, we will apply a Vertical Gradient Effect<\/strong> for your text. Then click on the Color Gradient<\/strong> on the right of the Gradient option to open up the Color Gradient Editor<\/strong>..<\/p>\n Double-click on left-color-stop<\/strong> and enter the color value #DDDCDC<\/strong>, then double-click on center-color-stop<\/strong> and enter the color value #FFFFFF<\/strong>.<\/p>\n Finally we will apply the Drop Shadow layer style. Keep the Angle<\/strong> at 120o<\/strong>, than changing the values of Opacity, Distance and Size. I choose to set the Opacity<\/strong> at 34%<\/strong>, Distance<\/strong> at 1px<\/strong> and Size<\/strong> at 1px<\/strong>.<\/p>\n If you\u2019d like to check your work, you may download the PSD file for this tutorial<\/p>\n Download File [240KB]<\/a><\/p>\n if you would like to receive more inspiration from us, please consider subscribing to our feed by RSS<\/strong><\/a> or by email<\/strong><\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":" Hey guys one more Photoshop Tutorial. In this Tutorial i\u2019ll find you How to Create a Simple Green Button in Photoshop. This is very simple and quite effective tutorial. 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-2784","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\/2784","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=2784"}],"version-history":[{"count":31,"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/posts\/2784\/revisions"}],"predecessor-version":[{"id":2854,"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/posts\/2784\/revisions\/2854"}],"wp:attachment":[{"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/media?parent=2784"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/categories?post=2784"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/tags?post=2784"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}<\/a><\/p>\nStep#2<\/h4>\n
<\/a><\/p>\nStep #3<\/h4>\n
<\/a><\/p>\nGradient Overlay<\/h4>\n
<\/a><\/p>\n<\/a><\/p>\nDrop Shadow<\/h4>\n
<\/a><\/p>\nInner Shadow<\/h4>\n
<\/a><\/p>\nBevel Emboss<\/h4>\n
<\/a><\/p>\nStroke<\/h4>\n
<\/a><\/p>\n<\/a><\/p>\nStep #4<\/h4>\n
<\/a><\/p>\nGradient Overlay<\/h4>\n
<\/a><\/p>\n<\/a><\/p>\nDrop Shadow<\/h4>\n
<\/a><\/p>\nFinal Result<\/h4>\n
<\/a><\/p>\n