{"id":435,"date":"2010-09-28T16:53:40","date_gmt":"2010-09-28T16:53:40","guid":{"rendered":"https:\/\/www.jfl-media.com\/en\/"},"modified":"2023-06-09T17:55:46","modified_gmt":"2023-06-09T17:55:46","slug":"tutorial-create-a-water-drop-effect-in-photoshop","status":"publish","type":"page","link":"https:\/\/www.jfl-media.com\/en\/tutorial-create-a-water-drop-effect-in-photoshop\/","title":{"rendered":"Tutorial: create a water drop effect in Photoshop"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Here is the simple way to create a water drop effect with the brush tool and layer styles:<\/span><\/p>

1) To begin, create a new document in Photoshop<\/a> of 512 by 512 pixels with a transparent background. Fill the layer with the pattern “wood”.\u00a0<\/span><\/span><\/p>

2) Create a new layer and press D to go find the original color. In the Photoshop tools<\/a>, take the brush tool (B). Change the tool settings by choosing a hardness of 100% and a diameter to 19 px.<\/span><\/span><\/p>

3) With the brush tool in hand (B), draw a simple dot on the layer (the top) like this:<\/span><\/p>

4) Reduce the opacity of the background to 3%. The black dot you just created will become almost transparent.<\/span><\/p>

5) Now let’s play with the layer styles: start by putting a drop shadow opacity 100%, with a 90 degree angle, distance and size of 1px each. Set the overall lighting<\/span><\/span><\/p>

Add an Inner Shadow, a blend mode to “product”, set the opacity to 43% the size to 10 px and the distance to 5 px.<\/span><\/p>

Add a black inner glow, with the blending mode to “overlay” and a 30% opacity.<\/span><\/p>

Let’s continue with beveling. In “technical”, set to “marked chiseling” 250% depth, size 15 px, 10 px blur. In “mode in your clear,” set a 100% opacity and shading mode, choose “color density, color and white opacity 37%.<\/span><\/p>

The layer style<\/a> is now finished! <\/span>By clicking on “new style” in the layer style window you can save. This will allow you to use it for text or other uses.<\/span><\/span><\/p>

6) To complete this project, you are free to create other drops with a <\/span>smaller or larger<\/span><\/span> diameter.<\/span><\/span><\/p>

For a gradient effect<\/a>, you can add a layer between the bottom and drops. <\/span>Take the gradient tool with black to transparent and from top to bottom. <\/span>Reduce the opacity to 50%.<\/span><\/p>

Your water drop effect is created!<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

