{"id":1672,"date":"2012-07-16T17:44:40","date_gmt":"2012-07-16T17:44:40","guid":{"rendered":"http:\/\/vargiskhan.com\/log\/?p=1672"},"modified":"2016-10-14T01:38:37","modified_gmt":"2016-10-14T01:38:37","slug":"photoshop-basics-dissolve-blending-mode","status":"publish","type":"post","link":"https:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/","title":{"rendered":"Photoshop Basics &#8211; Dissolve Blending Mode"},"content":{"rendered":"<p style=\"text-align: justify;\">\u201cDissolve\u201d is perhaps one of the least used Blending modes of Photoshop as most people rarely find a use for it. I have known people who have been using Photoshop for years and yet have never used dissolve blending mode even once. Even though I have used this blending mode a few times but to be quite honest, it was just once in a blue moon. Some other blending modes like overlay, screen and multiple are considered as important and get used most of the time but dissolve is something that people tend to stay away from. In this tutorial, we will look at this black sheep of the blending modes.<\/p>\n<p style=\"text-align: justify;\">First a quick recap of what we know so far about blend modes. We know that a Blend mode affects how a layer blends with the layers below. Depending on which blending mode we choose Photoshop will compare two layers and apply changes accordingly. We also know that in order to apply a blend mode, we got to have a document with at least two layers. These layers can be completely different or duplicate of each other. Lastly, we learnt that even though Photoshop has a long list of Blend modes, these can be categorized in 6 different groups and all the modes in a group create a similar kind of effect. The first two blend modes, normal and dissolve, are grouped together but they actually have nothing to do with one another. It wouldn\u2019t be incorrect if we called the first group of blend modes simply as \u201cUncategorized\u201d.<\/p>\n<p style=\"text-align: justify;\">Someone once told me that he did not quite understand how dissolve blending mode works or what does it exactly do. This indeed surprised me a lot because in my opinion, it is one of the most easily understood blending modes. Let\u2019s first take a look at some of the \u201cofficial\u201d definitions.<\/p>\n<p style=\"text-align: justify;\">Adobe Photoshop explains the function of dissolve mode as \u201cedits or paints each pixel to make it the result color. However, the result color is a random replacement of the pixels with the base color or the blend color, depending on the opacity at any pixel location.\u201d<\/p>\n<p style=\"text-align: justify;\">Confused? So was I when I first read it. Let us look at another explanation.<\/p>\n<p style=\"text-align: justify;\">The way dissolve mode works is that it applies the blend color to the base image in a random pattern of specks. This pattern depends on the opacity of the blend layer meaning that they are denser in area where the blend layer is more opaque and sparser in areas where the blend layer is more transparent. So if the blend layer is 100% opaque, the dissolve mode would look just like the normal blending mode.<\/p>\n<p style=\"text-align: justify;\">Made sense? No? Let me try explaining again. I have the following image open in Photoshop.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/undertanding-photoshop-dissolve-blending-mode-1\/\" rel=\"attachment wp-att-1674\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1674\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-1.jpg\" alt=\"undertanding-photoshop-dissolve-blending-mode-1\" width=\"700\" height=\"350\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-1.jpg 700w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-1-300x150.jpg 300w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-1-110x55.jpg 110w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Let\u2019s add a solid color adjustment layer to this image. Go to the Layers Panel and click on \u201ccreate new adjustment layer\u201d and select solid color from the list.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/undertanding-photoshop-dissolve-blending-mode-2\/\" rel=\"attachment wp-att-1675\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1675\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-2.jpg\" alt=\"undertanding-photoshop-dissolve-blending-mode-2\" width=\"256\" height=\"394\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-2.jpg 256w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-2-195x300.jpg 195w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-2-36x55.jpg 36w\" sizes=\"auto, (max-width: 256px) 100vw, 256px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-solid-color-adjustment-layer\/understanding-solid-color-adjustment-layer-1\/\" rel=\"attachment wp-att-1612\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1612\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-solid-color-adjustment-layer-1.jpg\" alt=\"understanding-solid-color-adjustment-layer-1\" width=\"256\" height=\"502\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-solid-color-adjustment-layer-1.jpg 256w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-solid-color-adjustment-layer-1-153x300.jpg 153w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/understanding-solid-color-adjustment-layer-1-28x55.jpg 28w\" sizes=\"auto, (max-width: 256px) 100vw, 256px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Photoshop will open the color picker box. Select white color for the fill.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/undertanding-photoshop-dissolve-blending-mode-3\/\" rel=\"attachment wp-att-1676\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1676\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-3.jpg\" alt=\"undertanding-photoshop-dissolve-blending-mode-3\" width=\"553\" height=\"322\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-3.jpg 553w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-3-300x175.jpg 300w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-3-94x55.jpg 94w\" sizes=\"auto, (max-width: 553px) 100vw, 553px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Click OK to close the color picker box and Photoshop will add a white fill adjustment layer on top of the background layer.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/undertanding-photoshop-dissolve-blending-mode-4\/\" rel=\"attachment wp-att-1677\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1677\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-4.jpg\" alt=\"undertanding-photoshop-dissolve-blending-mode-4\" width=\"700\" height=\"350\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-4.jpg 700w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-4-300x150.jpg 300w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-4-110x55.jpg 110w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Since it is a solid color layer with 100% opacity, our background layer is completely hidden under it. If you look at the layers panel, we now have two layers. One is our background layer and other one is the color fill.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/undertanding-photoshop-dissolve-blending-mode-5\/\" rel=\"attachment wp-att-1678\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1678\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-5.jpg\" alt=\"undertanding-photoshop-dissolve-blending-mode-5\" width=\"262\" height=\"378\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-5.jpg 262w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-5-208x300.jpg 208w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-5-38x55.jpg 38w\" sizes=\"auto, (max-width: 262px) 100vw, 262px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Your color fill layer should be the active one right now but if for some reason it is not, click on it once and it should get highlighted as in the image above, making it the active layer. Now let us change the blend mode of our color fill layer to dissolve. Click on the Blend mode field once.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/undertanding-photoshop-dissolve-blending-mode-6\/\" rel=\"attachment wp-att-1679\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1679\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-6.jpg\" alt=\"undertanding-photoshop-dissolve-blending-mode-6\" width=\"259\" height=\"378\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-6.jpg 259w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-6-206x300.jpg 206w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-6-38x55.jpg 38w\" sizes=\"auto, (max-width: 259px) 100vw, 259px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Select dissolve from the list.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/undertanding-photoshop-dissolve-blending-mode-7\/\" rel=\"attachment wp-att-1680\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1680\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-7.jpg\" alt=\"undertanding-photoshop-dissolve-blending-mode-7\" width=\"117\" height=\"131\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-7.jpg 117w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-7-49x55.jpg 49w\" sizes=\"auto, (max-width: 117px) 100vw, 117px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">This will change the blending mode of color fill layer from normal to dissolve.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/undertanding-photoshop-dissolve-blending-mode-8\/\" rel=\"attachment wp-att-1681\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1681\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-8.jpg\" alt=\"undertanding-photoshop-dissolve-blending-mode-8\" width=\"253\" height=\"378\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-8.jpg 253w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-8-201x300.jpg 201w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-8-37x55.jpg 37w\" sizes=\"auto, (max-width: 253px) 100vw, 253px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">You will notice that even after doing this, nothing changed on the screen. Our color fill layer is still on top and background layer is still hidden under it.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/undertanding-photoshop-dissolve-blending-mode-9\/\" rel=\"attachment wp-att-1682\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1682\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-9.jpg\" alt=\"undertanding-photoshop-dissolve-blending-mode-9\" width=\"700\" height=\"350\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-9.jpg 700w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-9-300x150.jpg 300w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-9-110x55.jpg 110w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Go to the layers panel once again, make sure that the color fill layer is highlighted, click on it once if it isn\u2019t, and then reduce the opacity of the layer to 80%.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/undertanding-photoshop-dissolve-blending-mode-10\/\" rel=\"attachment wp-att-1683\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1683\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-10.jpg\" alt=\"undertanding-photoshop-dissolve-blending-mode-10\" width=\"262\" height=\"378\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-10.jpg 262w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-10-208x300.jpg 208w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-10-38x55.jpg 38w\" sizes=\"auto, (max-width: 262px) 100vw, 262px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">You will notice that our white fill layer starts to become transparent and the background layer will start to appear.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/undertanding-photoshop-dissolve-blending-mode-11\/\" rel=\"attachment wp-att-1684\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1684\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-11.jpg\" alt=\"undertanding-photoshop-dissolve-blending-mode-11\" width=\"700\" height=\"350\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-11.jpg 700w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-11-300x150.jpg 300w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-11-110x55.jpg 110w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">I reduce the opacity to 40%, then to 20% and my color layer becomes more transparent and the background layer becomes more visible.<\/p>\n<p style=\"text-align: justify;\">At 40$ Opacity<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/undertanding-photoshop-dissolve-blending-mode-12\/\" rel=\"attachment wp-att-1690\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1690\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-12.jpg\" alt=\"undertanding-photoshop-dissolve-blending-mode-12\" width=\"700\" height=\"350\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-12.jpg 700w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-12-300x150.jpg 300w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-12-110x55.jpg 110w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">At 20% Opacity<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/undertanding-photoshop-dissolve-blending-mode-13\/\" rel=\"attachment wp-att-1688\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1688\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-13.jpg\" alt=\"undertanding-photoshop-dissolve-blending-mode-13\" width=\"700\" height=\"350\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-13.jpg 700w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-13-300x150.jpg 300w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-13-110x55.jpg 110w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">At 0% opacity, my color fill layer is completely transparent and background layer fully visible.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/undertanding-photoshop-dissolve-blending-mode-14\/\" rel=\"attachment wp-att-1685\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1685\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-14.jpg\" alt=\"undertanding-photoshop-dissolve-blending-mode-14\" width=\"256\" height=\"379\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-14.jpg 256w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-14-203x300.jpg 203w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-14-37x55.jpg 37w\" sizes=\"auto, (max-width: 256px) 100vw, 256px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/undertanding-photoshop-dissolve-blending-mode-15\/\" rel=\"attachment wp-att-1689\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1689\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-15.jpg\" alt=\"undertanding-photoshop-dissolve-blending-mode-15\" width=\"700\" height=\"350\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-15.jpg 700w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-15-300x150.jpg 300w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-15-110x55.jpg 110w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">It is kind of hard to explain this effect in words really but let me try to give words to it. What happened here is as I reduced the opacity of my color fill layer, it started to become transparent but the transition was not smooth. Photoshop started to randomly select pixels to make them completely transparent or completely opaque. This is the effect that dissolve blending mode creates. It dissolves the two layers together in a very rough and random manner. Imagine yourself with two buckets of paint, one red and another one white. Now let us say that you emptied both the buckets in a third bucket. As the red and white paints dissolve into each other, right before they completely mix into each other to form a different color, you will see a mix of red and white in the bucket. Some areas of the liquid will be white and some red. I know this is a very weird example but this is how the dissolve mode works. As you move the opacity of the adjustment layer, the pixels you see will be selected from both the layers in a random manner. Some pixels will be of the adjustment layer and some from the layer beneath it. When the opacity is towards a lower number, the pixel selection will be more from the layer beneath and when the opacity is towards a high end number, pixels visible will be more from the adjustment layer. The pixels that are transparent will be 100% transparent and the opaque pixels will be 100% opaque. The meaning of Opacity in this case does not mean the Opacity of all the pixels, it rather applies to pixel count. Here it changes to &#8220;what percentage of total pixels should be completely transparent and what percentage should be completely opaque&#8221;.<\/p>\n<p style=\"text-align: justify;\">Now let us quickly do a comparison. Change the Blend mode of the color fill layer back to normal.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/undertanding-photoshop-dissolve-blending-mode-16\/\" rel=\"attachment wp-att-1686\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1686\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-16.jpg\" alt=\"undertanding-photoshop-dissolve-blending-mode-16\" width=\"262\" height=\"378\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-16.jpg 262w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-16-208x300.jpg 208w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-16-38x55.jpg 38w\" sizes=\"auto, (max-width: 262px) 100vw, 262px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Now try reducing or increasing the opacity of the color fill layer and you will notice that it becomes transparent in a very smooth and organized kind of manner.<\/p>\n<p style=\"text-align: justify;\"><a href=\"http:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/undertanding-photoshop-dissolve-blending-mode-17\/\" rel=\"attachment wp-att-1687\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1687\" src=\"http:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-17.jpg\" alt=\"undertanding-photoshop-dissolve-blending-mode-17\" width=\"700\" height=\"350\" srcset=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-17.jpg 700w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-17-300x150.jpg 300w, https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-17-110x55.jpg 110w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">In this case, the transparent level of all the pixels was changing at the same percentage that we set in the opacity field. There was no random selection, the effect was applied to all the pixels. The meaning of Opacity in this case applies to the transparency of all the pixels, how transparent or opaque they should be on a scale of 1 to 100 whereas in dissolve mode, it was getting applied to pixel count and transparency was set at either 0% or 100%.<\/p>\n<p style=\"text-align: justify;\">I hope this helps clarify the dissolve blending mode. If you have any question, please feel free to comment.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u201cDissolve\u201d is perhaps one of the least used Blending modes of Photoshop as most people rarely find a use for it. I have known people who have&hellip;<\/p>\n","protected":false},"author":1,"featured_media":1688,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[48],"tags":[],"class_list":["post-1672","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-photoshop"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Photoshop Basics - Dissolve Blending Mode - Vargis Khan<\/title>\n<meta name=\"description\" content=\"A tutorial on dissolve blending mode of Photoshop. An easy to understand explanation on how the dissolve mode works.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Photoshop Basics - Dissolve Blending Mode - Vargis Khan\" \/>\n<meta property=\"og:description\" content=\"A tutorial on dissolve blending mode of Photoshop. An easy to understand explanation on how the dissolve mode works.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/\" \/>\n<meta property=\"og:site_name\" content=\"Vargis Khan\" \/>\n<meta property=\"article:published_time\" content=\"2012-07-16T17:44:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-10-14T01:38:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-13.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"700\" \/>\n\t<meta property=\"og:image:height\" content=\"350\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Vargis.Khan\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Vargis.Khan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/\"},\"author\":{\"name\":\"Vargis.Khan\",\"@id\":\"https:\/\/vargiskhan.com\/log\/#\/schema\/person\/b1b706f2eb5ff95a6e279923d2ff9f13\"},\"headline\":\"Photoshop Basics &#8211; Dissolve Blending Mode\",\"datePublished\":\"2012-07-16T17:44:40+00:00\",\"dateModified\":\"2016-10-14T01:38:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/\"},\"wordCount\":1230,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-13.jpg\",\"articleSection\":[\"Photoshop\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/\",\"url\":\"https:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/\",\"name\":\"Photoshop Basics - Dissolve Blending Mode - Vargis Khan\",\"isPartOf\":{\"@id\":\"https:\/\/vargiskhan.com\/log\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-13.jpg\",\"datePublished\":\"2012-07-16T17:44:40+00:00\",\"dateModified\":\"2016-10-14T01:38:37+00:00\",\"author\":{\"@id\":\"https:\/\/vargiskhan.com\/log\/#\/schema\/person\/b1b706f2eb5ff95a6e279923d2ff9f13\"},\"description\":\"A tutorial on dissolve blending mode of Photoshop. An easy to understand explanation on how the dissolve mode works.\",\"breadcrumb\":{\"@id\":\"https:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/#primaryimage\",\"url\":\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-13.jpg\",\"contentUrl\":\"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-13.jpg\",\"width\":700,\"height\":350},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/vargiskhan.com\/log\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Photoshop Basics &#8211; Dissolve Blending Mode\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/vargiskhan.com\/log\/#website\",\"url\":\"https:\/\/vargiskhan.com\/log\/\",\"name\":\"Vargis Khan\",\"description\":\"My Travel &amp; Photography Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/vargiskhan.com\/log\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/vargiskhan.com\/log\/#\/schema\/person\/b1b706f2eb5ff95a6e279923d2ff9f13\",\"name\":\"Vargis.Khan\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/vargiskhan.com\/log\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b4a395bfb889579892157c256a71f8d894e724cf99c9391451bd8c10e099e3e1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b4a395bfb889579892157c256a71f8d894e724cf99c9391451bd8c10e099e3e1?s=96&d=mm&r=g\",\"caption\":\"Vargis.Khan\"},\"description\":\"Not much to write about me really except for that I love to travel around whenever I can and to wherever I can. This blog is just a small attempt to share my travel experiences with the world. Hope you like it !!!\",\"url\":\"https:\/\/vargiskhan.com\/log\/author\/vargis-khan\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Photoshop Basics - Dissolve Blending Mode - Vargis Khan","description":"A tutorial on dissolve blending mode of Photoshop. An easy to understand explanation on how the dissolve mode works.","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:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/","og_locale":"en_US","og_type":"article","og_title":"Photoshop Basics - Dissolve Blending Mode - Vargis Khan","og_description":"A tutorial on dissolve blending mode of Photoshop. An easy to understand explanation on how the dissolve mode works.","og_url":"https:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/","og_site_name":"Vargis Khan","article_published_time":"2012-07-16T17:44:40+00:00","article_modified_time":"2016-10-14T01:38:37+00:00","og_image":[{"width":700,"height":350,"url":"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-13.jpg","type":"image\/jpeg"}],"author":"Vargis.Khan","twitter_misc":{"Written by":"Vargis.Khan","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/#article","isPartOf":{"@id":"https:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/"},"author":{"name":"Vargis.Khan","@id":"https:\/\/vargiskhan.com\/log\/#\/schema\/person\/b1b706f2eb5ff95a6e279923d2ff9f13"},"headline":"Photoshop Basics &#8211; Dissolve Blending Mode","datePublished":"2012-07-16T17:44:40+00:00","dateModified":"2016-10-14T01:38:37+00:00","mainEntityOfPage":{"@id":"https:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/"},"wordCount":1230,"commentCount":0,"image":{"@id":"https:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/#primaryimage"},"thumbnailUrl":"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-13.jpg","articleSection":["Photoshop"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/","url":"https:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/","name":"Photoshop Basics - Dissolve Blending Mode - Vargis Khan","isPartOf":{"@id":"https:\/\/vargiskhan.com\/log\/#website"},"primaryImageOfPage":{"@id":"https:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/#primaryimage"},"image":{"@id":"https:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/#primaryimage"},"thumbnailUrl":"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-13.jpg","datePublished":"2012-07-16T17:44:40+00:00","dateModified":"2016-10-14T01:38:37+00:00","author":{"@id":"https:\/\/vargiskhan.com\/log\/#\/schema\/person\/b1b706f2eb5ff95a6e279923d2ff9f13"},"description":"A tutorial on dissolve blending mode of Photoshop. An easy to understand explanation on how the dissolve mode works.","breadcrumb":{"@id":"https:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/#primaryimage","url":"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-13.jpg","contentUrl":"https:\/\/vargiskhan.com\/log\/wp-content\/uploads\/2015\/01\/undertanding-photoshop-dissolve-blending-mode-13.jpg","width":700,"height":350},{"@type":"BreadcrumbList","@id":"https:\/\/vargiskhan.com\/log\/photoshop-basics-dissolve-blending-mode\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/vargiskhan.com\/log\/"},{"@type":"ListItem","position":2,"name":"Photoshop Basics &#8211; Dissolve Blending Mode"}]},{"@type":"WebSite","@id":"https:\/\/vargiskhan.com\/log\/#website","url":"https:\/\/vargiskhan.com\/log\/","name":"Vargis Khan","description":"My Travel &amp; Photography Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/vargiskhan.com\/log\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/vargiskhan.com\/log\/#\/schema\/person\/b1b706f2eb5ff95a6e279923d2ff9f13","name":"Vargis.Khan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/vargiskhan.com\/log\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b4a395bfb889579892157c256a71f8d894e724cf99c9391451bd8c10e099e3e1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b4a395bfb889579892157c256a71f8d894e724cf99c9391451bd8c10e099e3e1?s=96&d=mm&r=g","caption":"Vargis.Khan"},"description":"Not much to write about me really except for that I love to travel around whenever I can and to wherever I can. This blog is just a small attempt to share my travel experiences with the world. Hope you like it !!!","url":"https:\/\/vargiskhan.com\/log\/author\/vargis-khan\/"}]}},"_links":{"self":[{"href":"https:\/\/vargiskhan.com\/log\/wp-json\/wp\/v2\/posts\/1672","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vargiskhan.com\/log\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vargiskhan.com\/log\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vargiskhan.com\/log\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vargiskhan.com\/log\/wp-json\/wp\/v2\/comments?post=1672"}],"version-history":[{"count":3,"href":"https:\/\/vargiskhan.com\/log\/wp-json\/wp\/v2\/posts\/1672\/revisions"}],"predecessor-version":[{"id":1693,"href":"https:\/\/vargiskhan.com\/log\/wp-json\/wp\/v2\/posts\/1672\/revisions\/1693"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vargiskhan.com\/log\/wp-json\/wp\/v2\/media\/1688"}],"wp:attachment":[{"href":"https:\/\/vargiskhan.com\/log\/wp-json\/wp\/v2\/media?parent=1672"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vargiskhan.com\/log\/wp-json\/wp\/v2\/categories?post=1672"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vargiskhan.com\/log\/wp-json\/wp\/v2\/tags?post=1672"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}