How to create dispersion effect in Photoshop

The dispersion effect is a great way to add a bit of drama and flare to your images – and once you understand the basics, you can get as creative as you want.

You will need to install separate Disintegration brushes which you can find online for free. We’ve usedthis pack from Brusheezy.

We recommend starting with an image with a plain background, similar to the one we’ve used. If you want to experiment with stock photography, you cantry Adobe Stock free for one monthtoo.

We’ve usedAdobe Photoshopto complete this process, which is available separately or as part ofAdobe Creative Cloud. Some students are eligible for anextended free trial of Creative Cloud, and there are also ways toget Photoshop for free.

Step 1

Foundry

Open your image in Photoshop and duplicate the layer (Alt + J or Command + J on Mac).

Next, hide the new layer by clicking on the Eye icon.

Step 2

Foundry

Select the original layer and use the Lasso tool to draw around the subject. The selection doesn’t have to be precise, it just needs to include the entire subject.

Step 3

Foundry

Right click on the selection and choose Fill.

Step 4

Foundry

Ensure that “Content-Aware” is selected and click OK.

Step 5

Foundry

This should leave you with just the image background. Deselect the Lasso tool’s selection if you still see it. You can do this by going to the Select Menu at the top and choosing Deselect, or use the keyboard shortcut Ctrl + D or Command + D on Mac.

Step 6

Foundry

Now, select the new layer in the Layers panel. Then use the Quick Selection tool from the Tools menu on the left to select the entire subject of your image.

Step 7

Foundry

Once you’re happy with your selection, click on Select and Mask, which is at the top. If you’re using an older version of Photoshop, click Refine Edge instead.

Step 8

Foundry

Click on the Refine Edge button on the left. We will use this to mask finer details like wisps of hair.

Step 9

Foundry

Select the edge of the hair. If you can’t see the selected area, click on “Show Edge” under View Mode in the Properties panel.

Step 10

Foundry

At the bottom of the Properties panel, select “Layer Mask” from the Output To drop down. Click OK.

Step 11

Foundry

You should see a Layer Mask applied. Duplicate this layer.

Step 12

Foundry

Right click on the copied layer’s Layer Mask and click on “Apply Layer Mask”.

Step 13

Foundry

You should see that the top layer is now just your subject, isolated. Rename this layer to ‘Dispersion’ (which will help avoid confusion later) and turn off the visibility of the middle layer by clicking on the Eye icon.

Step 14

Foundry

Duplicate the ‘Dispersion’ layer and rename it to “Foreground”.

Step 15

Foundry

With the ‘Disperson’ layer selected, go to the Filter option in the top menu bar and choose “Liquify”.

Step 16

Foundry

Using the Forward Warp tool (first option on left), drag out the area of the image you want to see dispersed.

You can increase or decrease the radius of the brush using the square brackets on your keyboard. Use the left bracket “[” to decrease the radius and the right bracket “]” to increase the radius.

The degree of distortion you apply will form the distance of the dispersion or disintegration in your final image. In other words, distort it as intensely as you want to see the “ashes” fly.

Once you’re happy, click OK.

Step 17

Foundry

That should leave you something like this.

Next, with your Dispersion layer selected, hold Alt (or Option for Mac) on your keyboard and click on the Mask button at the bottom of the Layers panel. This masks or hides the Dispersion layer.

The Mask button is the rectangle with a circle within it (highlighted in the next slide).

Step 18

Foundry

Select the “Foreground” layer in the Layers panel and click Mask without holding down Alt (or Option).

You should see that your Dispersion layer has a black mask, while the Foreground layer has a white mask. The former is aHide Mask, while the latter is aReveal Mask.

Step 19

Foundry

With your Foreground mask selected, click on the Brush tool and choose a dispersion brush from the Brush panel. This is where you can install a brush pack if you haven’t already.

Make sure the foreground colour of the brush is set to black when on the “Foreground” layer as this is what blocks out (that is “masks”) bits of the selected layer. Start blotting out parts of the image.

Play with the brush size, type and rotation of the brush so the dispersed bits don’t look like a pattern.

Step 20

Foundry

You can control the brush dynamics from the drop down at the top.

This is also where you can rotate the brush (by clicking the arrow on the circle with the cross-hair, which represents your brush tip).

Step 21

Foundry

Next, we will start building the dispersion “ashes” by revealing parts of the Liquify distortion we made earlier. Check that the foreground colour of your brush is set to white.

Click on the “Dispersion” layer mask.

Step 22

Foundry

Start blotting away with the Brush tool, again, playing with the size and angle of the brush you use.

Take your time here to get the effect you want.

Step 23

Foundry

You can switch between the ‘Dispersion’ and ‘Foreground’ layers to add or reduce the degree of the effect. Just remember to switch your brush colour according to the layer you’re in and what you want to hide or show.

In the ‘Dispersion’ layer, use the white brush to show particles and the black brush to hide particles. In the ‘Foreground’ layer, use the white brush to hide the edges of your subject and the black brush to reveal edges.

Step 24

Foundry

Once you’re satisfied with your effect, you can clean up bits that don’t belong.

Select the Soft Round brush from the General Brushes palette in the Brush menu.

Step 25

Foundry

Mask out any fragments that don’t quite belong. In our example, we’ll clean up the model’s shoulder.

Step 26

Foundry

The next step, though optional, is sharpening the effect if it looks a little too feathered. To do this, hold down Ctrl + Shift + Alt + E to merge all visible layers.

This should produce a new layer, “Layer 2”.

Step 27

Foundry

Right click on “Layer 2” and then Convert to Smart Object.

Step 28

Foundry

From the Filter menu at the top, choose Sharpen, and then Unsharp Mask.

Step 29

Foundry

Play around with the amount based on how much you want to sharpen your image. By converting the layer to a Smart Object, you can always come back and change the amount later. We’ve gone with 85%.

Step 30

Foundry

This was our final result.

Author: Somrata Sarkar, Contributor

Previously a Tech Advisor Senior Staff Writer, Somrata researches and writes about the best tech deals to help readers make smart, informed buying decisions. She’s an expert on accessories and also reviews laptops, phones, audio and other devices.

Recent stories by Somrata Sarkar: