![\"inset-button-tutorial-final\"](\"http:\/\/aceinfowayindia.com\/blog\/wp-content\/uploads\/2009\/11\/inset-button-tutorial-final.jpg\" "\\"inset-button-tutorial-final\\"")
<\/a><\/p>\nStep #1<\/h4>\n
Open photoshop and create a new document, mine is 550px\u00d7356px<\/strong> with a white background.<\/p>\n Select the Rounded Rectangle Tool<\/strong> and create button, mine radius<\/strong> is 6px<\/strong>.<\/p>\n Now we will apply some effect<\/p>\n Styling the Button<\/strong> double-click on the Button Layer\u2019s thumbnail in the Layers Panel to open up the Layer Styles dialog box, we will apply a vertical gradiant effect<\/strong> for your Button. 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 #848484<\/strong>, then double-click on right-color-stop<\/strong> and enter the color value #C4C4C4<\/strong>.<\/p>\n Next apply the Drop Shadow<\/strong> layer style. Keep the angle at 120o, than changing the values of Opacity, Distance and Size. I choose to set the Opacity<\/strong> at 47%<\/strong>, Distance<\/strong> at 2px<\/strong> and Size<\/strong> at 4px<\/strong>.<\/p>\n Should look like this.<\/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>, Position<\/strong> at Outside<\/strong>. I choose to set the Opacity<\/strong> at 100%<\/strong>. Change the Stroke color<\/strong> from the default to #666666<\/strong><\/p>\n Should look like this.<\/p>\n Select Horizontal Type Tool<\/strong> and type text on front.<\/p>\n Now we will apply some effect for text.<\/p>\n Double-click on the Text layer\u2019s thumbnail in the Layers Panel to open up the Layer Styles dialog box. First we will apply color overlay<\/strong>, i choose the colour<\/strong> #303030<\/strong><\/p>\n Next apply the Inner Shadow<\/strong> layer style. Most Important Part<\/strong> keep the Angle<\/strong> at 41o<\/strong>, than changing the values of Opacity, Distance and Size. I choose to set the Opacity<\/strong> at 75%<\/strong> and Distance<\/strong> at 1px<\/strong> and Size<\/strong> at 1px<\/strong>.<\/p>\n Finally we will apply the Drop Shadow<\/strong>, first change the Blending<\/strong> option to Normal<\/strong>. Change the Shadow Color<\/strong> from the default to #FFFFFF. Keep the Angle<\/strong> at 90o<\/strong>, than changing the values of opacity and Distance. I choose to set the Opacity<\/strong> at 47%<\/strong> and Distance<\/strong> at 1px<\/strong>.<\/strong><\/p>\n If you\u2019d like to check your work, you may download the PSD file for this tutorial<\/strong><\/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":" This is a beginning lavel design tutorial. In this article you will find How to Create Nice Inset Text Button in Photoshop. this is very quick and easy graphic design 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-2604","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\/2604","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=2604"}],"version-history":[{"count":9,"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/posts\/2604\/revisions"}],"predecessor-version":[{"id":2627,"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/posts\/2604\/revisions\/2627"}],"wp:attachment":[{"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/media?parent=2604"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/categories?post=2604"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/aceinfowayindia.com\/blog\/wp-json\/wp\/v2\/tags?post=2604"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}<\/a><\/p>\nStep #2<\/h4>\n
<\/a><\/p>\nGradient Overlay<\/h4>\n
<\/a><\/p>\n<\/a><\/p>\nDrop Shadow<\/h4>\n
<\/a><\/p>\n<\/a><\/p>\nStroke<\/h4>\n
<\/a><\/p>\n<\/a><\/p>\nStep #3<\/h4>\n
<\/a><\/p>\nColor Overlay<\/h4>\n
<\/a><\/p>\nInner Shadow<\/h4>\n
<\/a><\/p>\nDrop Shadow<\/h4>\n
<\/a><\/p>\nResult<\/h4>\n
<\/a><\/p>\n