Untitled Document<\/title><br \/>\n<\/head><\/p>\n<p><body><br \/>\n Rainbow Effects in Photoshop <\/p>\n<p>Before image:<a name=\"imageclose-2902\"><div class=\"lb-album\"><a href=\"#image-2902\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/06\/7757793424_159511bac7_z-300x199.jpg\" alt=\"7757793424_159511bac7_z\" class=\"aligncenter size-medium wp-image-2910\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-2902\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-2902\">\r\n <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/06\/7757793424_159511bac7_z.jpg\" alt=\"image-2902\">\r\n <\/div><\/a><\/p>\n<p>After image:<a name=\"imageclose-2903\"><div class=\"lb-album\"><a href=\"#image-2903\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/06\/final-image-300x200.png\" alt=\"final-image\" class=\"aligncenter size-medium wp-image-2902\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-2903\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-2903\">\r\n <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/06\/final-image.png\" alt=\"image-2903\">\r\n <\/div><\/a><\/p>\n<p>Step 1:<br \/>\nOpen the new image(background \u201csky\u201d) .<br \/>\nCreate a new layer.<br \/>\nNow select the rectangular marquee tool and create a selection for below the image.<a name=\"imageclose-2904\"><div class=\"lb-album\"><a href=\"#image-2904\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/06\/1-300x220.png\" alt=\"1\" class=\"aligncenter size-medium wp-image-2903\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-2904\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-2904\">\r\n <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/06\/1.png\" alt=\"image-2904\">\r\n <\/div><\/a><\/p>\n<p>Step 2:<br \/>\nNext select the gradient tool and set the color from below the image<a name=\"imageclose-2905\"><div class=\"lb-album\"><a href=\"#image-2905\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/06\/2-300x195.png\" alt=\"2\" class=\"aligncenter size-medium wp-image-2904\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-2905\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-2905\">\r\n <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/06\/2.png\" alt=\"image-2905\">\r\n <\/div><\/a><\/p>\n<p>After apply drag the selection to apply the gradient shows from below the image. Next copy the duplicate(ctrl + J) layer and original layer eye icon is turn off the visibility.<br \/>\n<a name=\"imageclose-2906\"><div class=\"lb-album\"><a href=\"#image-2906\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/06\/3-300x225.png\" alt=\"3\" class=\"aligncenter size-medium wp-image-2905\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-2906\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-2906\">\r\n <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/06\/3.png\" alt=\"image-2906\">\r\n <\/div><\/a><\/p>\n<p>Step 3:<br \/>\n \t Select the Erase tool and also select the soft round erase tool after erase the right and<br \/>\n left Corners shoes below the image.<a name=\"imageclose-2907\"><div class=\"lb-album\"><a href=\"#image-2907\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/06\/4-300x225.png\" alt=\"4\" class=\"aligncenter size-medium wp-image-2906\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-2907\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-2907\">\r\n <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/06\/4.png\" alt=\"image-2907\">\r\n <\/div><\/a><\/p>\n<p>Step 4:<br \/>\nNow apply the blur, first select the filter and select the blur and also select the Gaussian blur and enter the radius value is 18 px.<a name=\"imageclose-2908\"><div class=\"lb-album\"><a href=\"#image-2908\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/06\/5-300x225.png\" alt=\"5\" class=\"aligncenter size-medium wp-image-2907\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-2908\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-2908\">\r\n <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/06\/5.png\" alt=\"image-2908\">\r\n <\/div><\/a><\/p>\n<p> Next select the Rainbow gradient layer and press the [ Ctrl + T ] and right click and select the warp option and arrange to following to below the image.<br \/>\n<a name=\"imageclose-2909\"><div class=\"lb-album\"><a href=\"#image-2909\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/06\/6-300x221.png\" alt=\"6\" class=\"aligncenter size-medium wp-image-2908\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-2909\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-2909\">\r\n <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/06\/6.png\" alt=\"image-2909\">\r\n <\/div><\/a><\/p>\n<p>After Modify the size and position using the free transform[ Ctrl + T ]. And finally blending mode change to the \u201ccolor\u201d and decrees the opacity range is 70% after you will get the final image .<br \/>\nFinal image<br \/>\n<a name=\"imageclose-2903\"><div class=\"lb-album\"><a href=\"#image-2903\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/06\/final-image-300x200.png\" alt=\"final-image\" class=\"aligncenter size-medium wp-image-2902\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-2903\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-2903\">\r\n <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/06\/final-image.png\" alt=\"image-2903\">\r\n <\/div><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Untitled Document Rainbow Effects in Photoshop Before image: After image: Step 1: Open the new image(background \u201csky\u201d) . Create a new layer. Now select the rectangular marquee tool and create a selection for below the image. Step 2: Next select the gradient tool and set the color from below the image After apply drag the […]<\/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-2901","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\/2901","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=2901"}],"version-history":[{"count":5,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/2901\/revisions"}],"predecessor-version":[{"id":2914,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/2901\/revisions\/2914"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=2901"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=2901"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=2901"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2901,"date":"2014-06-09T05:25:35","date_gmt":"2014-06-09T09:25:35","guid":{"rendered":"http:\/\/www.searchenginegenie.com\/web-design-blog\/?p=2901"},"modified":"2014-06-09T05:25:35","modified_gmt":"2014-06-09T09:25:35","slug":"rainbow-effects-in-photoshop","status":"publish","type":"post","link":"https:\/\/www.searchenginegenie.com\/web-design-blog\/rainbow-effects-in-photoshop\/","title":{"rendered":"Rainbow Effects in Photoshop"},"content":{"rendered":"

\n
\n
\n
\nUntitled Document<\/title><br \/>\n<\/head><\/p>\n<p><body><br \/>\n Rainbow Effects in Photoshop <\/p>\n<p>Before image:<a name=\"imageclose-2902\"><div class=\"lb-album\"><a href=\"#image-2902\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/06\/7757793424_159511bac7_z-300x199.jpg\" alt=\"7757793424_159511bac7_z\" class=\"aligncenter size-medium wp-image-2910\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-2902\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-2902\">\r\n <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/06\/7757793424_159511bac7_z.jpg\" alt=\"image-2902\">\r\n <\/div><\/a><\/p>\n<p>After image:<a name=\"imageclose-2903\"><div class=\"lb-album\"><a href=\"#image-2903\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/06\/final-image-300x200.png\" alt=\"final-image\" class=\"aligncenter size-medium wp-image-2902\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-2903\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-2903\">\r\n <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/06\/final-image.png\" alt=\"image-2903\">\r\n <\/div><\/a><\/p>\n<p>Step 1:<br \/>\nOpen the new image(background \u201csky\u201d) .<br \/>\nCreate a new layer.<br \/>\nNow select the rectangular marquee tool and create a selection for below the image.<a name=\"imageclose-2904\"><div class=\"lb-album\"><a href=\"#image-2904\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/06\/1-300x220.png\" alt=\"1\" class=\"aligncenter size-medium wp-image-2903\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-2904\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-2904\">\r\n <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/06\/1.png\" alt=\"image-2904\">\r\n <\/div><\/a><\/p>\n<p>Step 2:<br \/>\nNext select the gradient tool and set the color from below the image<a name=\"imageclose-2905\"><div class=\"lb-album\"><a href=\"#image-2905\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/06\/2-300x195.png\" alt=\"2\" class=\"aligncenter size-medium wp-image-2904\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-2905\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-2905\">\r\n <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/06\/2.png\" alt=\"image-2905\">\r\n <\/div><\/a><\/p>\n<p>After apply drag the selection to apply the gradient shows from below the image. Next copy the duplicate(ctrl + J) layer and original layer eye icon is turn off the visibility.<br \/>\n<a name=\"imageclose-2906\"><div class=\"lb-album\"><a href=\"#image-2906\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/06\/3-300x225.png\" alt=\"3\" class=\"aligncenter size-medium wp-image-2905\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-2906\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-2906\">\r\n <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/06\/3.png\" alt=\"image-2906\">\r\n <\/div><\/a><\/p>\n<p>Step 3:<br \/>\n \t Select the Erase tool and also select the soft round erase tool after erase the right and<br \/>\n left Corners shoes below the image.<a name=\"imageclose-2907\"><div class=\"lb-album\"><a href=\"#image-2907\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/06\/4-300x225.png\" alt=\"4\" class=\"aligncenter size-medium wp-image-2906\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-2907\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-2907\">\r\n <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/06\/4.png\" alt=\"image-2907\">\r\n <\/div><\/a><\/p>\n<p>Step 4:<br \/>\nNow apply the blur, first select the filter and select the blur and also select the Gaussian blur and enter the radius value is 18 px.<a name=\"imageclose-2908\"><div class=\"lb-album\"><a href=\"#image-2908\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/06\/5-300x225.png\" alt=\"5\" class=\"aligncenter size-medium wp-image-2907\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-2908\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-2908\">\r\n <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/06\/5.png\" alt=\"image-2908\">\r\n <\/div><\/a><\/p>\n<p> Next select the Rainbow gradient layer and press the [ Ctrl + T ] and right click and select the warp option and arrange to following to below the image.<br \/>\n<a name=\"imageclose-2909\"><div class=\"lb-album\"><a href=\"#image-2909\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/06\/6-300x221.png\" alt=\"6\" class=\"aligncenter size-medium wp-image-2908\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-2909\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-2909\">\r\n <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/06\/6.png\" alt=\"image-2909\">\r\n <\/div><\/a><\/p>\n<p>After Modify the size and position using the free transform[ Ctrl + T ]. And finally blending mode change to the \u201ccolor\u201d and decrees the opacity range is 70% after you will get the final image .<br \/>\nFinal image<br \/>\n<a name=\"imageclose-2903\"><div class=\"lb-album\"><a href=\"#image-2903\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/06\/final-image-300x200.png\" alt=\"final-image\" class=\"aligncenter size-medium wp-image-2902\"><span><\/span><\/a><\/div> \r\n<a href=\"#imageclose-2903\" class=\"css3lightbox-close\">\r\n\t\t\t\t <div class=\"lb-overlay\" id=\"image-2903\">\r\n <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2014\/06\/final-image.png\" alt=\"image-2903\">\r\n <\/div><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Untitled Document Rainbow Effects in Photoshop Before image: After image: Step 1: Open the new image(background \u201csky\u201d) . Create a new layer. Now select the rectangular marquee tool and create a selection for below the image. Step 2: Next select the gradient tool and set the color from below the image After apply drag the […]<\/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-2901","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\/2901","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=2901"}],"version-history":[{"count":5,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/2901\/revisions"}],"predecessor-version":[{"id":2914,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/2901\/revisions\/2914"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=2901"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=2901"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=2901"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}