back to top

How to (Easily) Create a Dispersion Effect in Photoshop

Last updated: March 13, 2024 - 6 min read
ExpertPhotography is supported by readers. Product links on ExpertPhotography are referral links. If you use one of these and buy something, we make a little money. Need more info? See how it all works here.
Subscribe Below to Download the Article Immediately

You can also select your interests for free access to our premium training:

Your privacy is safe! We will never share your information.

If you want a fun Photoshop technique that imagines your friends disappearing into the abyss, then look no further! Whether you want to prank your friends or you wish to copy inter-dimensional travel, the dispersion effect is here for you. 
Today we will take you through the most straightforward route of creating a dispersion effect in portraits. We will go through a simple step-by-step guide so you can make your own particle dispersion effect in photoshop by the end. 

What is A Dispersion Effect?

Dispersion is a statistical term that describes the act of dispersing, which is to separate. A simple way to think about this is light being dispersed into a spectrum through a prism
The Dispersion effect in Photoshop will mimic an object slipping away into nothingness. This effect has recently become widely seen in the final Avengers movie. It creates this effect that looks like a solid is decomposing into particles. Ashes lighter than air are the products of this decomposition, and the solid object slowly breaks off into nothingness. 
Using this effect is a great way to create narratives in your images. Or it can be used as fun for family and friends. 
creating a dispersion effect: a CGI image of a bald man dispersing into nothingness with gray and light blue tones

What You Will Need 

Dispersion Effect in Photoshop

Now I will guide you through a simple step-by-step tutorial on how to create the dispersion effect in Photoshop.

Step 1 – Preparing your Image 

First, you need to open your image on Photoshop and duplicate your layer. 
dispersion effect step 1: screenshot of duplicating the layer on photoshop
Use the Lasso tool on your background layer to cover your subject. 
dispersion effect step 1: using the lasso tool in photoshop to cover the subject
Right-click within the lasso outline and click on Fill.
Choose ‘content-aware’ and click OK.
dispersion effect step 1: screenshot of the content aware fill box on photoshop
Now you should be left with just the image background.
the total background of the image after covering your subject

Step 2 – Selecting your Subject

Now you can use the Quick Selection tool to mark out a rough outline of your subject. This can be done in many ways, but the Quick Selection tool works well for this technique. 
dispersion effect step 2: the outline of your subject after using the quick selection tool
With your subject is selected, click ‘select + mask’ at the top.
Now, you want the Refine Edge brush toward the left of your screen. 
dispersion effect step 2: the refine edge brush in photoshop
Select ‘show edge’ to the right of your screen and draw a simple line around the outskirts of your subject. This will help with loose hairs and other more challenging-to-define edges in your image. 
dispersion effect step 2: select the show edge box in photoshop
dispersion effect step 2: what the image will look like after selecting the show edge box
Then select ‘layer mask’ from the Output drop-down menu and press OK.
dispersion effect step 2: selecting layer mask on the output settings in photoshop
Now duplicate the layer. Drag your layer to the bottom of the Layers panel and drop it onto the ‘new layer’ icon.
dispersion effect step 2: the layers drop-down menu after duplicating your background layer

Step 3 – Preparing the Dispersion Effect

Select the top image. Then, right-click on the new layer mask and select ‘apply layer mask’. 
dispersion effect step 3: screenshot showing where to select apply layer mask in photoshop
The top layer should now be the isolated subject. Rename this layer ‘Dispersion’. This will make identifying your layers a lot easier. 
Make a copy of your ‘Dispersion’ layer. You can now rename this to ‘Foreground’.
dispersion effect step 3: the layers tab shows a second copy of the dispersion layer
With the ‘Dispersion’ layer selected, go to Filter in the top bar, then select ‘liquify‘. 
This will bring up a new window. Toward the top left of this window, there’s a Forward Warp tool. Select this tool, and now you will be able to drag out the area you want to disperse. 
dispersion effect step 3: location of the forward warp tool on photoshop
In this section, you can increase or decrease the size and strength of the Liquify brush. You want to warp the image to mimic the way ashes would fly away from your subject. Be sure to use swooping motions to reflect this. 
dispersion effect step 3: what the image looks like after warping it with the liquefy brush
Once you are happy, click OK. You will then see an image similar to this. 
dispersion effect step 3: the liquified image right before applying the dispersion effect

Step 4 – Create the Dispersion Effect

Now you need to get your layers ready for the dispersion effect. 
Click on your ‘Dispersion’ layer, and add a layer mask. For the ‘Dispersion’ layer, you want to Alt click (or Option click for Mac) when selecting the ‘Add Layer Mask’ icon in the lower layers panel. This automatically hides everything on your ‘Dispersion’ layer. 
dispersion effect step 4: location of the add layer mask on photoshop
Now create a layer mask for your ‘Foreground’ layer without the alt-click. This should leave your workspace looking like this. 
dispersion effect step 4: the foreground and dispersion layer mask on the layers tab in photoshop
Make sure your new Dispersion Effect Brush tool is in Photoshop. 
With these new brushes, start working away at the edges that go in the direction of the effect. Remember you are working on the new layer mask. You want to be painting with black selected. 
dispersion effect step 4: using the dispersion brush to begin painting away the edges of the subject
With these brushes, you can change the size and direction they face. Be sure to have your opacity and flow at 100%. 
When you have finished this, click on the mask for your ‘Dispersion’ layer. We will now start adding the ‘ashes’. 
Invert your Brush tool color from black to white by clicking ‘x’. Now you can start revealing the bits you dragged out. Play around with this bit by changing brush sizes. You might also want to add a brush with the opacity reduced to fine-tune your effect. 
dispersion effect step 4: using the white brush tool to reveal the parts you dragged in the last step
Make sure you constantly switch between the ‘Dispersion’ and ‘Foreground’ layers to make the transition look refined. Remember that each time you swap masks, you need to be cautious of your brush color. 
Once you are happy with the dispersion effect you’ve created, you can further refine the image. 
Select the ‘Foreground’ image and use a brush to remove the bits that don’t fit. You want to use a white brush tool for this part. Here, I have left her face and shoulder intact. This makes it look like the model is just starting to disappear. 
dispersion effect step 4: selecting the soft round brush on photoshop
You are now able to make any further edits, like sharpening or anything else you want! This is the most basic way to make a dispersion effect in Photoshop.
the final product of the original portrait after the dispersion effect has been applied

Conclusion 

Now that you have the basic steps, you will want to try this technique as much as possible to create a dispersion effect in portraits. You might get confused, and even a bit lost the first time around. Don’t get discouraged! The only way to work through this is to keep trying it over and over again. 
The dispersion effect may seem like a confusing effect to make, but it’s actually pretty simple once you get used to it. Even people with a beginner/intermediate relationship with Photoshop can get great results with this effect. Start with an image that has a clear background to make it easier for yourself. Soon, you will be able to take your friends and family into other dimensions. 
As you can see, there are so many possibilities that you can create with this dispersion effect! Maybe you want to work with objects instead of models? Try it! This is one of those Photoshop techniques that rewards you as you put more and more creativity into it.
Looking for other creative Photoshop techniques? Try adding a soft glow to portraits!