Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Go Unlimited Maybe Later
Dispersion Effect in Photoshop
  • By Design Bundles
  • 30 Mar 2018
  • 7 Mins
  • Photoshop Tutorials

Dispersion Effect in Photoshop

For this tutorial, you will need an image that can be easily cut out and maybe one to be used as Background. You will also need some free Splatter Brushes.

1 - In Photoshop, open the image you want to use.

2 - Use the “Quick Selection Tool” (W) to select your subject and remember that you can use the “Add to Selection” and “Subtract from Selection” options. Then click the “Select and Mask” button in the top menu to refine your selection. Choose “Output to a New Layer” and click “OK”. In case you decided to use another image as “Background” just “Copy” and “Paste” your selection into a “New Layer”.

3 - Double-click on your “Background” Layer to unlock it, click “OK” in the “New Layer” window. Click on your “Girl” Layer thumbnail while holding the “Alt/Option” key to make a selection, then go back to your “Background” Layer and “Fill” (Shift + F5) your selection using “Content Aware” as “Contents”. Hide your “Girl” Layer by clicking on the little eye icon to the left of its thumbnail to check the results and if you want you can use the “Clone Stamp Tool” (S) to erase more parts of the background.

4 - Turn on the visibility and duplicate the “Girl” Layer (Command/Control + J). Select the bottom one and stretch it horizontally with the “Transform” function (Command/Control + T). When you are satisfied click the “Enter” key.

5 - “Fix” your image by covering “Holes” with pieces of your image. The idea is to have a colored area big enough for the “Splatter” Brushes to show.

6 - Make a selection of your distorted “Girl” Layer, right-click on top of the selection and choose “Select Inverse”, then click on the “Add Layer Mask” button at the bottom of the “Layers” Panel. The image should disappear and in the mask thumbnail it should be filled with black. If you notice some “Edges” you can cover them using the “Brush Tool” (B) and black as your “Foreground” color and making sure you are painting on your “Mask”.

7 - To load your “Splatter” Brushes, double-click on the “.abr” file or in your “Brushes” Panel click on the little gear icon in the top-right corner, choose “Load Brushes” and navigate to where you saved your brushes. Select the “Brush Tool” and using white as “Foreground” color paint with your “Splatter” Brushes on your “Mask” to reveal pieces of the stretched image. Change the “Size” and “Hardness” of your brush to achieve the desired effect. To “Erase” just change the “Foreground” color to Black.

8 - Now, make a selection of your “Girl copy” Layer and create a “Mask”. Use black as “Foreground” color and “erase” some portions of your image.

9 - Create a “New Layer” by clicking on the button at the bottom of the “Layers” Panel and place it on top of the “Background” Layer. Use the “Eyedropper Tool” (I) to select a color from your image and add some “Splatters” around your image to give it more detail.

10 - Enter “Quick Mask Mode” (Q), Select your “Brush Tool” (B) and use a very large (about 1400 Pixels) and very soft (0% “Hardness”) brush and click once in the center of your image. Exit “Quick Mask Mode” (Q), go to the “Adjustments” Panel and create a new “Levels Adjustment Layer” on top of everything and use the following values:

11 - Create a “New Layer” on top, change the “Blending Mode” to “Overlay” and use the same large soft brush to paint some white “Highlights” on top of your image. Lower the “Opacity” to about 60%.

12 - Check out your work.

by @lornacane


6 Related Photoshop Tutorials

For this tutorial we are using a canvas or paper background and Titin Script from Font Bundles.1 – Create a new “Gradient Layer” under your “Texture” layer. Use a “Transparent to Fill Color” gradient with #d3d1d1 and #918f8f as colors, the Style as Radial and a 250% Scale. Hit ...

For this tutorial, you will a Black and White image to apply the “Halftone” effect to.1 - In Photoshop, open the image you chose to work with.2 - Go to Image > Adjustments > Gradient Map and choose the “Foreground to Background Gradient” (Black to White) from the options and ...

For this Tutorial, we are going to an image of “Grass” for the “Background, and a light-colored “Brick” Pattern.1 - In Photoshop, open the file you chose as “Background”.2 - Open the “Brick” Pattern image too. Open the “Image Size” Window (Command/Control + Alt/Option + I) and make it 1000 x 1000 ...

For this tutorial, we are using “Bukhari Script” from Fontbundles.net (https://fontbundles.net/mikrojihad/33277-bukhari-script), some cake textures (there are some web pages that have free images that you can useas textures) and a plate and table background images.We are going to divide this tutorial in two sections. ...

For this tutorial, we will use a Background image containing an electronic device and the font “Vintage Jack”.1 - In Photoshop, open the image you chose as “Background”.2 - Create a “New Document”, make it 1 x 10 Pixels @ 300 dpi, RGB “Color Mode” and choose “Transparent” as “Background Contents”. Switch “Foreground” and “...

For this tutorial we will be using a canvas or paper background and Titin Script from Font Bundles.1 – In Photoshop create a new document or open the one with the background you wish to use.2 – Click the “Create a new fill or adjustment layer” button at bottom of the “Layers ...

You may also like

Help Center
ol image