• Have any questions?
  • contact@thecreativehagja.com
the creative hagja logothe creative hagja logothe creative hagja logothe creative hagja logo
  • Tutorials
    • Affinity Designer
    • Affinity Photo
  • History & Facts
    • Graphic Design
    • Logos
    • Typography
  • Inspiration
  • Recommendations
    • Courses
    • Products
    • Books
  • Resources
  • About
  • Contact
✕
technology effect on graphic design cover pic
Technology’s Effect on the Graphic Design Industry
December 10, 2019
facts about popular logos cover pic
12 Interesting Facts About Popular Logos
December 11, 2019

How to Create a Dispersion Effect in Affinity Photo

dispersion effect in affinity photo
Tweet

In today’s tutorial, we will be creating a dispersion effect in Affinity Photo. This effect is also called the splatter effect. The main concept of the effect is to separate the subject from the background. In addition, the end result is to make the subject look like it’s being blown away. Likewise, the dispersion effect was used successfully in the Avengers: Infinity War movie.

Before you get started, go to this Pexels link to download the image needed for the tutorial.

Step 1

In Affinity Photo, go to File > Open and select the image you downloaded.

Step 2

Next, grab the Selection Brush tool from the Tools Panel. Make sure the Add mode is selected and that Snap to Edges is checked.

dispersion effect in affinity photo step 1 and step 2

Step 3

With the Selection Brush, select the dog until there’s a single moving line around its whole body. If you overshoot any areas, switch to the Subtract mode to get rid of the parts you don’t want. You can even uncheck the Snap to Edges box.

dispersion effect in affinity photo step 3

Step 4

After you’ve selected the dog, hit Refine in the Context toolbar. Set the Output in the Refine Selection to New Layer.

dispersion effect in affinity photo step 4

Step 5

In the Layers Panel, label the pixel layer Dog. You can delete the original image.

dispersion effect in affinity photo step 5

Step 6

Now, press CTRL + J to duplicate the layer (or right-click on it and select Duplicate).

dispersion effect in affinity photo step 6

Step 7

Select the duplicated dog layer. Go to the Personas section and select the Liquify Persona.

dispersion effect in affinity photo step 7

Step 8

In the Tools Panel, select the Liquify Push Forward tool. Click on the top part of the dog and drag its fur to the right. Click and drag until you get the desired effect you want. It’s okay if it looks crazy right now. It will make sense in the end.

step 8

Step 9

When you’re done, click Apply. You should now be back in the Photo Persona.

Step 10

In the Layers Panel, rename this layer Liquified Dog.

step 10

Step 11

Select the Liquified Dog layer. Add a mask layer to it by clicking the Mask Layer icon in the Layers Panel.

step 11

Step 12

In the Layers Panel, select the mask layer you just added. Grab the Flood Fill tool from the Tools Panel. In the Swatches Panel, make sure your Fill Color is Black. Take the Flood Fill tool and select the liquified dog. Your mask layer should be covered with black (in the Layers Panel).

step 12

Step 13

Select the Dog Layer and add a mask layer to it from the Layers Panel by clicking the Mask Layer icon.

step 13

Step 14

Select the mask layer that’s inside of the Dog layer. Grab the Paintbrush tool from the Tools Panel (or click B on the keyboard). Make sure you’re on the Black fill color.

step 14

Step 15

Go to the Brushes Panel and select the Painting brushes. Click on the 54 pixel Paint 2 brush

step 15

Step 16

Increase the size of the brush by pressing the ] (right bracket) key on the keyboard. Start painting away some of the dog (make sure you’re on the mask layer inside of the Dog layer). If you feel like you’re erasing too much of the dog away, switch to the white fill color to add some of the dog back.

step 16

Step 17

Go to the Liquified Dog layer and select the mask layer. In the Swatches Panel, select the white fill color. Click on some areas of the dog to bring some of it back (Don’t drag your mouse to do this, just click on different areas of the dog that you wiped away).

step 17

Step 18

Go to the Layers Panel and click on Add Pixel Layer.

step 18

Step 19

With the added pixel layer selected, go to the Swatches Panel and make the Fill Color gray. Now, go to the Edit Menu and select Fill with Primary Color.

step 19

Step 20

With the pixel layer still selected, go the toolbar and select Move to Back.

step 20

Congratulations! This tutorial is complete! You’ve created a dispersion effect in Affinity Photo! If you liked this tutorial, check out some more Affinity Photo tutorials

Share
The Creative Hagja
The Creative Hagja

Related posts

travel app design
November 14, 2022

How to Create a Travel App in Affinity Designer


Read more

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

five × 1 =

Newsletter

Pages

  • About
  • Affiliate Disclaimer
  • Contact
  • Home
  • Privacy Policy
  • Resources
  • Terms of Use

Privacy Policy | Terms of Use| Affiliate Disclaimer

© 2023 The Creative Hagja. All Rights Reserved.