{"id":25,"date":"2008-06-28T03:09:00","date_gmt":"2008-06-28T07:09:00","guid":{"rendered":"http:\/\/www.searchenginegenie.com\/web-design-blog\/?p=25"},"modified":"2008-06-28T03:09:00","modified_gmt":"2008-06-28T07:09:00","slug":"gradient-text-effect","status":"publish","type":"post","link":"https:\/\/www.searchenginegenie.com\/web-design-blog\/gradient-text-effect\/","title":{"rendered":"Gradient Text Effect"},"content":{"rendered":"<p>Step one:<\/p>\n<div>\n<div>Start with a large white canvas, in your layers window make a new layer set and <\/div>\n<div>name it Fire Glass Text Effect. Now type &#8220;WEB DESIGN BLOG&#8221;, use font <\/div>\n<div>Berlin Sans FB Demi, bold, 60 pt, crisp and #A15700 for color. <\/div>\n<div><a name=\"imageclose-26\"><div class=\"lb-album\"><a href=\"#image-26\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/1-701297-778000.gif\"  ><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-26\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-26\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/1-701297-778002.gif\" alt=\"image-26\">\r\n                   <\/div><\/a><\/div>\n<div>Step two: <\/div>\n<div>With your step one text layer add the following layer styles: <\/div>\n<div><a name=\"imageclose-27\"><div class=\"lb-album\"><a href=\"#image-27\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/2-729843.gif\"  ><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-27\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-27\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/7-744716-734031.gif\" alt=\"image-27\">\r\n                   <\/div><\/a><\/div>\n<p><\/p>\n<div><a name=\"imageclose-28\"><div class=\"lb-album\"><a href=\"#image-28\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/3-737721.gif\"  ><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-28\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-28\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/3-737723.gif\" alt=\"image-28\">\r\n                   <\/div><\/a><\/div>\n<div>Step three:<br \/>In a new text layer type &#8220;WEB DESIGN BLOG&#8221; again with a black color above the first.<br \/><a name=\"imageclose-29\"><div class=\"lb-album\"><a href=\"#image-29\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/4-707299-764249.gif\"  ><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-29\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-29\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/4-707299-764256.gif\" alt=\"image-29\">\r\n                   <\/div><\/a> <\/div>\n<div><\/div>\n<div>Step four:<br \/>With your step three text layer, set the blending mode to lighten and add the <\/div>\n<div>following layer styles:<\/div>\n<div> <\/div>\n<div><a name=\"imageclose-30\"><div class=\"lb-album\"><a href=\"#image-30\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/5-770836.gif\"  ><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-30\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-30\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/5-770838.gif\" alt=\"image-30\">\r\n                   <\/div><\/a><\/div>\n<div><\/p>\n<div><a name=\"imageclose-31\"><div class=\"lb-album\"><a href=\"#image-31\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/6-742693.gif\"  ><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-31\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-31\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/6-742696.gif\" alt=\"image-31\">\r\n                   <\/div><\/a><\/div>\n<div>Here is the final output:<\/div>\n<p><a name=\"imageclose-32\"><div class=\"lb-album\"><a href=\"#image-32\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/7-744716-766365.gif\"  ><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-32\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-32\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/7-744716-766371.gif\" alt=\"image-32\">\r\n                   <\/div><\/a><\/p>\n<div><\/div>\n<div><\/div>\n<div><a onblur=\"try {parent.deselectBloggerImageGracefully();} catch(e) {}\" href=\"http:\/\/www.searchenginegenie.com\/web-design\/uploaded_images\/7-744716.gif\"><\/a><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Step one: Start with a large white canvas, in your layers window make a new layer set and name it Fire Glass Text Effect. Now type &#8220;WEB DESIGN BLOG&#8221;, use font Berlin Sans FB Demi, bold, 60 pt, crisp and #A15700 for color. Step two: With your step one text layer add the following layer [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-25","post","type-post","status-publish","format-standard","hentry","category-photoshop"],"_links":{"self":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/25","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=25"}],"version-history":[{"count":0,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/25\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=25"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=25"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}