{"id":13,"date":"2008-03-28T06:56:00","date_gmt":"2008-03-28T10:56:00","guid":{"rendered":"http:\/\/www.searchenginegenie.com\/web-design-blog\/?p=13"},"modified":"2008-03-28T06:56:00","modified_gmt":"2008-03-28T10:56:00","slug":"creating-a-stylish-button","status":"publish","type":"post","link":"https:\/\/www.searchenginegenie.com\/web-design-blog\/creating-a-stylish-button\/","title":{"rendered":"creating a stylish button"},"content":{"rendered":"
\n
<\/span><\/div>\n
Follow these steps to create a stylish button like this.
<\/span>\"\"<\/span><\/a>
1.create a circle with same height and width.To get this Alt+Shift and draw circle. <\/span><\/div>\n

<\/p>\n

<\/span>\"\"<\/span><\/a>
2.Then go to the layer and select bevel and emboss option. <\/span><\/div>\n

<\/p>\n

\n

<\/span>\"\"<\/span><\/a><\/p>\n

and then go to gradient overlay option and enter the following datas which are shown below.<\/span><\/div>\n


<\/span>\"\"<\/span><\/a><\/div>\n

<\/span><\/p>\n

<\/div>\n
<\/div>\n
\"\"<\/span><\/a><\/div>\n
4.Draw a circle as shown below.<\/div>\n
\"\"<\/span><\/a> <\/span><\/div>\n
5.Now draw a circle with same color but with radius less than above circle.<\/span><\/div>\n

<\/span>\"\"<\/span><\/a><\/div>\n
<\/div>\n
6.now select gradient overlay option for this layer and enter the values as below.<\/div>\n
<\/div>\n
\"\"<\/span><\/a><\/div>\n
<\/div>\n
7.Now draw a small as given below.<\/div>\n
\"\"<\/span><\/a><\/div>\n
<\/div>\n
8.Then choose gradient overlay option and do it as below.<\/div>\n
<\/div>\n
<\/div>\n
\"\"<\/span><\/a><\/div>\n
<\/div>\n<\/div>\n
<\/div>\n
Finally you will get the button as below. <\/p>\n
\"\"<\/span><\/a><\/p>\n<\/div>\n
<\/span><\/div>\n

<\/a><\/a><\/div>\n","protected":false},"excerpt":{"rendered":"

Follow these steps to create a stylish button like this.1.create a circle with same height and width.To get this Alt+Shift and draw circle. 2.Then go to the layer and select bevel and emboss option. and then go to gradient overlay option and enter the following datas which are shown below. 4.Draw a circle as shown […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-13","post","type-post","status-publish","format-standard","hentry","category-whats-trending-web-design"],"_links":{"self":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":0,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/13\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=13"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=13"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}