Skip to main content
Joseph Labrecque
Community Expert
Community Expert
October 15, 2026

How to Create Stunning Splatter Brush Effects in Photoshop

Let’s create some Splatter Brush effects using Adobe Photoshop!


Designing with splatter brushes in Photoshop can be a lot of fun! Though, knowing how to adjust the application of these brushes and how to best apply them to your subject can take some additional know-how rather than simply splattering all over the place… and what about when something unexpected happens? We're going to have a quick look at all these considerations when using splatter brushes.


How to Create this Effect in Photoshop:



Get the Brush

First, we'll need to access the Brush tool and choose a splatter brush. 

  1. In Photoshop, select the Brush tool  and open the Brushes panel - you can find that under Window > Brushes. 

     

  2. Photoshop comes loaded with all sorts of brushes - including splatter brushes. In the Brushes panel, expand the Special Brushes folder and select a splatter brush you find interesting. I've chosen Kyle's Spatter Brushes - Supreme Spatter & Texture.

     

  3. Choose the brush color by changing the Foreground Color in the toolbar. Your splatter brush is now ready to use. 

     

Note: You can also import splatter brushes into Photoshop as .abr files. You can find all sorts of brushes provided by Adobe through your web browser.

 

Control the Brush

While you can certainly use the selected splatter brush without making any changes to it, you do have access to things like scattering, texture, tip shape, and other properties through the Brush Settings panel. 

  • Open the Brush Settings panel by choosing Window > Brush Settings from the application menu. 
  • This panel will display all of the settings for the selected brush. Active settings have an active checkbox next to them and inactive settings display an inactive checkbox. 

     

  • Clicking on the name of any setting will give you access to adjust each setting's properties. Some settings have no properties beyond being on or off and therefore will display nothing when clicked. 
  • You can also adjust properties of the brush such as size and blend mode through Photoshop's Options bar when the Brush Tool is selected. The Brush Settings panel can also be accessed directly from the Options bar!

 Note: You can get access to both the Brush panel and Brush Settings panel immediately by choosing the Painting workspace. 


Create the Effect

Let's put the splatter brush to use and design a splatter composition using an image from the Adobe Stock free library.

  1. Open the .jpeg image file in Photoshop and choose File > Save As from the application menu to save the file as a .psd to your local computer. 
  2. Choose Select Subject from the Contextual Task Bar. A selection will appear around the figure. 

     

  3. We will want to invert this selection so that she is isolated from the effects of our brush. Choose Invert Selection from the Contextual Task bar and the selection is inverted so that all content except for the figure is selected. 

     

  4. Select the Brush Tool and choose a splatter brush to use. Adjust any brush properties as desired. Be sure to adjust the size of your brush.

     

  5. In the Layers panel, click the New Layer button to create an empty pixel layer above the background. Ensure this layer is selected so that any brushing will be contained in this new layer. 

     

  6. Choose a Foreground Color from the toolbar and begin thoughtfully painting around the subject. Notice that the brush only affects the areas that are encompassed by our selection and does not overlay the figure.
     

 

Tip: Clear your selection, add a new pixel layer, and add in additional splatter to the new layer to create a parallax effect with the figure existing between and among the splatter surfaces.

 

Go Further

