{"id":2718,"date":"2014-04-21T02:42:05","date_gmt":"2014-04-21T06:42:05","guid":{"rendered":"http:\/\/www.searchenginegenie.com\/web-design-blog\/?p=2718"},"modified":"2014-04-21T02:42:05","modified_gmt":"2014-04-21T06:42:05","slug":"create-a-google-plus-icon","status":"publish","type":"post","link":"https:\/\/www.searchenginegenie.com\/web-design-blog\/create-a-google-plus-icon\/","title":{"rendered":"CREATE A GOOGLE PLUS ICON"},"content":{"rendered":"

Step 1 : Create a new document<\/strong>
\n Create a document with preferred size. Set the background to transparent.
\n

\"1\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2719\"\r\n <\/div><\/a>
\n Step 2 : Draw a square<\/strong>
\n Fill the background with black color and draw a square.
\n Using rectangular tool and change the option bar to “Subtract From Shape Area”.
\n Now drag the rectangle to filter the square, finally one quarter will remain copy that shape to form as a square.<\/p>\n

\"2\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2720\"\r\n <\/div><\/a><\/strong> <\/strong>
\n Step 3 : Adding layer style<\/strong>
\n Apply the following layer style to that square
\n Bevel and Emboss<\/strong>
\n Outer Glow<\/strong>
\n Gradient Overlay<\/strong><\/p>\n

\"3\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2721\"\r\n <\/div><\/a> <\/strong><\/p>\n

Applying the varies gradient color to get glowing effect
\n

\"4\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2722\"\r\n <\/div><\/a><\/strong> <\/strong>
\n
\"5\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2723\"\r\n <\/div><\/a><\/strong> <\/strong><\/p>\n

Step 4 : Creating inner Ellipse<\/strong>
\n Now create ellipse inside the square with whote color.
\n And give the following layer style
\n Inner Shadow<\/strong>
\n Bevel and Emboss<\/strong>
\n Gradient Overlay<\/strong>
\n Drop Shadow<\/strong><\/p>\n

\"6\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2724\"\r\n <\/div><\/a>
\n Step 5 : Type plus Symbol<\/strong>
\n Select type tool and add plus symbol inside of the ellipse.
\n And give the following layer styles.
\n Drop Shadow<\/strong>
\n Inner Shadow<\/strong>
\n Color Overlay<\/strong>
\n
\"7\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2725\"\r\n <\/div><\/a><\/p>\n

Step 6 : Creating The Buckle’s <\/strong>
\nSelect rectangle tool and drag out which covers the join between each colors.
\n
\n

\"8\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2726\"\r\n <\/div><\/a>
\nFinally the output will be like this.
\n
\"9\"<\/span><\/a><\/div> \r\n\r\n\t\t\t\t
\r\n \"image-2727\"\r\n <\/div><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Step 1 : Create a new document Create a document with preferred size. Set the background to transparent. Step 2 : Draw a square Fill the background with black color and draw a square. Using rectangular tool and change the option bar to “Subtract From Shape Area”. Now drag the rectangle to filter the square, […]<\/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-2718","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\/2718","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=2718"}],"version-history":[{"count":5,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/2718\/revisions"}],"predecessor-version":[{"id":2732,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/2718\/revisions\/2732"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=2718"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=2718"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=2718"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}