• 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
✕
quotes about design
16 Powerful Quotes About Design
August 10, 2020
facts about graphic design cover pic
7 Interesting Facts About Graphic Design
August 26, 2020

How to Create a Bokeh Effect in Affinity Photo

bokeh effect in affinity photo cover pic
Tweet

In today’s tutorial, we’ll be creating a bokeh effect in Affinity Photo. In photography, the bokeh effect is a blur/haze effect that occurs in various parts of an out-of-focus image. This effect is produced by a camera lens, but it can also be created in a photo editing software. You can see this effect in movies, tv shows, music videos, etc.

Go to the links below and download the images used in this tutorial.

  • Cat
  • Bokeh

Step 1

First, go to File > Open and open the cat image you downloaded.

Step 2

Second, go to File > Open again. This time open the bokeh image (it’ll appear in a new tab).

Step 3

With the Move tool, right click on the bokeh image and select Copy (or press CTRL + C).

Step 4

Go to the cat image. With the Move tool, right click on the image and select Paste (or press CTRL + V).

bokeh effect in affinity photo steps 3 and 4

Step 5

With the bokeh image selected, go to the Layers Panel and change the Blend Mode to Screen.

bokeh effect in affinity photo step 5

Step 6

Next, go to the Layers Panel and click on the Adjustments icon. Select Recolor.

Step 7

In the Layers Panel, drag the Recolor Adjustment layer inside of the bokeh image layer so that it is the only layer being affected.

bokeh effect in affinity photo steps 6 and 7

Step 8

Now, set the Recolor Adjustments to the following properties.

step 8

Step 9

Then, go to the Layers Panel, click on the Adjustments icon and select Levels. The Levels Adjustment layer should be placed inside of the bokeh image layer (if it didn’t end up there, drag the Levels layer inside of the bokeh layer).

step 9

Step 10

After that, set the Black Level to 20%.

step 10

Step 11

Select the bokeh layer. Then, click on the Mask Layer icon to add a mask to this layer.

step 11

Step 12

Next, select the Mask Layer. Activate the Black color on the Color Panel.

Step 13

Now, grab the Paintbrush tool from the Tools Panel. In the Context toolbar, set the Opacity to 75%, Flow to 15%, and Hardness to 0%.

steps 12 and 13

Step 14

Go over the bokeh lights to get rid of some of them and to fade some other ones out. Make sure you get rid of the bokeh effect that is on the cat’s face.

step 14

Step 15

In the Layers Panel, select the bokeh image and lower the Opacity of the layer to about 75%.

step 15

Congratulations! This tutorial is complete. You’ve created a bokeh effect in Affinity Photo. For more Affinity Photo tutorials, check out this article on how to create a pop art effect.

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 *

eight − 4 =

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.