{"id":204,"date":"2010-08-04T10:22:33","date_gmt":"2010-08-04T14:22:33","guid":{"rendered":"http:\/\/www.searchenginegenie.com\/web-design-blog\/?p=204"},"modified":"2020-10-15T07:54:35","modified_gmt":"2020-10-15T11:54:35","slug":"realistic-view-tears-on-face","status":"publish","type":"post","link":"https:\/\/www.searchenginegenie.com\/web-design-blog\/realistic-view-tears-on-face\/","title":{"rendered":"Realistic View Tears on Face"},"content":{"rendered":"<p><a name=\"imageclose-205\"><div class=\"lb-album\"><a href=\"#image-205\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2020\/10\/tears-effect.jpg\" alt=\"tears-effect\" ><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-205\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-205\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2010\/08\/01.jpg\" alt=\"image-205\">\r\n                   <\/div><\/a><\/p>\n<p>In this Photoshop tutorial I would like to invite your attention to the unique technique how to make realistic view tears effect.<\/p>\n<p>So, in the beginning you should find a good picture to work with. You can try to find it on stock photo web sites or also can use mine. Open up the picture. Then select the Pen Tool and try to make good form of the tear with black color.<\/p>\n<p><a name=\"imageclose-206\"><div class=\"lb-album\"><a href=\"#image-206\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2020\/10\/tear-Pen-tool.jpg\" alt=\"tear-Pen-tool\" ><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-206\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-206\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2010\/08\/02.jpg\" alt=\"image-206\">\r\n                   <\/div><\/a><br \/>\nPay your attention that the form must be how much more uneven to be similar to a real tear. When we are done with form, then change layer mode to Screen for the current layer and apply following Blending Options:<\/p>\n<ul>\n<li>Drop Shadow<\/li>\n<li>Inner Shadow<\/li>\n<li>Inner Glow<\/li>\n<li>Bevel and Emboss<\/li>\n<li>Gradient Overlay<\/li>\n<\/ul>\n<p><a name=\"imageclose-207\"><div class=\"lb-album\"><a href=\"#image-207\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2020\/10\/tear-drop-shadow.jpg\" alt=\"tear-drop-shadow\" ><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-207\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-207\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2010\/08\/03.jpg\" alt=\"image-207\">\r\n                   <\/div><\/a><br \/>\n<a name=\"imageclose-208\"><div class=\"lb-album\"><a href=\"#image-208\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2020\/10\/tear-inner-shadow.jpg\" alt=\"tear-inner-shadow\" ><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-208\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-208\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2010\/08\/04.jpg\" alt=\"image-208\">\r\n                   <\/div><\/a><br \/>\n<a name=\"imageclose-209\"><div class=\"lb-album\"><a href=\"#image-209\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2020\/10\/tear-inner-glow.jpg\" alt=\"tear-inner-glow\" ><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-209\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-209\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2010\/08\/05.jpg\" alt=\"image-209\">\r\n                   <\/div><\/a><br \/>\n<a name=\"imageclose-210\"><div class=\"lb-album\"><a href=\"#image-210\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2020\/10\/tear-bevel-and-emboss.jpg\" alt=\"tear-bevel-and-emboss\" ><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-210\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-210\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2010\/08\/06.jpg\" alt=\"image-210\">\r\n                   <\/div><\/a><br \/>\n<a name=\"imageclose-211\"><div class=\"lb-album\"><a href=\"#image-211\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2020\/10\/tear-gradient-overlay.jpg\" alt=\"tear-gradient-overlay\" ><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-211\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-211\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2010\/08\/07.jpg\" alt=\"image-211\">\r\n                   <\/div><\/a><\/p>\n<p>The result should be next:<\/p>\n<p><a name=\"imageclose-212\"><div class=\"lb-album\"><a href=\"#image-212\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2020\/10\/tear-result.jpg\" alt=\"tear-result\" ><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-212\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-212\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2010\/08\/08.jpg\" alt=\"image-212\">\r\n                   <\/div><\/a><\/p>\n<p>Looks good, but not so realistic for now. I would like to bring some white glare to this form. Select the <strong>Pencil Tool<\/strong> and brush about 1 pixel, then make a few dots with white color on the new layer like on my picture below.<\/p>\n<p><a name=\"imageclose-213\"><div class=\"lb-album\"><a href=\"#image-213\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2020\/10\/tear-pencil-tool.jpg\" alt=\"tear-pencil-tool\" ><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-213\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-213\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2010\/08\/09.jpg\" alt=\"image-213\">\r\n                   <\/div><\/a><\/p>\n<p>After that apply <strong>Blur Tool<\/strong> to current layer.<\/p>\n<p><a name=\"imageclose-214\"><div class=\"lb-album\"><a href=\"#image-214\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2020\/10\/tear-blur-tool.jpg\" alt=\"tear-blur-tool\" ><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-214\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-214\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2010\/08\/10.jpg\" alt=\"image-214\">\r\n                   <\/div><\/a><\/p>\n<p>We got a nice realistic view result isn\u2019t it? Don\u2019t be afraid to experiment and you will get your own cool effects!<\/p>\n<p><a name=\"imageclose-215\"><div class=\"lb-album\"><a href=\"#image-215\"><img src=\"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2020\/10\/tear-cool-effects.jpg\" alt=\"tear-cool-effects\" ><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-215\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-215\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2010\/08\/11.jpg\" alt=\"image-215\">\r\n                   <\/div><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this Photoshop tutorial I would like to invite your attention to the unique technique how to make realistic view tears effect. So, in the beginning you should find a good picture to work with. You can try to find it on stock photo web sites or also can use mine. Open up the picture. [&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],"tags":[163,164],"class_list":["post-204","post","type-post","status-publish","format-standard","hentry","category-photoshop","category-photoshop-tips","tag-photoshop","tag-photoshop-tips"],"_links":{"self":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/204","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=204"}],"version-history":[{"count":10,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/204\/revisions"}],"predecessor-version":[{"id":3803,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/204\/revisions\/3803"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=204"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=204"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=204"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}