{"id":1379,"date":"2012-02-06T03:46:20","date_gmt":"2012-02-06T07:46:20","guid":{"rendered":"http:\/\/www.searchenginegenie.com\/web-design-blog\/?p=1379"},"modified":"2012-02-06T03:46:42","modified_gmt":"2012-02-06T07:46:42","slug":"how-to-use-water-color-in-photoshop-cs5","status":"publish","type":"post","link":"https:\/\/www.searchenginegenie.com\/web-design-blog\/how-to-use-water-color-in-photoshop-cs5\/","title":{"rendered":"how to use water color in photoshop cs5"},"content":{"rendered":"<p><strong>Step 1<\/strong><\/p>\n<p>Open Photoshop and create a new document, I&#8217;m using <strong>1920&#215;1200 pixels.<\/strong><\/p>\n<p><a name=\"imageclose-1380\"><div class=\"lb-album\"><a href=\"#image-1380\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/02\/1-300x206.jpg\"  class=\"aligncenter size-medium wp-image-1380\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-1380\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-1380\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/02\/1.jpg\" alt=\"image-1380\">\r\n                   <\/div><\/a><\/p>\n<p><strong>Step 2<\/strong><\/p>\n<p>Add a new layer, fill it with white then make sure you have black and white for the foreground and background colors. Then go to<strong> Filter&gt;Texture&gt;Texturizer.<\/strong> Use <strong>Canvas for the Texture<\/strong>,<strong> 75% for the Scaling<\/strong>,<strong> 3 for the Relief <\/strong>and for the <strong>Light choose Top Right.<\/strong><\/p>\n<p><a name=\"imageclose-1381\"><div class=\"lb-album\"><a href=\"#image-1381\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/02\/2-300x206.jpg\"  class=\"aligncenter size-medium wp-image-1381\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-1381\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-1381\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/02\/2.jpg\" alt=\"image-1381\">\r\n                   <\/div><\/a><\/p>\n<p><strong>Step 3<\/strong><\/p>\n<p>Let&#8217;s add a nice texture. You can use the image of your choice.\u00a0 Place the image in the document on top of the other layers. After that, change the <strong>Opacity to 75%. <\/strong><\/p>\n<p><a name=\"imageclose-1382\"><div class=\"lb-album\"><a href=\"#image-1382\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/02\/3-300x206.jpg\"  class=\"aligncenter size-medium wp-image-1382\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-1382\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-1382\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/02\/3.jpg\" alt=\"image-1382\">\r\n                   <\/div><\/a><\/p>\n<p><strong>Step 4<\/strong><\/p>\n<p>Now let&#8217;s place an image in our document. I&#8217;m using a photo of a guy walking in the field . The image has to go beneath the texture layer. After that go to<strong> Layer&gt;Group Layer<\/strong>. The layer of the image will be inside a folder in the<strong> Layer Palette<\/strong>. Select the folder and go to <strong>Layer&gt;Layer Mask&gt;Hide all.<\/strong><\/p>\n<p><a name=\"imageclose-1383\"><div class=\"lb-album\"><a href=\"#image-1383\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/02\/4-300x206.jpg\"  class=\"aligncenter size-medium wp-image-1383\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-1383\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-1383\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/02\/4.jpg\" alt=\"image-1383\">\r\n                   <\/div><\/a><\/p>\n<p><strong>Step 5<\/strong><\/p>\n<p>The image is hiding because of the mask. So now, let&#8217;s use some Watercolor Brushes. So select one of the watercolor brushes and them white for the color and paint on the layer mask of the group. You will notice that the image will start showing.<\/p>\n<p><a name=\"imageclose-1384\"><div class=\"lb-album\"><a href=\"#image-1384\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/02\/5-300x206.jpg\"  class=\"aligncenter size-medium wp-image-1384\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-1384\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-1384\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/02\/5.jpg\" alt=\"image-1384\">\r\n                   <\/div><\/a><\/p>\n<p><strong>Step 6<\/strong><\/p>\n<p>Pick another Brush and paint again.<\/p>\n<p><a name=\"imageclose-1385\"><div class=\"lb-album\"><a href=\"#image-1385\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/02\/6-300x206.jpg\"  class=\"aligncenter size-medium wp-image-1385\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-1385\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-1385\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/02\/6.jpg\" alt=\"image-1385\">\r\n                   <\/div><\/a><\/p>\n<p><strong>Step 7<\/strong><\/p>\n<p>Let&#8217;s just adjust the color of the image. Select the image and go to<strong> Image&gt;Adjustment&gt;Photo Filter.<\/strong> Select <strong>Warning Filter (85) and 55% for the Density<\/strong>. Also select the <strong>Preserve Luminosity<\/strong> option<\/p>\n<p><a name=\"imageclose-1386\"><div class=\"lb-album\"><a href=\"#image-1386\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/02\/7-300x206.jpg\"  class=\"aligncenter size-medium wp-image-1386\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-1386\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-1386\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/02\/7.jpg\" alt=\"image-1386\">\r\n                   <\/div><\/a><\/p>\n<p><strong>Conclusion<\/strong><\/p>\n<p>Just place your logo and that it you will have a really cool effect and super simple to achieve. That can be used for website headers to create a simply awesome design, and, of course to create posters. Also you can reduce the opacity of the paper texture. I reduced to 50%, that way we can drive the viewer&#8217;s attention to the watercolor effect.<\/p>\n<p><a name=\"imageclose-1387\"><div class=\"lb-album\"><a href=\"#image-1387\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/02\/8-300x206.jpg\"  class=\"aligncenter size-medium wp-image-1387\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-1387\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-1387\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2012\/02\/8.jpg\" alt=\"image-1387\">\r\n                   <\/div><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Step 1 Open Photoshop and create a new document, I&#8217;m using 1920&#215;1200 pixels. Step 2 Add a new layer, fill it with white then make sure you have black and white for the foreground and background colors. Then go to Filter&gt;Texture&gt;Texturizer. Use Canvas for the Texture, 75% for the Scaling, 3 for the Relief and [&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,7,6,5],"tags":[],"class_list":["post-1379","post","type-post","status-publish","format-standard","hentry","category-photoshop","category-photoshop-tips","category-web-design","category-web-design-tips"],"_links":{"self":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/1379","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=1379"}],"version-history":[{"count":5,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/1379\/revisions"}],"predecessor-version":[{"id":1392,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/1379\/revisions\/1392"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=1379"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=1379"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=1379"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}