In this tutorial, you will learn how to create particle effects in Photoshop. I will explain everything in so much detail that everyone can create it, even those who have just opened Photoshop for the first time.
What You'll Need
To recreate the design above, you will need the following resources:
1. How to Start Creating an Action
First, open the photo that you want to work with. To open your photo, go to File > Open, choose your photo, and click Open. Now, before we get started, just check a couple of things:
- Your photo should be in RGB Color mode, 8 Bits/Channel. To check this, go to Image > Mode.
- For best results, your photo size should be 2000–4000 px wide/high. To check this, go to Image > Image Size.
- Your photo should be the Background layer. If it is not, go to Layer > New > Background from Layer.
2. How to Select the Subject
In this section, we are going to make a selection of our subject and then copy the subject to a separate layer. Choose the Quick Selection Tool (W) and select the background of the photo. Use the Shift-Alt buttons on your keyboard to add or subtract areas from the selection. After you've made a perfect selection, press Control-Shift-I on your keyboard to invert the selection.
Now go to Select > Modify > Smooth and set the Sample Radius to 5 px. Next, go to Select > Modify > Contract and set Contract By to 2 px. Finally, go to Select > Modify > Feather and set the Feather Radius to 1 px.
Press Control-J on your keyboard to create a new layer using the selection. Then, name this new layer Subject.
3. How to Create the Particles
In this section we are going to create the particles. Go to Filter > Pixelate > Crystallize and set the Cell Size to 60.
Now press Control-Shift-U on your keyboard to desaturate this layer and hide the Background layer. Then, go to Select > Color Range, set the Fuzziness to 10 and, using the Eyedropper Tool, select the particles of any color by clicking on any of the particles inside the subject area.
Go to Select > Select and Mask and set the Smooth to 2, Feather to 2 px, Contrast to 50%, and Shift Edge to -2%.
Now select the Background layer and press Control-J to create a new layer using the selection. Name this new layer P_1.
Repeat this process by following the previous two steps to create as many particle layers as you like. Name the layers according to the sequence number of the particle layer. Feel free to use different Color Range and Select and Mask settings each time.
Now Right-click on the Subject layer and choose Delete Layer. Then, show the Background layer and select the P_1 layer. After that, using the Move Tool (V), click and drag anywhere inside the canvas to position the layer as you like.
Repeat this method to position the remaining particles layer as you like. Here is my result:
4. How to Make the Final Adjustments
In this section we are going to make some final adjustments to the design. Select the P_1 layer and press D to reset the swatches. Then, go to Layer > New Adjustment Layer > Gradient Map to create a new gradient map adjustment layer and name it Overall Contrast.
Now change the Blending Mode of this layer to Soft Light and set the Opacity to 40%.
Go to Layer > New Adjustment Layer > Hue/Saturation to create a new hue/saturation adjustment layer and name it Overall Saturation.
Now Double-click on this layer thumbnail and, in the Properties panel, set the Saturation to +18.
5. How to Crop the Image
In this section we are going to crop the image. Choose the Crop Tool (C) and transform the Crop Box as shown below:
You Made It!
Congratulations, you have succeeded! You have learned how to create a particle effect Photoshop action. Here is our final result:
15 Particle Effects from Envato Elements
Want to see more exciting photo effects? Check out this list of dispersion effect Photoshop actions from Envato Elements. Enjoy incredible styles from vintage effects to so much more!
Particle effect Photoshop actions can transform your sports photos into awesome, energetic visuals. This digital dispersion effect from profactions creates an explosion of digital pixels in any direction you need. Use it with Photoshop CS3 and above.
This next dust particle effect Photoshop action looks pretty wild! Create one-of-a-kind images for Instagram or Twitter in just a few short clicks. Explore lots of graphic elements within this download as well as ten color preset options. Check it out!
Need a wicked intro for your vlog channel or videos? This particle effect Photoshop action looks amazing with 3D text and more. Enjoy a high-quality, professional result that will blow your audience away. Works best with Photoshop CS4 and above.
Need a 3D Dispersion effect? Photoshop can help you achieve exactly what you need with this next download. Create amazing flying particles and realistic 3D pieces that are incredibly entertaining and visually effective. Add it to your collection.
Create an epic cosmic tail with this next particle effect action. Created by profactions, this Photoshop action creates a fully editable image with ten color presets and many more great options. Use it with high-quality images for the best results.
This next add-on features a cool numeric touch as a particle photo effect. Instantly turn your portraits into a wicked typographic effect for social media and more. Just download and install the action to get started. Check it out.
Geometric effects have been trending for years! Now you can use this dispersion particle effect that splits your sports and action shots into edgy, geometric shapes. Use it with any image or resolution and the latest versions of Adobe Photoshop.
Liquify your subjects in seconds! This next Photoshop action creates an unbelievable liquid effect that simulates rain or splashing water. Just mask out the area where you would like to apply the effect, and then play the action. It's that simple!
Feeling a little edgy? Explore a distressed effect Photoshop action like this next one. Fragmentum explodes any object, face or area into millions of tiny dust particles. Easily create this effect yourself using Photoshop versions CS3 and above.
Seize new opportunities to express yourself. Photoshop actions like this seizure effect from codetoform turn any boring portrait into a digital masterpiece. Enjoy the well-organized layers and add-ons including a step-by-step tutorial.
Need a fire effect Photoshop action? You can create this next phenomenal look in much less time. Free up your workflow with this easy-to-use Photoshop action that includes ten color presets. Edit the directions to create the best look.
Dispersion effects aren't just for dust and sparkles. This next Photoshop action bursts any subject into a cluster of floating, natural feathers for a bold, new style. Upload your result to Instagram to see how your numbers do! Check it out.
Trendy dispersion effects are used on dancer photos, but you can also apply them to ordinary objects or photos. This Dispersion 2 Photoshop action from sevenstyles creates a mind-blowing effect with realistic particle details. Edit and add to it to fit your needs.
Create an electrifying look with lightning and sparkle effects. Simply fill in your model with color and play the action to enjoy this awesome result in seconds. Included in this download is also a helpful video with step-by-step directions. Add it now.
Highly detailed and easy to customize, this next photo effect action includes four options with different directions to choose from. Explore up, down, left, and right directions to switch up the style to fit your needs. Great for Instagram and social media!
More Particle Effects
From sparkles to unique snow effects, Photoshop actions make it possible to create magic in just a few seconds. Explore this list of incredible resources and let us know a few of your favorites.
Enjoy more particle effects from these links:
- Photoshop ActionsHow to Add Cool Particle Effects in Photoshop With a Stylish PSD ActionMarie Gardiner
- Photoshop ActionsHow to Create an Ashes & Embers Dispersion Action in Adobe PhotoshopIndranil Saha
- Photo Effects46 Best Photoshop Actions With Creative Photo EffectsSean Hodge
- Adobe Photoshop26 Best Glow Effects in Photoshop (Actions and Text Effects)Melody Nieves
- Photoshop ActionsHow to Create an Awesome Dispersion Action in Adobe PhotoshopMarko Kožokar
- Photoshop ActionsHow to Create a Typography Dispersion Action in Adobe PhotoshopMarko Kožokar
- Photoshop ActionsHow to Create a Shatter Photoshop Effect ActionMarko Kožokar
- Photoshop ActionsHow to Create a Rock Blast Effect Action in Adobe PhotoshopMarko Kožokar
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.Update me weekly
Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!Translate this post