We now have the basics down for creating a neat photographic splatter composite in Photoshop, but we can take this even further with additional techniques. Let's use our splatter brush to create a nifty portrait effect using masks. I'll once again be using an image from the Adobe Stock free library.

  1. We'll first remove the background so that we are only working with the figure. Choose the Remove Background option from the Contextual Task Bar. The subject is selected and a mask is applied to the image, hiding the background. 

     

  2. Select the Brush Tool and choose a splatter brush to use. Adjust any brush properties as desired. Be sure to adjust the size of your brush. 

     

  3. Choose black (#000000) as the Foreground Color from the toolbar. When dealing with masks - white represents 100% opacity, black represents 100% transparency, and shades of grey allows for semi-tranparency. 

     

  4. Ensure that the mask attached to your layer is selected by clicking upon it. We want to paint within the mask and not across the actual pixels of the image. 

     

  5.  From the bottom of the image, paint with your splatter brush so that the figure is given the appearance of dissolving from the waist down. You'll need to paint over these areas multiple times to achieve this effect. 

     

  6. Finally, either add the background back or bring in a new background to composite your portrait against. 

     

Note: Whenever using slatter brushes, there is always an element of randomness and chance involved. 

 

Fixing Common Problems

Like any process, you may encounter some problems when exploring splatter brushes. Here are a set of things to check or adjust to get around common problems designers can encounter.


Check Blend Modes: If your brush or layer blend mode is set to Dissolve, Clear, or another setting, the splatter effect may look broken or fail to appear. If this is the case, switch the blend mode dropdown in the Options bar to Normal. 

 
Verify Opacity and Flow: Ensure both Opacity and Flow are set to 100% in the Options bar. Low flow setting values can make complex textured or splatter brushes look faint or completely invisible. 


Check the Active Layer: Make sure you are on a normal, unlocked, visible pixel layer or a mask connected to such a layer. Note that you cannot paint directly on Smart Objects or locked background layers. 


Deselect Active Selections: As seen in this article, if you have an active selection area elsewhere on your canvas, your brush will be restricted to it. 


Reset the Brush Tool: Right-click the brush icon on the top-left tool menu and select Reset Tool to clear customized glitchy states. If all else fails - this can be a quick solution! 

 

Join the conversation

Please feel free to share what you’ve created using the Splatter Brush! I hope these tips were helpful. If you have any more questions or need further assistance, feel free to reply here. 

    7 replies

    Participant
    October 18, 2026

    I'd start with Canvas 2D + OffscreenCanvas before jumping to WebGL2. Cache the brush stamps as ImageBitmaps and use seeded randomness for consistent previews and exports. For crisp edges, render at the target resolution rather than upscaling. WebGL2 is probably overkill unless you're pushing thousands of particles per frame.

    Translate
    Alina Donelle
    Participant
    October 18, 2026

    Really interesting breakdown of the splatter effect.

    I'm building a browser based typography and image generator tool Brat Generator One, and this got me thinking about implementing a similar effect directly in the browser without relying on Photoshop.

     I'm considering HTML5 Canvas 2D with offscreen rendering, procedural brush stamps, seeded random particle distribution, alpha-channel masking, and globalCompositeOperation for blending. One challenge I'm facing is clipping irregular splatter particles to text glyph boundaries while preserving anti-aliased edges, especially when exporting high-resolution transparent PNGs.

    I'm wondering about performance. Would caching pre-rendered particle textures with OffscreenCanvas and using ImageBitmap be sufficient for real-time previews, or would a WebGL2 shader pipeline with GPU-accelerated compositing make more sense as the number of particles increases?

    Another concern is maintaining consistent results between the live preview and exported images at different resolutions and device pixel ratios.

    Has anyone implemented Photoshop-style scatter brushes in a JavaScript design tool?  whether Canvas 2D is practical for this or if moving directly to WebGL2 would save headaches later.

    Translate
    Web Developer | Technical SEO Specialist | AI Enthusiast Founder of Brat Generator One — Free Online Brat Font & Text Generator https://bratgeneratorone.com/
    Trevor.Dennis
    Community Expert
    Community Expert
    October 17, 2026

     Really nicely done Joseph.  The brush tool should be well up the list of Photoshop tools to get the hang of, and you have demystified a big chunk of it. 

    I think there are more than 700 presets in Kyle’s Mega Pack, and it can be hard finding the wood for the trees sometimes, so having the search bar turned on is a must.  I like to have all of the options turned on to give us the best idea of what each preset looks like. Plus to see what tool a particular preset will switch to.  You can select a preset without it changing tools by holding down Ctrl/Cmd

    Something I like to do with spatter brushes is create rough edges for masks.

    Below, I made rectangular selection and added a layer mask.

    I Ctrl clicked the mask to load it as a selection and inverted the selection.

    You can then click on the Make work path from selection icon at the bottom of the paths panel.

    Note: I have the layer mask disabled below (Shift click). This is so I can test some brush strokes.

    I’ve searched for Spatter presets and chosen Watercolor Spatter Fine Drops. The top stroke is what that gave me as selected.  It isn’t dense enough so I reduced spacing to 25%, increased Count to 5, added some Scatter with Both axes checked. That gave me the second two strokes that are going to work nicely.

     

    With black as the foreground colour, and the layer mask selected, we can now right click the path and choose Stroke Path. Chose the brush tool Note: the brush size and other settings have to be set before this stage, although you can make the brush bigger and rougher (more spatter) and stroke it again.  This gives us this rough edged outline to the mask.

    Note Simulate Pressure was unchecked above.

    With it turned on it will do exactly what you’d expect

    You can stroke a path with most of the tools. 

    You could run the blur tool over a too sharp edge to make a composite look more realistic.

    You can do accurate line work — if you are not great at drawing, like myself :-(

    Translate
    Mohit Goyal
    Community Manager
    Community Manager
    October 16, 2026

    Great article, Thank you ​@Joseph Labrecque 

    Translate
    Participant
    October 16, 2026

    This is one of the most detailed and helpful explanations I’ve ever seen! Excellent work!

    Translate
    Imaginerie
    Community Expert
    Community Expert
    October 15, 2026

    That’s one of the most comprehensive explanation I have ever saw! Great work!

    Translate
    Joseph Labrecque
    Community Expert
    Community Expert
    October 15, 2026

    Oh - thank you!

    Translate