Here is the simple way to create a water drop effect with the brush tool and layer styles: 1) To begin, create a new document in Photoshop of 512 by 512 pixels with a transparent background. Fill the layer with the pattern “wood”.\u00a0 2) Create a new layer and press D to go find the […]<\/p>\n","protected":false},"author":18,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-435","page","type-page","status-publish","hentry"],"yoast_head":"\nTutorial: create water drop effects in Photoshop After Effects<\/title>\n<meta name=\"description\" content=\"water drop effects to put in your movie production using adobe photoshop and import into After effects video editing for more call us\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.jfl-media.com\/en\/tutorial-create-a-water-drop-effect-in-photoshop\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tutorial: create water drop effects in Photoshop After Effects\" \/>\n<meta property=\"og:description\" content=\"water drop effects to put in your movie production using adobe photoshop and import into After effects video editing for more call us\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.jfl-media.com\/en\/tutorial-create-a-water-drop-effect-in-photoshop\/\" \/>\n<meta property=\"og:site_name\" content=\"Training Photoshop, Illustrator, Flash, Dreamweaver, After Effects\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-09T17:55:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.jfl-media.com\/en\/wp-content\/uploads\/2010\/09\/gradient.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.jfl-media.com\/en\/tutorial-create-a-water-drop-effect-in-photoshop\/\",\"url\":\"https:\/\/www.jfl-media.com\/en\/tutorial-create-a-water-drop-effect-in-photoshop\/\",\"name\":\"Tutorial: create water drop effects in Photoshop After Effects\",\"isPartOf\":{\"@id\":\"https:\/\/www.jfl-media.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.jfl-media.com\/en\/tutorial-create-a-water-drop-effect-in-photoshop\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.jfl-media.com\/en\/tutorial-create-a-water-drop-effect-in-photoshop\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.jfl-media.com\/en\/wp-content\/uploads\/2010\/09\/gradient.jpg\",\"datePublished\":\"2010-09-28T16:53:40+00:00\",\"dateModified\":\"2023-06-09T17:55:46+00:00\",\"description\":\"water drop effects to put in your movie production using adobe photoshop and import into After effects video editing for more call us\",\"breadcrumb\":{\"@id\":\"https:\/\/www.jfl-media.com\/en\/tutorial-create-a-water-drop-effect-in-photoshop\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.jfl-media.com\/en\/tutorial-create-a-water-drop-effect-in-photoshop\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.jfl-media.com\/en\/tutorial-create-a-water-drop-effect-in-photoshop\/#primaryimage\",\"url\":\"https:\/\/www.jfl-media.com\/en\/wp-content\/uploads\/2010\/09\/gradient.jpg\",\"contentUrl\":\"https:\/\/www.jfl-media.com\/en\/wp-content\/uploads\/2010\/09\/gradient.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.jfl-media.com\/en\/tutorial-create-a-water-drop-effect-in-photoshop\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.jfl-media.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tutorial: create a water drop effect in Photoshop\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.jfl-media.com\/en\/#website\",\"url\":\"https:\/\/www.jfl-media.com\/en\/\",\"name\":\"Training Photoshop, Illustrator, Flash, Dreamweaver, After Effects\",\"description\":\"Toronto, Ottawa, Vancouver Calgary Courses\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.jfl-media.com\/en\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tutorial: create water drop effects in Photoshop After Effects","description":"water drop effects to put in your movie production using adobe photoshop and import into After effects video editing for more call us","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.jfl-media.com\/en\/tutorial-create-a-water-drop-effect-in-photoshop\/","og_locale":"en_US","og_type":"article","og_title":"Tutorial: create water drop effects in Photoshop After Effects","og_description":"water drop effects to put in your movie production using adobe photoshop and import into After effects video editing for more call us","og_url":"https:\/\/www.jfl-media.com\/en\/tutorial-create-a-water-drop-effect-in-photoshop\/","og_site_name":"Training Photoshop, Illustrator, Flash, Dreamweaver, After Effects","article_modified_time":"2023-06-09T17:55:46+00:00","og_image":[{"url":"https:\/\/www.jfl-media.com\/en\/wp-content\/uploads\/2010\/09\/gradient.jpg"}],"twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.jfl-media.com\/en\/tutorial-create-a-water-drop-effect-in-photoshop\/","url":"https:\/\/www.jfl-media.com\/en\/tutorial-create-a-water-drop-effect-in-photoshop\/","name":"Tutorial: create water drop effects in Photoshop After Effects","isPartOf":{"@id":"https:\/\/www.jfl-media.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.jfl-media.com\/en\/tutorial-create-a-water-drop-effect-in-photoshop\/#primaryimage"},"image":{"@id":"https:\/\/www.jfl-media.com\/en\/tutorial-create-a-water-drop-effect-in-photoshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.jfl-media.com\/en\/wp-content\/uploads\/2010\/09\/gradient.jpg","datePublished":"2010-09-28T16:53:40+00:00","dateModified":"2023-06-09T17:55:46+00:00","description":"water drop effects to put in your movie production using adobe photoshop and import into After effects video editing for more call us","breadcrumb":{"@id":"https:\/\/www.jfl-media.com\/en\/tutorial-create-a-water-drop-effect-in-photoshop\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.jfl-media.com\/en\/tutorial-create-a-water-drop-effect-in-photoshop\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.jfl-media.com\/en\/tutorial-create-a-water-drop-effect-in-photoshop\/#primaryimage","url":"https:\/\/www.jfl-media.com\/en\/wp-content\/uploads\/2010\/09\/gradient.jpg","contentUrl":"https:\/\/www.jfl-media.com\/en\/wp-content\/uploads\/2010\/09\/gradient.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.jfl-media.com\/en\/tutorial-create-a-water-drop-effect-in-photoshop\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.jfl-media.com\/en\/"},{"@type":"ListItem","position":2,"name":"Tutorial: create a water drop effect in Photoshop"}]},{"@type":"WebSite","@id":"https:\/\/www.jfl-media.com\/en\/#website","url":"https:\/\/www.jfl-media.com\/en\/","name":"Training Photoshop, Illustrator, Flash, Dreamweaver, After Effects","description":"Toronto, Ottawa, Vancouver Calgary Courses","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.jfl-media.com\/en\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.jfl-media.com\/en\/wp-json\/wp\/v2\/pages\/435"}],"collection":[{"href":"https:\/\/www.jfl-media.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.jfl-media.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.jfl-media.com\/en\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jfl-media.com\/en\/wp-json\/wp\/v2\/comments?post=435"}],"version-history":[{"count":9,"href":"https:\/\/www.jfl-media.com\/en\/wp-json\/wp\/v2\/pages\/435\/revisions"}],"predecessor-version":[{"id":28742,"href":"https:\/\/www.jfl-media.com\/en\/wp-json\/wp\/v2\/pages\/435\/revisions\/28742"}],"wp:attachment":[{"href":"https:\/\/www.jfl-media.com\/en\/wp-json\/wp\/v2\/media?parent=435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}