EDUCBA

EDUCBA

MENUMENU
  • Free Tutorials
  • Free Courses
  • Certification Courses
  • 280+ Courses All in One Bundle
  • Login
Home Design Design Tutorials Photoshop Tutorial Dispersion Effect in Photoshop
Secondary Sidebar
Photoshop Tutorial
  • Basics and Advanced
    • What is Photoshop?
    • Install Adobe Photoshop
    • Introduction to Photoshop
    • Career in Photoshop
    • Uses of Photoshop
    • Adobe Photoshop Commands
    • Is Photoshop Free?
    • Website Layout in Photoshop
    • Adobe Photoshop
    • Top Features in Adobe Photoshop
    • Adobe Photoshop Elements tools
    • Free UI Kits For Photoshop Download
    • Layers Panel in Photoshop
    • Photoshop Moon Brushes
    • Ripple Effect Photoshop
    • Action in Photoshop
    • Photoshop Color Match
    • Photoshop color picker
    • Photoshop split toning
    • Photoshop GIF
    • Photoshop Extend Background
    • Photoshop template flyer
    • Photoshop content aware fill
    • Photoshop Overlays
    • Photoshop vignette
    • Photoshop Textures
    • Photoshop liquify
    • Photoshop automate
    • Photoshop presets
    • Layer effects in Photoshop
    • Photoshop hologram effect
    • Vintage Effect Photoshop
    • Vaporwave Photoshop
    • Photoshop Polaroid
    • Pixel Effect Photoshop
    • Photoshop Creative
    • MP4 to GIF Photoshop
    • Templates in Photoshop
    • Night Effect in Photoshop
    • Photoshop Sun Effect
    • Photoshop Gold Gradient
    • Perspective Correction in Photoshop
    • VHS Effect Photoshop
    • Halftone in Photoshop
    • Puppet Warp in Photoshop
    • Photoshop Cheat Sheet
    • Resize Object in Photoshop
    • Distortion Effect Photoshop
    • Clone Stamp Tool in Photoshop
    • Fisheye Effect in Photoshop
    • Vanishing Point in Photoshop
    • Fix Perspective in Photoshop
    • Warp Image Photoshop
    • Transform Tool Photoshop
    • Photoshop Straighten Image
    • Glitch Effect in Photoshop
    • Photoshop Cinemagraph
    • Stamp Effect in Photoshop
    • Typography in Photoshop
    • Photoshop Distort Effect
    • How to Print in Photoshop?
    • Morphing in Photoshop
    • Glow Effects in Photoshop
    • Tree Brush Photoshop
    • 3D Text Effect in Photoshop
    • Shiny Effect Photoshop
    • Photoshop Font Effects
    • Metallic Effect Photoshop
    • Ice Effect in Photoshop
    • Dispersion Effect in Photoshop
    • Healing Brush Tool in Photoshop
    • Crop Tool in Photoshop
    • Artboard in Photoshop
    • Fire Effect in Photoshop
    • Photoshop Versions
    • Portrait Effect in Photoshop
    • Quick Selection Tool in Photoshop
    • How to Highlight Text in Photoshop?
    • How to Change Text Color in Photoshop?
    • Change Color in Photoshop
    • Filters in Photoshop
    • Change Hair Color in Photoshop
    • How to Change Shirt Color in Photoshop?
    • Watercolor Brushes in Photoshop
    • How to Blend Images in Photoshop?
    • Plastic Effect in Photoshop
    • Ruler Tool in Photoshop
    • How to Fill Color in Photoshop?
    • How to Delete Background in Photoshop?
    • Plugins in Photoshop
    • Photoshop Mixer Brush Tool
    • Color Replacement Tool in Photoshop
    • Eraser Tool in Photoshop
    • Motion Effect in Photoshop
    • How to Make Logo in Photoshop?
    • Lasso Tool in Photoshop
    • Reflection Effect in Photoshop
    • Metal Text Effect in Photoshop
    • Gold Text Effect in Photoshop
    • Smart Objects in Photoshop
    • Text Effects in Photoshop
    • Layers in Photoshop
    • 3D Text in Photoshop
    • Selection Tool in Photoshop
    • Patch Tool in Photoshop
    • Eyedropper Tool in Photoshop
    • Rectangle Tool in Photoshop
    • Background Eraser Tool in Photoshop
    • Rain Effect in Photoshop
    • Oil Paint Filter in Photoshop
    • Clipping Mask in Photoshop
    • Burn Tool in Photoshop
    • Paint Bucket Tool in Photoshop
    • Snow Effect in Photoshop
    • Mirror Effect in Photoshop
    • Adobe Photoshop Alternatives
    • Transparent Text in Photoshop
    • Sharpen Tool in Photoshop
    • Custom Shape Tool in Photoshop
    • Adobe Photoshop Tools
    • Red Eye Tool in Photoshop
    • Adobe Photoshop Shortcut Keys
    • Pencil Tool in Photoshop
    • Blur Tool in Photoshop
    • Smudge tool in Photoshop
    • Sponge Tool in Photoshop
    • Magic Wand Tool in Photoshop
    • Move Tool in Photoshop
    • Line Tool in Photoshop
    • Photoshop Interview Questions

