{"id":343527,"date":"2021-09-23T21:00:24","date_gmt":"2021-09-23T18:00:24","guid":{"rendered":"https:\/\/en.buradabiliyorum.com\/whats-the-difference-between-opacity-flow-density-in-photoshop\/"},"modified":"2021-09-23T21:00:24","modified_gmt":"2021-09-23T18:00:24","slug":"whats-the-difference-between-opacity-flow-density-in-photoshop","status":"publish","type":"post","link":"https:\/\/buradabiliyorum.com\/en\/whats-the-difference-between-opacity-flow-density-in-photoshop\/","title":{"rendered":"#What\u2019s the Difference Between Opacity, Flow, &#038; Density in Photoshop?"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6a2facafc96d2\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #dd3333;color:#dd3333\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #dd3333;color:#dd3333\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6a2facafc96d2\" checked aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/buradabiliyorum.com\/en\/whats-the-difference-between-opacity-flow-density-in-photoshop\/#What_Is_Layer_Opacity\" >What Is Layer Opacity?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/buradabiliyorum.com\/en\/whats-the-difference-between-opacity-flow-density-in-photoshop\/#What_Is_Brush_Opacity_and_Flow\" >What Is Brush Opacity and Flow?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/buradabiliyorum.com\/en\/whats-the-difference-between-opacity-flow-density-in-photoshop\/#What_Is_Mask_Density\" >What Is Mask Density?<\/a><\/li><\/ul><\/nav><\/div>\n<p><strong>&#8220;#What\u2019s the Difference Between Opacity, Flow, &amp; Density in Photoshop?&#8221;<\/strong><\/p>\n<div>\n<!-- UNCACHED CONTENT --><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"type:primaryImage alignnone wp-image-749934 size-full\" srcset=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/08\/preview-2.png?width=398&amp;trim=1,1&amp;bg-color=000&amp;pad=1,1 400w, https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/08\/preview-2.png?width=1198&amp;trim=1,1&amp;bg-color=000&amp;pad=1,1 1200w\" sizes=\"auto, 400w, 1200w\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/08\/preview-2.png?width=1198&amp;trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"layer mask\" width=\"1200\" height=\"675\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>Adobe Photoshop often has a few different tools that handle the same things in subtly different ways. Opacity, Flow, and Density all control the visibility of certain layer aspects, but each is a little different. We\u2019ll explain.<\/p>\n<h2 role=\"heading\" aria-level=\"2\"><span class=\"ez-toc-section\" id=\"What_Is_Layer_Opacity\"><\/span>What Is Layer Opacity?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Opacity pops up in two places: Layer Opacity, and Brush Opacity.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-749935 size-full\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/08\/1opacity.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"layer opacity is in the layers panel\" width=\"650\" height=\"387\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>Layer Opacity is pretty simple: It\u2019s a slider in the <strong>Layers Panel<\/strong> that sets how visible or invisible the selected layer is. At 0%, a layer is completely transparent; at 100%, it\u2019s completely opaque. All the values in the middle represent a sliding scale.<\/p>\n<figure style=\"width: 650px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-749936 size-full\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/08\/2layeropacity.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"layer opacity example\" width=\"650\" height=\"200\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><figcaption class=\"wp-caption-text\">There are three black square layers here: one set to 100% opacity, one set to 50% opacity, and one set to 0% opacity (so it\u2019s invisible).<\/figcaption><\/figure>\n<p>It\u2019s a convenient way of dialing back the effects of any adjustment layer you make.<\/p>\n<h2 role=\"heading\" aria-level=\"2\"><span class=\"ez-toc-section\" id=\"What_Is_Brush_Opacity_and_Flow\"><\/span>What Is Brush Opacity and Flow?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-749937 size-full\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/08\/3brush.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"brush flow and opacity options in the tool bar\" width=\"650\" height=\"123\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>Brush Opacity is best understood alongside Brush Flow. Both are controlled from the toolbar when you select the <strong>Brush<\/strong> tool (the keyboard shortcut is <strong>B<\/strong>).<\/p>\n<figure style=\"width: 650px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-749938 size-full\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/08\/4opacity-flow-3.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"opacity vs flow example\" width=\"650\" height=\"400\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><figcaption class=\"wp-caption-text\">Both of these were painted with a single brush stroke. Notice how the effect is built up in the areas of the squiggle on the right that have been painted over multiple times, while the squiggle on the left is a flat gray.<\/figcaption><\/figure>\n<p>For every brushstroke, Opacity controls the transparency of the paint you <a href=\"https:\/\/buradabiliyorum.com\/en\/category\/download-scripts-themes-apps\/\" data-internallinksmanager029f6b8e52c=\"9\" title=\"Download Scripts &amp; Themes &amp; Apps\" target=\"_blank\" rel=\"noopener\">app<\/a>ly, while Flow controls the rate at which it is applied. No matter how many times you paint over the same area with the one brush stroke, you\u2019ll never get more paint applied than the level of Opacity. However, when the Flow is less than 100%, the paint effect builds up the more times you paint over an area.<\/p>\n<figure style=\"width: 650px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-749940 size-full\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/08\/5opacity-flow.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"opacity and flow second example\" width=\"650\" height=\"400\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><figcaption class=\"wp-caption-text\">Opacity and flow can be used in combination to get different effects. The best way to get a feel for things is to grab the Brush tool and play around.<\/figcaption><\/figure>\n<p>The best way to see this for yourself is to grab the <strong>Brush<\/strong> tool, set <strong>Opacity<\/strong> to <strong>10%<\/strong> and <strong>Flow<\/strong> to <strong>100%<\/strong> and then paint around. Then swap things: Paint with an <strong>Opacity<\/strong> of <strong>100%<\/strong> and a <strong>Flow<\/strong> of <strong>10%<\/strong>.<\/p>\n<p>Both Opacity and Flow have their uses depending on what you want to do. Opacity is most useful for setting a hard limit on how much paint you want to transfer, while Flow is best for allowing you to build up effects gradually. For example, if you\u2019re dodging and burning, it\u2019s best to use Flow to control how much paint is applied as you can add more just by painting over the area again with the same brush stroke. If you use Opacity, you\u2019re more likely to give your work unnatural hard edges.<\/p>\n<p>Flow is also really useful when you\u2019re working with a graphics tablet as it makes the whole experience more natural.<\/p>\n<h2 role=\"heading\" aria-level=\"2\"><span class=\"ez-toc-section\" id=\"What_Is_Mask_Density\"><\/span>What Is Mask Density?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-749941 size-full\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/08\/6density.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"density is in the properties panel\" width=\"650\" height=\"453\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>Mask Density is basically just Layer Opacity but for masks. With a layer mask selected, you\u2019ll see the slider in the <strong>Properties<\/strong> panel.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-749948 size-full\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/08\/7density100.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"mask density set to 100%\" width=\"650\" height=\"430\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>At 100%, any black in the mask is opaque while any white is transparent.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-749949\" src=\"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/08\/8density50.png?trim=1,1&amp;bg-color=000&amp;pad=1,1\" alt=\"mask density set to 50%\" width=\"650\" height=\"432\" onload=\"pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\" onerror=\"this.onerror=null;pagespeed.lazyLoadImages.loadIfVisibleAndMaybeBeacon(this);\"\/><\/p>\n<p>As you reduce the density, the blacks in the mask become more transparent. At 50%, for example, all the blacks are reduced to a middle gray.<\/p>\n<hr\/>\n<p>When editing photos, you might also want to know the difference between saturation and vibrance in Photoshop Lightroom.<\/p>\n<\/div>\n<p><script>\n setTimeout(function(){\n  !function(f,b,e,v,n,t,s)\n  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?\n  n.callMethod.apply(n,arguments):n.queue.push(arguments)};\n  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\n  n.queue=[];t=b.createElement(e);t.async=!0;\n  t.src=v;s=b.getElementsByTagName(e)[0];\n  s.parentNode.insertBefore(t,s) } (window, document,'script',\n  'https:\/\/connect.facebook.net\/en_US\/fbevents.js');\n   fbq('init', '335401813750447');\n   fbq('track', 'PageView');\n  },3000);\n<\/script><\/p>\n<blockquote><p><strong><span style=\"color: #ff6600;\">If you liked the article, do not forget to share it with your friends. Follow us on\u00a0<span style=\"color: #ff0000;\"><a style=\"color: #ff0000;\" href=\"https:\/\/news.google.com\/publications\/CAAqBwgKMLG0nwswvr63Aw\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Google News<\/a><\/span>\u00a0too, click on the star and choose us from your favorites.<\/span><\/strong><\/p><\/blockquote>\n<blockquote>\n<p style=\"text-align: center;\">For forums sites go to <span style=\"color: #ff9900;\"><a style=\"color: #ff9900;\" href=\"https:\/\/forum.buradabiliyorum.com\/\" target=\"_blank\" rel=\"noopener\">Forum.BuradaBiliyorum.Com<\/a><\/span><\/strong><\/p>\n<\/blockquote>\n<blockquote>\n<p style=\"text-align: center;\"><strong>If you want to read more like this article, you can visit our <span style=\"color: #ff9900;\"><a style=\"color: #ff9900;\" href=\"https:\/\/en.buradabiliyorum.com\/technology\/\" target=\"_blank\" rel=\"noopener\">Technology category.<\/a><\/span><\/strong><\/p>\n<\/blockquote>\n<p><span style=\"color: black;\"><a style=\"color: #ff9900;\" href=\"https:\/\/www.howtogeek.com\/749933\/whats-the-difference-between-opacity-flow-and-density-in-photoshop\/\" target=\"_blank\" rel=\"noopener\">Source<\/a><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&#8220;#What\u2019s the Difference Between Opacity, Flow, &amp; Density in Photoshop?&#8221; Adobe Photoshop often has a few different tools that handle the same things in subtly different ways. Opacity, Flow, and Density all control the visibility of certain layer aspects, but each is a little different. We\u2019ll explain. What Is Layer Opacity? Opacity pops up in&#8230;<\/p>\n","protected":false},"author":1,"featured_media":343528,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"https:\/\/www.howtogeek.com\/wp-content\/uploads\/2021\/08\/preview-2.png?height=200p&trim=2,2,2,2","fifu_image_alt":"","footnotes":""},"categories":[18],"tags":[],"class_list":["post-343527","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technology"],"_links":{"self":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts\/343527","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/comments?post=343527"}],"version-history":[{"count":0,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts\/343527\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/media\/343528"}],"wp:attachment":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/media?parent=343527"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/categories?post=343527"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/tags?post=343527"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}