{"id":2353,"date":"2013-06-05T05:43:18","date_gmt":"2013-06-05T09:43:18","guid":{"rendered":"http:\/\/www.searchenginegenie.com\/web-design-blog\/?p=2353"},"modified":"2013-06-05T05:43:18","modified_gmt":"2013-06-05T09:43:18","slug":"how-to-design-a-watercolor-portrait","status":"publish","type":"post","link":"https:\/\/www.searchenginegenie.com\/web-design-blog\/how-to-design-a-watercolor-portrait\/","title":{"rendered":"HOW TO DESIGN A WATERCOLOR PORTRAIT"},"content":{"rendered":"<p>Step 1 \u2013 Create the Texture<br \/>\nOpen the image in Photoshop. From here we need to create a high contrast side of the image. To do that we first need to desaturate the image (Ctrl+Shift+U) or (Image | Adjust | Desaturate). Then we need to punch up the contrast using levels (Image | Adjust | Levels).<br \/>\n<a name=\"imageclose-2354\"><div class=\"lb-album\"><a href=\"#image-2354\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2013\/06\/img.jpg\" alt=\"img\" class=\"aligncenter size-full wp-image-2354\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2354\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2354\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2013\/06\/img.jpg\" alt=\"image-2354\">\r\n                   <\/div><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>==================================<\/p>\n<p>To create the texture, use a custom brush of solid text. You can use any font that you like, but I choose the Mutlu fonts for its eye-catching loops and curls.<\/p>\n<p><a name=\"imageclose-2355\"><div class=\"lb-album\"><a href=\"#image-2355\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2013\/06\/img2.jpg\" alt=\"img2\" class=\"aligncenter size-full wp-image-2355\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2355\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2355\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2013\/06\/img2.jpg\" alt=\"image-2355\">\r\n                   <\/div><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Create new blank document 700\u00d7700 pixels and fill the document with a block of black text.<\/p>\n<p>====================================<\/p>\n<p>Now click (Edit | Define Brush Preset) to create the custom brush. Go to your portrait image again. create a layer mask for the girl\u2019s layer.<\/p>\n<p><a name=\"imageclose-2356\"><div class=\"lb-album\"><a href=\"#image-2356\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2013\/06\/img3.jpg\" alt=\"img3\" class=\"aligncenter size-full wp-image-2356\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2356\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2356\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2013\/06\/img3.jpg\" alt=\"image-2356\">\r\n                   <\/div><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>===================================<\/p>\n<p>Fill the layer mask with solid black, which will make the girl image to disappear. Using you\u2019re newly created custom brush, select solid white for your foreground color and begin to click on the mask to reveal portions of the girl\u2019s face. Experiment with the different opacity settings for your brush.<\/p>\n<p><a name=\"imageclose-2357\"><div class=\"lb-album\"><a href=\"#image-2357\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2013\/06\/img4.jpg\" alt=\"img4\" class=\"aligncenter size-full wp-image-2357\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2357\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2357\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2013\/06\/img4.jpg\" alt=\"image-2357\">\r\n                   <\/div><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>==========================================<\/p>\n<p><b>Step 2<\/b> \u2013 Add the Watercolor<\/p>\n<p>Now on a new layer above the portrait, begin adding watercolor with single click, then using a black brush. There\u2019s no any particular method here. Just does what you feel look right. Don\u2019t go extreme; less is more with these splatters. You don\u2019t want them to underrate from the subjects face.<\/p>\n<p><a name=\"imageclose-2358\"><div class=\"lb-album\"><a href=\"#image-2358\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2013\/06\/img5.jpg\" alt=\"img5\" class=\"aligncenter size-full wp-image-2358\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2358\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2358\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2013\/06\/img5.jpg\" alt=\"image-2358\">\r\n                   <\/div><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>============================================<\/p>\n<p><b>Step 3<\/b> \u2013 Add a Little Color<\/p>\n<p>To add color, we need to create a Gradient Fill Adjustment Layer, and set its blending mode to Overlay. You can use any sort of color you prefer.<\/p>\n<p><a name=\"imageclose-2359\"><div class=\"lb-album\"><a href=\"#image-2359\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2013\/06\/img6.jpg\" alt=\"img6\" class=\"aligncenter size-full wp-image-2359\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-2359\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-2359\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2013\/06\/img6.jpg\" alt=\"image-2359\">\r\n                   <\/div><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>=========================================<\/p>\n<p>As I specified before, this effect seems to work with just about any photo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Step 1 \u2013 Create the Texture Open the image in Photoshop. From here we need to create a high contrast side of the image. To do that we first need to desaturate the image (Ctrl+Shift+U) or (Image | Adjust | Desaturate). Then we need to punch up the contrast using levels (Image | Adjust | [&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":[31,76,9],"class_list":["post-2353","post","type-post","status-publish","format-standard","hentry","category-whats-trending-web-design","tag-3d-flower-twist-in-flash","tag-text-with-floral-design-using-photoshop","tag-web-designing"],"_links":{"self":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/2353","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=2353"}],"version-history":[{"count":3,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/2353\/revisions"}],"predecessor-version":[{"id":2362,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/2353\/revisions\/2362"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=2353"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=2353"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=2353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}