Related Courses

Photoshop Training Course

Adobe Premiere Pro Training Course

Design Training Course

Dispersion Effect in Photoshop

Dispersion Effect in Photoshop

Introduction to Dispersion Effect in Photoshop

You can use the dispersion effect in Photoshop to create mesmerizing effects that are dramatic in nature. Just select the image which you want to work on and transform them into amazing artwork. You can use various brush types to create amazing dispersion effects. Below in this tutorial, I have used the image of a car and have added the dispersion effect. Go through the steps to discover everything about adding a Dispersion effect in Photoshop.

How to Create a Dispersion Effect in Photoshop?

Following are the steps to create a dispersion effect in photoshop.

Step 1: The first step is to load the image in Photoshop. For that, you can either drag the image onto the document window or simply place the image from Photoshop.

Loading the image

Start Your Free Design Course

3D animation, modelling, simulation, game development & others

Step 2: Next, duplicate the layer in the images using the shortcut key Alt+ J or Cmd + J if you use Mac.

duplicate the layers

Step 3: 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 4: In the 4th step, we will use the lasso tool. Draw around the subject in the image roughly. The selection needs to cover the entire subject.

selection

Step 5: After the selection is done, right-click on it and select fill.

Dispersion Step 5

Step 6: Select the content-aware option and click on Ok.

content-aware

Step 7: Now, you will have just the image background. You can deactivate the last if it is still active. The shortcut for the same is Ctrl+D and for Mac CMD+D. Alternatively, there is a select menu on the top as well where you can choose the deselect option.

Dispersion Effect in Photoshop 1-3

Step 8: After that, I am going to select the new layer option from the layers panel. After that, pick the quick selection tool available in the menu on the left side. It picks the entire subject of the image.

Dispersion Effect in Photoshop 1-5

Step 9: If you feel that the selection is fine, you can choose Select and Mask on the top. In the older version of Photoshop, the option is to refine the edge instead.

refine the edge

Step 10: On the left side, you will find the Refine Edge button, which can be used to mask deeper details. Now we are going to select the edges from the picture. You can give values in the Refine Edge dialog box and create an appropriate effect.

Step 11: Select the layer mask from the properties panel at the bottom. Select OK. Now the layer mask is applied. We will duplicate the masked layer.

Dispersion Effect in Photoshop 1-7

Step 12: Right-click on the duplicate layer mask and select “Apply Layer Mask”.

Apply Layer Mask

Step: 13: The top layer will have a car in isolation. It can be renamed to Dispersion for easier understanding.

Dispersion Effect in Photoshop 1-9

Next, switch off the visibility of the layer by selecting the eye icon.

Step 14: Create a copy of the Dispersion layer and name it to the Foreground.

Dispersion Effect in Photoshop 1-10

Step 15: Select the Dispersion layer and go to the top menu option. Now choose the Filter option and click on Liquify.

Dispersion Effect in Photoshop 1-11

Step 16: Select the Forward Warp tool, the first option that you find on the left. After that, start dragging the image areas out for dispersed effect.

Dispersion Effect in Photoshop 1-12

PS: You can try increasing or decreasing the brush radius. For that, use the left bracket “[“to reduce the radius. For increasing the radius, use the right bracket “]”. Accordingly, adjust the distortion amount as much as it suits your creativity. Finally, click on OK.

Step 17: That should leave you something like the smudged image. Keeping the Dispersion layer selected, hold Alt/Option and activate the mask button.

Step 18: Now, we will select the Foreground layer and click on the Mask.

Dispersion Effect in Photoshop 1-13

Now you will notice that the Dispersion layer has a black cover while the Foreground layer has a white cover. One hides the mask while the latter shows the mask.

