{"id":2649,"date":"2014-03-03T03:49:50","date_gmt":"2014-03-03T07:49:50","guid":{"rendered":"http:\/\/www.searchenginegenie.com\/web-design-blog\/?p=2649"},"modified":"2014-03-03T04:34:40","modified_gmt":"2014-03-03T08:34:40","slug":"golwing-3d-text-effect","status":"publish","type":"post","link":"https:\/\/www.searchenginegenie.com\/web-design-blog\/golwing-3d-text-effect\/","title":{"rendered":"Golwing 3D Text Effect"},"content":{"rendered":"<p><strong>Step 1 : Document creation<\/strong><\/p>\n<p>Create a new document with 600px width and 400px height.<br \/>\n<a name=\"imageclose-2650\"><div class=\"lb-album\"><a href=\"#image-2650\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/1-300x223.png\" alt=\"1\" class=\"aligncenter size-medium wp-image-2650\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2650\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2650\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/1.png\" alt=\"image-2650\">\r\n                   <\/div><\/a><\/p>\n<p>Step 2 : Add background color<strong><\/strong><\/p>\n<p>Set as #011923 as background color.<\/p>\n<p><a name=\"imageclose-2651\"><div class=\"lb-album\"><a href=\"#image-2651\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/2-300x203.png\" alt=\"2\" class=\"aligncenter size-medium wp-image-2651\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2651\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2651\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/2.png\" alt=\"image-2651\">\r\n                   <\/div><\/a><\/p>\n<p>Add some noise. Go to filter-&gt;Noise-&gt;Add noise-&gt;select 2% and click ok.<br \/>\n<a name=\"imageclose-2652\"><div class=\"lb-album\"><a href=\"#image-2652\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/3-229x300.png\" alt=\"3\" class=\"aligncenter size-medium wp-image-2652\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2652\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2652\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/3.png\" alt=\"image-2652\">\r\n                   <\/div><\/a><\/p>\n<p><strong>Step 3 : Create new layer<\/strong><\/p>\n<p>Select Eliptical marquee tool and set feather as 150.<br \/>\n<a name=\"imageclose-2653\"><div class=\"lb-album\"><a href=\"#image-2653\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/4-300x200.png\" alt=\"4\" class=\"aligncenter size-medium wp-image-2653\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2653\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2653\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/4.png\" alt=\"image-2653\">\r\n                   <\/div><\/a><\/p>\n<p>Fill selected area with white color.<\/p>\n<p>Now set blending mode to Linear Dodge(add) and bring opacity to 90%.<\/p>\n<p><a name=\"imageclose-2654\"><div class=\"lb-album\"><a href=\"#image-2654\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/5-300x201.png\" alt=\"5\" class=\"aligncenter size-medium wp-image-2654\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2654\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2654\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/5.png\" alt=\"image-2654\">\r\n                   <\/div><\/a><\/p>\n<p><a name=\"imageclose-2655\"><div class=\"lb-album\"><a href=\"#image-2655\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/6.png\" alt=\"6\" class=\"aligncenter size-full wp-image-2655\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2655\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2655\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/6.png\" alt=\"image-2655\">\r\n                   <\/div><\/a><br \/>\n<strong>Step 4 : Type the text<\/strong><\/p>\n<p>Type the text \u201cCONTEMPO\u201d set its size to above 160, fill the text with while color, use Helvetica neue font style and set to bold text.<br \/>\n<a name=\"imageclose-2656\"><div class=\"lb-album\"><a href=\"#image-2656\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/8.png\" alt=\"8\" class=\"aligncenter size-full wp-image-2657\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2656\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2656\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/8.png\" alt=\"image-2656\">\r\n                   <\/div><\/a><br \/>\n<a name=\"imageclose-2657\"><div class=\"lb-album\"><a href=\"#image-2657\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/7-300x200.png\" alt=\"7\" class=\"aligncenter size-medium wp-image-2656\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2657\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2657\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/7.png\" alt=\"image-2657\">\r\n                   <\/div><\/a><br \/>\n<strong>Step 5 : Create darker text <\/strong><br \/>\nSet darker color to duplicate layer and set the darker text behind the original text layer.<br \/>\nMake some adjustment by transform the text.<br \/>\n<a name=\"imageclose-2658\"><div class=\"lb-album\"><a href=\"#image-2658\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/9-300x199.png\" alt=\"9\" class=\"aligncenter size-medium wp-image-2658\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2658\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2658\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/9.png\" alt=\"image-2658\">\r\n                   <\/div><\/a><br \/>\n<strong>Step 6 : Apply Layer style<\/strong><br \/>\nApplying the following layer style to white text layer<br \/>\n<a name=\"imageclose-2659\"><div class=\"lb-album\"><a href=\"#image-2659\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/10-300x235.png\" alt=\"10\" class=\"aligncenter size-medium wp-image-2659\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2659\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2659\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/10.png\" alt=\"image-2659\">\r\n                   <\/div><\/a><br \/>\n<a name=\"imageclose-2660\"><div class=\"lb-album\"><a href=\"#image-2660\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/11-300x233.png\" alt=\"11\" class=\"aligncenter size-medium wp-image-2660\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2660\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2660\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/11.png\" alt=\"image-2660\">\r\n                   <\/div><\/a><br \/>\n<a name=\"imageclose-2661\"><div class=\"lb-album\"><a href=\"#image-2661\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/12-300x235.png\" alt=\"12\" class=\"aligncenter size-medium wp-image-2661\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2661\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2661\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/12.png\" alt=\"image-2661\">\r\n                   <\/div><\/a><br \/>\nNow the text will be shown like this<br \/>\n<a name=\"imageclose-2662\"><div class=\"lb-album\"><a href=\"#image-2662\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/13-300x200.png\" alt=\"13\" class=\"aligncenter size-medium wp-image-2662\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2662\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2662\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/13.png\" alt=\"image-2662\">\r\n                   <\/div><\/a><br \/>\nApply layer style to darker text<br \/>\n<a name=\"imageclose-2663\"><div class=\"lb-album\"><a href=\"#image-2663\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/14-300x234.png\" alt=\"14\" class=\"aligncenter size-medium wp-image-2663\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2663\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2663\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/14.png\" alt=\"image-2663\">\r\n                   <\/div><\/a><\/p>\n<p><a name=\"imageclose-2664\"><div class=\"lb-album\"><a href=\"#image-2664\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/15-300x234.png\" alt=\"15\" class=\"aligncenter size-medium wp-image-2664\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2664\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2664\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/15.png\" alt=\"image-2664\">\r\n                   <\/div><\/a><\/p>\n<p><a name=\"imageclose-2665\"><div class=\"lb-album\"><a href=\"#image-2665\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/16-300x234.png\" alt=\"16\" class=\"aligncenter size-medium wp-image-2665\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2665\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2665\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/16.png\" alt=\"image-2665\">\r\n                   <\/div><\/a><\/p>\n<p><a name=\"imageclose-2666\"><div class=\"lb-album\"><a href=\"#image-2666\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/17-300x235.png\" alt=\"17\" class=\"aligncenter size-medium wp-image-2666\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2666\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2666\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/17.png\" alt=\"image-2666\">\r\n                   <\/div><\/a><br \/>\nNow the text will be shown like this<br \/>\n<a name=\"imageclose-2667\"><div class=\"lb-album\"><a href=\"#image-2667\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/18-300x202.png\" alt=\"18\" class=\"aligncenter size-medium wp-image-2667\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2667\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2667\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/18.png\" alt=\"image-2667\">\r\n                   <\/div><\/a><br \/>\n<strong>Step 7 : Duplicate the text layer<\/strong><br \/>\nSet blending mode to soft light and fill it as90%.<br \/>\n<a name=\"imageclose-2668\"><div class=\"lb-album\"><a href=\"#image-2668\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/19.png\" alt=\"19\" class=\"aligncenter size-full wp-image-2668\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2668\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2668\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/19.png\" alt=\"image-2668\">\r\n                   <\/div><\/a><br \/>\nSelect marquee tool and set feather to 0px.<\/p>\n<p>Erase the selected area and the text will be like this<br \/>\n<a name=\"imageclose-2669\"><div class=\"lb-album\"><a href=\"#image-2669\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/21.png\" alt=\"21\" class=\"aligncenter size-full wp-image-2670\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2669\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2669\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/21.png\" alt=\"image-2669\">\r\n                   <\/div><\/a><\/p>\n<p><a name=\"imageclose-2670\"><div class=\"lb-album\"><a href=\"#image-2670\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/22-300x202.png\" alt=\"22\" class=\"aligncenter size-medium wp-image-2671\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2670\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2670\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/22.png\" alt=\"image-2670\">\r\n                   <\/div><\/a><br \/>\n<strong>Step 8 : Create glowing effect<\/strong><br \/>\nTo create glowing effect select brush tool and create some spot.<br \/>\n<a name=\"imageclose-2671\"><div class=\"lb-album\"><a href=\"#image-2671\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/23.png\" alt=\"23\" class=\"aligncenter size-full wp-image-2672\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2671\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2671\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/23.png\" alt=\"image-2671\">\r\n                   <\/div><\/a><br \/>\nCreate x shaped sparkle by using free transform option.<br \/>\n<a name=\"imageclose-2672\"><div class=\"lb-album\"><a href=\"#image-2672\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/24-300x133.png\" alt=\"24\" class=\"aligncenter size-medium wp-image-2673\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2672\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2672\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/24.png\" alt=\"image-2672\">\r\n                   <\/div><\/a><br \/>\n<strong>Step 9 : Glowing 3d text<\/strong><br \/>\nFinally we got the glowing 3d effect text.<\/p>\n<p><a name=\"imageclose-2673\"><div class=\"lb-album\"><a href=\"#image-2673\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/25-300x203.png\" alt=\"25\" class=\"aligncenter size-medium wp-image-2674\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2673\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2673\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/03\/25.png\" alt=\"image-2673\">\r\n                   <\/div><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Step 1 : Document creation Create a new document with 600px width and 400px height. Step 2 : Add background color Set as #011923 as background color. Add some noise. Go to filter-&gt;Noise-&gt;Add noise-&gt;select 2% and click ok. Step 3 : Create new layer Select Eliptical marquee tool and set feather as 150. Fill selected [&hellip;]<\/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-2649","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\/2649","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=2649"}],"version-history":[{"count":7,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/2649\/revisions"}],"predecessor-version":[{"id":2681,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/2649\/revisions\/2681"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=2649"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=2649"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=2649"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}