{"id":3095,"date":"2016-07-07T07:09:07","date_gmt":"2016-07-07T11:09:07","guid":{"rendered":"https:\/\/www.searchenginegenie.com\/web-design-blog\/?p=3095"},"modified":"2016-08-09T09:12:46","modified_gmt":"2016-08-09T13:12:46","slug":"water-reflection-effect-photoshop-design-image","status":"publish","type":"post","link":"https:\/\/www.searchenginegenie.com\/web-design-blog\/water-reflection-effect-photoshop-design-image\/","title":{"rendered":"Water Reflection Effect Photoshop design image"},"content":{"rendered":"<figure id=\"attachment_3129\" aria-describedby=\"caption-attachment-3129\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a name=\"imageclose-3096\"><div class=\"lb-album\"><a href=\"#image-3096\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2016\/07\/water-reflection-effect-1-300x211.png\" alt=\"mirror image\" class=\"wp-image-3129 size-medium\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-3096\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-3096\">\r\n                   <img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2016\/07\/water-reflection-effect-1.png\" alt=\"image-3096\">\r\n                   <\/div><\/a><figcaption id=\"caption-attachment-3129\" class=\"wp-caption-text\">water reflection<\/figcaption><\/figure>\n<p>Step:1<br \/>\nA New image is opened in Photoshop. Next step is to make a copy of the Background layer. We Can make a copy by pressing Ctrl+j.<\/p>\n<figure id=\"attachment_3130\" aria-describedby=\"caption-attachment-3130\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a name=\"imageclose-3097\"><div class=\"lb-album\"><a href=\"#image-3097\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2016\/07\/water-reflection-effect-1-1-300x132.png\" alt=\"mirror image\" class=\"wp-image-3130 size-medium\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-3097\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-3097\">\r\n                   <img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2016\/07\/water-reflection-effect-1-1.png\" alt=\"image-3097\">\r\n                   <\/div><\/a><figcaption id=\"caption-attachment-3130\" class=\"wp-caption-text\">Mirror reflection<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Step:2<br \/>\nNext, let&#8217;s add some additional canvas space below our image to make room for the water reflection. Go to the Image menu at the top of the screen and choose Canvas Size<\/p>\n<figure id=\"attachment_3133\" aria-describedby=\"caption-attachment-3133\" style=\"width: 229px\" class=\"wp-caption aligncenter\"><a name=\"imageclose-3098\"><div class=\"lb-album\"><a href=\"#image-3098\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2016\/07\/water-reflection-effect-3-1-229x300.png\" alt=\"reflection effect\" class=\"wp-image-3133 size-medium\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-3098\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-3098\">\r\n                   <img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2016\/07\/water-reflection-effect-3-1.png\" alt=\"image-3098\">\r\n                   <\/div><\/a><figcaption id=\"caption-attachment-3133\" class=\"wp-caption-text\">canvas size<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Step:3<br \/>\nWe need to flip the copy of our image on Layer 1 so it sits upside down below the original photo, creating a mirror effect.<\/p>\n<figure id=\"attachment_3131\" aria-describedby=\"caption-attachment-3131\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a name=\"imageclose-3099\"><div class=\"lb-album\"><a href=\"#image-3099\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2016\/07\/water-reflection-effect-2-300x225.png\" alt=\"water\" class=\"wp-image-3131 size-medium\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-3099\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-3099\">\r\n                   <img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2016\/07\/water-reflection-effect-2.png\" alt=\"image-3099\">\r\n                   <\/div><\/a><figcaption id=\"caption-attachment-3131\" class=\"wp-caption-text\">Water image<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Step:4<br \/>\nMerge this two layers in to a new layer by clicking Shift+Ctrl+Alt+E.Next step is add a blank layer above it and fill with white color.Then go to filter-&gt;sketch-&gt;halftone pattern with size value 10 and contrast 4.<\/p>\n<figure id=\"attachment_3134\" aria-describedby=\"caption-attachment-3134\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a name=\"imageclose-3100\"><div class=\"lb-album\"><a href=\"#image-3100\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2016\/07\/water-reflection-effect-4-300x204.png\" alt=\"pattern\" class=\"wp-image-3134 size-medium\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-3100\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-3100\">\r\n                   <img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2016\/07\/water-reflection-effect-4.png\" alt=\"image-3100\">\r\n                   <\/div><\/a><figcaption id=\"caption-attachment-3134\" class=\"wp-caption-text\">halftone pattern<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p>Step:5<br \/>\nDuplicate the layer and save as a new document and save as halftone pattern.Then delete the halftone pattern layer from the original document.<\/p>\n<figure id=\"attachment_3135\" aria-describedby=\"caption-attachment-3135\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a name=\"imageclose-3101\"><div class=\"lb-album\"><a href=\"#image-3101\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2016\/07\/water-reflection-effect-5-300x300.png\" alt=\"water-reflection-effect-5\" class=\"wp-image-3135 size-medium\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-3101\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-3101\">\r\n                   <img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2016\/07\/water-reflection-effect-5.png\" alt=\"image-3101\">\r\n                   <\/div><\/a><figcaption id=\"caption-attachment-3135\" class=\"wp-caption-text\">new document<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p>Step:6<br \/>\nGo to filter -&gt;blur-&gt;motion blur.Then Go to Distort -&gt; Displace -&gt;halftone pattern document<\/p>\n<figure id=\"attachment_3135\" aria-describedby=\"caption-attachment-3135\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a name=\"imageclose-3102\"><div class=\"lb-album\"><a href=\"#image-3102\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2016\/07\/water-reflection-effect-5-300x300.png\" alt=\"reflection\" class=\"wp-image-3135 size-medium\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-3102\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-3102\">\r\n                   <img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2016\/07\/water-reflection-effect-5.png\" alt=\"image-3102\">\r\n                   <\/div><\/a><figcaption id=\"caption-attachment-3135\" class=\"wp-caption-text\">displace<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p>Step:7<\/p>\n<p>Then add a layer mask in this layer.Delete the original portion of the picture from this layer pressing ctrl in the original image and deleting from layermask layer.<\/p>\n<figure id=\"attachment_3137\" aria-describedby=\"caption-attachment-3137\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a name=\"imageclose-3103\"><div class=\"lb-album\"><a href=\"#image-3103\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2016\/07\/water-reflection-effect-7-300x207.png\" alt=\"mirror\" class=\"wp-image-3137 size-medium\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-3103\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-3103\">\r\n                   <img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2016\/07\/water-reflection-effect-7.png\" alt=\"image-3103\">\r\n                   <\/div><\/a><figcaption id=\"caption-attachment-3137\" class=\"wp-caption-text\">layermask<\/figcaption><\/figure>\n<p>step:8<br \/>\nNext step is to add a hue\/saturation layer above it and add a clipping mask over it.Then reduce the opacity to 25%. Now you will get a mirror image effect.<\/p>\n<figure id=\"attachment_3138\" aria-describedby=\"caption-attachment-3138\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a name=\"imageclose-3104\"><div class=\"lb-album\"><a href=\"#image-3104\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2016\/07\/water-reflection-effect-8-300x205.png\" alt=\"water\" class=\"wp-image-3138 size-medium\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-3104\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-3104\">\r\n                   <img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2016\/07\/water-reflection-effect-8.png\" alt=\"image-3104\">\r\n                   <\/div><\/a><figcaption id=\"caption-attachment-3138\" class=\"wp-caption-text\">hue\/saturation<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Step:1 A New image is opened in Photoshop. Next step is to make a copy of the Background layer. We Can make a copy by pressing Ctrl+j. &nbsp; &nbsp; Step:2 Next, let&#8217;s add some additional canvas space below our image to make room for the water reflection. Go to the Image menu at the top [&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,1],"tags":[],"class_list":["post-3095","post","type-post","status-publish","format-standard","hentry","category-photoshop","category-whats-trending-web-design"],"_links":{"self":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/3095","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=3095"}],"version-history":[{"count":7,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/3095\/revisions"}],"predecessor-version":[{"id":3252,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/3095\/revisions\/3252"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=3095"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=3095"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=3095"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}