All in One Design Bundle(280+ Courses, 100+ projects)
AutoCADHoudiniAdobe Premiere ProPhotoshop
SolidworksVFX Visual EffectsCorelDrawUnreal Engine
Price
View Courses
280+ Online Courses | 100+ projects | 2000+ Hours | Verifiable Certificates | Lifetime Access
4.6 (65,057 ratings)

Step 19: Keeping the Foreground mask active, select a brush from the tools panel. You can try installing brushes to obtain better results apart from the default Photoshop brushes.

The foreground of the brush should be black in the “Foreground” layer. This cuts out parts from the selected layer. Use the brush tool and vary the effect of dispersion.

Step 20: You can change the brush settings from the top menu. You can change the size, type, and orientation of the selected brush.

Dispersion Effect in Photoshop 1-14

Step 21: Now, we will create ash-like effect by uncovering the Liquify distortion that was created earlier. Here the foreground color of the brush needs to be white.

Step: 22: Select the “Dispersion” layer mask. Continue using the brush tool and add varying brush effects.

Step: 23: Toggle between both the ‘Dispersion’ and ‘Foreground’ layers to better control the range of the effect. Just be careful to change the foreground color according to the selected layer. Spend some to obtain the best results you can make.

Dispersion Effect in Photoshop 1-15

Step: 24: Next, merge all the visible layers by hitting Ctrl+Shift+Alt+E. The resulting layer is Layer 1.

Dispersion Effect in Photoshop 1-16

Next, select Layer 1 and convert it to a smart object by right-clicking it.

Dispersion Effect in Photoshop 1-17

Step 25: After that, go to the Filter menu at the top and pick Sharpen and from there Unsharp mask.

Dispersion Effect in Photoshop 1-18

Step 26: Choose the best value for the amount you want to sharpen. In this example, I have set the amount to 85%.

Dispersion Effect in Photoshop 1-19

Conclusion

Photoshop offers numerous effects and features for transforming mere images to artforms. Dispersion is one such amazing effect. From this article, you can learn to create stunning dispersion effects to your images. Try them out today and see how you can play with this new technique in your pictures. If you want to know about more such techniques, visit our similar blogs.

Recommended Articles

This is a guide to Dispersion Effect in Photoshop. Here we discuss the Introduction and how to create a dispersion effect in photoshop along with its steps. You may also look at the following articles to learn more –

  1. How to Highlight Text in Photoshop? | 2 Methods
  2. Creating Reflection Effect in Photoshop
  3. Methods to Create Snowfall in After Effects
  4. Guide to Composition in After Effects
Popular Course in this category
Photoshop Training (10 Courses, 12+ Projects)
  10 Online Courses |  12 Hands-on Projects |  80+ Hours |  Verifiable Certificate of Completion
4.9
Price

View Course

Related Courses

Adobe Premiere Pro Tutorial (4 Courses, 7+ Projects)4.9
All in One Design Bundle (280+ Courses, 100+ projects)4.8
0 Shares
Share
Tweet
Share
Primary Sidebar
Footer
About Us
  • Blog
  • Who is EDUCBA?
  • Sign Up
  • Live Classes
  • Corporate Training
  • Certificate from Top Institutions
  • Contact Us
  • Verifiable Certificate
  • Reviews
  • Terms and Conditions
  • Privacy Policy
  •  
Apps
  • iPhone & iPad
  • Android
Resources
  • Free Courses
  • Photoshop Tutorial
  • 3ds Max Tutorial
  • All Tutorials
Certification Courses
  • All Courses
  • Design Course - All in One Bundle
  • Photoshop Course
  • Maya Course
  • Unreal Engine Course
  • Unity Course
  • DaVinci Resolve Course
  • Pro Tools Course

ISO 10004:2018 & ISO 9001:2015 Certified

© 2022 - EDUCBA. ALL RIGHTS RESERVED. THE CERTIFICATION NAMES ARE THE TRADEMARKS OF THEIR RESPECTIVE OWNERS.

EDUCBA
Free Design Course

Banner Creation, Object Selection, Sky Replacement, Advance Filters & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA Login

Forgot Password?

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

Let’s Get Started

By signing up, you agree to our Terms of Use and Privacy Policy.

This website or its third-party tools use cookies, which are necessary to its functioning and required to achieve the purposes illustrated in the cookie policy. By closing this banner, scrolling this page, clicking a link or continuing to browse otherwise, you agree to our Privacy Policy

Loading . . .
Quiz
Question:

Answer:

Quiz Result
Total QuestionsCorrect AnswersWrong AnswersPercentage

Explore 1000+ varieties of Mock tests View more