In today’s tutorial we’ll be going over a workflow for changing the color of an object in an image using Affinity Photo. This could come in handy if you have multiple color varieties of a product you’d like to sell (like t shirts or phone cases for example) and you’d like to produce images of each variety without having to photograph them.
Best of all, this approach is completely non-destructive, meaning it can easily be undone later on if need be. You can even alter the color changes after you’ve made them if you’d like:
In short, the approach we’ll use to change an image’s color in Affinity Photo is to add a Recolor adjustment layer, apply an empty layer mask to that layer, and then paint in the color changes with a white paint brush. Let’s dig in!
Change An Image’s Color In Affinity Photo
The following video tutorial will walk you through the entire process step-by-step:
Below is a brief summary of the steps we’ll be taking in this lesson. Intermediate to advanced users should be able to get the gist of it from these written instructions, but everyone else should refer to the video tutorial above for a complete explanation.
Table of Contents
Change An Image’s Color
Editing Your Changes
Change An Image’s Color
In this first part of the lesson we will be going over the steps taken to make these color changes.
In order to change an image’s color in Affinity Photo we first must open the image by navigating to:
File > Open
Select the image from your hard drive that you’d like to work with, then click on the lock icon next to the image’s name in the Layers menu:
This will unlock the layer, allowing you to make changes to the image.
Now it’s time to add a new adjustment layer in order to change the color of the image.
Adjustment layers allow you to make changes to an image’s appearance without actually changing the image. It’s kind of like wearing glasses. The lenses allow you to see better without changing your actual eyesight. Think of adjustment layers as lenses that are placed over the image.
Add a Recolor adjustment later by navigating to:
Layer > New Adjustment Layer > Recolor
A menu should populate, allowing you to change the color of the image. Use the Hue slider to choose a color of your liking:
You may notice that the color of the entire image changes, not just the color of the subject in your image. That’s okay, we’ll be addressing that in the next step.
Step 3: Add an Empty Layer Mask to the adjustment layer and paint in the key areas with a white brush
Whenever you change an image’s color in Affinity Photo you’ll have to find a way to isolate the subject of your image so that the color changes will only be applied to that localized area.
There’s many different ways to do this, but in this lesson we’ll be using layer masks — a non-destructive way of determining which areas of a layer will be transparent or visible.
Let’s add an empty layer mask to the adjustment layer by navigating to:
Layer > New Empty Mask Layer
If done correctly, your entire image should go back to its original color.
All we have to do now to change the image’s color is grab the Paint Brush Tool (keyboard shortcut: B) and select the color white from the Color tab on the upper-right of the screen. Start painting in the parts of your image that you’d like to change the color of using the brush.
As you paint, you’ll notice that the color of the subject in your image will change:
Tips & Pointers
Before continuing on to paint in the entire subject, here are a few tips and pointers to keep in mind:
- You can change the size of your brush using the left and right bracket keys on your keyboard.
- It is recommended that you use a small, fine brush and paint around the edges of the subject first, then use a larger brush to quickly fill in the remainder afterwards.
- You can quickly zoom in and out of your workspace by holding Control and rolling up and down on the mouse wheel.
- You can quickly navigate around your workspace by pressing down the mouse wheel and moving the mouse.
Keeping these pointers in mind, finish painting in your subject:
And you’re done! That’s how you can easily change an image’s color in Affinity Photo.
Editing Your Changes
Once you’re finished changing the colors of your image, you may be wondering if it’s possible to edit and/or undo these changes retroactively. You’re in luck! Let’s address how to do this.
One of the benefits of working with adjustment layers is that it’s a completely non-destructive way of editing images, meaning you can undo your changes at any point.
To do this, simply untick the visibility box of the Recolor Adjustment layer in the Layers menu:
This will turn off the visibility of the adjustment layer and the layer mask simultaneously, reverting your image back to its original colors.
Ticking this box again will turn the visibility back on, which will reapply your previous color changes.
Let’s say you change the color of your image in Affinity Photo, then later on you realize that you don’t like this color and would like to try on a different shade instead.
Does this mean that you have to repeat the entire process? Nope! Simply double-click the white box/thumbnail preview of the Recolor Adjustment layer in the Layers menu:
The Recolor menu should populate again, allowing you to choose a different color with the Hue slider.
Once you are finished you can simply close out of the menu.
There’s many different ways that you can change an image’s color in Affinity Photo. For example, instead of using layer masks, you could use the Selection Brush to sample a selection of the image to change the color of, then recolor that selection only. However, I feel that the method used in this lesson is the most complete approach as it provides more granular control over the sample area that you’ll create and it offers the most non-destructive benefits.
If you have any questions, or if any part of this lesson was unclear, simply leave a comment below!
Become A Master of Adobe Illustrator!
Want to learn more about how Adobe Illustrator works? Check out my Illustrator Explainer Series - a comprehensive collection of over 100 videos where I go over every tool, feature and function and explain what it is, how it works, and why it's useful.
This post may contain affiliate links. Read affiliate disclosure here.