• 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
✕
retro cassette tape illustration cover pic
Retro Cassette Tape Illustration in Affinity Designer
July 7, 2020
logo sizes for social media
Choosing Logo Sizes for Social Media and the Web
July 21, 2020

How to Create a Duotone Effect in Affinity Photo

duotone effect in affinity photo cover pic
Tweet

In today’s tutorial, we will create a duotone effect in Affinity Photo. In photography, a duotone effect is used to bring out the highlights and the middle tones of an image by using two contrasting colors. The duotone effect involves recoloring grayscale images. The dark colors of the image are replaced with one color. Then, the light colors of the image are replaced with another color. This effect started in the print industry, but it can be seen in a lot of things such as websites and apps. In fact, Spotify used the duotone effect and made it have a resurgence. 

Before you get started, go to the following links and download the image and the font used in this tutorial:

  • Woman wearing boxing gloves
  • Facon Font

Step 1

First, go to File > Open and select the image of the woman wearing the boxing glove.

Step 2

Next, go to the Adjustment Panel and click Black & White adjustment.

duotone effect in affinity photo step 2

Step 3

Then, go to the Adjustment Panel again and select the Gradient Map adjustment.

duotone effect in affinity photo step 3

Step 4

Now, select the Green color stop in the middle. Then click Delete.

duotone effect in affinity photo step 4

Step 5

With the Gradient Map adjustment still open, select Reverse to change the position of the Red and Blue color stops.

duotone effect in affinity photo step 5

Step 6

Select the Blue color stop. Then, click the Blue color to change it. You can give it a color of your choosing. For this tutorial, the Blue color is changed to the following color code R: 194 G: 43 B: 206.

duotone effect in affinity photo step 6

Step 7

Now, select the Red color stop and give it a color of your choosing. For this tutorial, the Red color is changed to the following color code R: 239 G: 168 B: 105.

duotone effect in affinity photo step 7

Congratulations, this tutorial is complete! You’ve created a duotone effect in Affinity Photo. If you liked this tutorial, check out this tutorial on how to create a gold effect in Affinity Photo.

Bonus Steps

Step 1

First, go to the Layers Panel. Then, select all three layers (select one layer, then hold CTRL and select the other two layers). Right-click on your selection and select Merge Visible. This will combine the original image and the adjustment layers together to form a single pixel layer with all of the properties from those layers.

bonus step 1

Step 2

Go to the poster mockup link. Download the Underground Pillar Poster Mockup.

bonus step 2

Step 3

When you click Download, another tab will open. Click the Download button on this page, and the file will download.

bonus step 3

Step 4

Once the file finishes downloading, locate the file. Right-click on the folder and select Extract All.

Step 5

Open the folder and right click on the Underground Pillar file. Select Open With > Affinity Photo.

Step 6

When the mockup file opens, go back to the duotone picture. In the Layers Panel, copy the pixel layer we merged.

Step 7

Go to the mockup. In the Layers Panel, past the duotone image. After pasting the image, drag it inside of the curve layer.

bonus step 7

Step 8

In the Layers Panel, go to the curve layer and delete the layer labeled Place Poster Here.

bonus step 8

Step 9

Now, select the duotone image and resize it to fit inside of the curve layer in the mockup scene.

Note: Go to the Transform Panel and turn on the Lock Aspect Ratio. Then, resize your image. This will keep the proportions of the image in place.

bonus step 9

Step 10

After that, go to the Tools Panel and select the Artistic Text tool.

bonus step 10

Step 11

Type the word Warrior. Go to the Font Family and select the Facon font. Then, set the size of the font to 47 pt.

bonus step 11

Step 12

In the Layers Panel, select the text layer and drag it inside of the curve layer above the duotone image.

bonus step 12

Step 13

With the text layer still selected, go to the Swatches Panel and set the color of the font to #B438B0.

bonus step 13 part 1
bonus step 13 part 2
Share
The Creative Hagja
The Creative Hagja

Related posts

Y2K Logo Design in Affinity Designer
August 11, 2023

How to Create Y2K Logos in Affinity Designer


Read more

2 Comments

  1. Wendi says:
    March 24, 2021 at 1:05 am

    Wow, that’s what I was searching for, what a information! existing here at this
    weblog, thanks admin of this site.

    Reply
    • The Creative Hagja says:
      March 25, 2021 at 5:03 pm

      You’re welcome! I’m glad this information was helpful to you!

      Reply

Leave a Reply Cancel reply

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

1 × 3 =

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.