To begin, open your image in Affinity Photo. Go to the Adjustment Panel and select Black & White or click the Adjustments icon in the Layers Panel and select Black & White. You’ll see that this creates a new Black & White Adjustment Layer in the Layers Panel. Black and White adjustment Convert a color image to monochrome while maintaining full control over how individual colors are converted. This adjustment comes with a handy Pickersetting which allows you to target a color in the document and adjust the applicable slider.

Gradient Overlays for Great Looking Photographs (with Affinity)

Highlight mood and artistic creativity with simple gradients overlays

By Martin KP in Articles and Tips on Jul 11, 2019

In this tutorial I will show you how to enhance black and white photographs using gradient overlays. I will demonstrate this technique to enhance a portrait using Affinity Photo, but of course the technique can be applied in other mainstream photo editing programs.

Digital post processing offers the photographer a selection of tools to help with creating a pictorial mood. Subtle tonal changes can elevate, heighten or lessen photographic elements to help the viewers eye toward an artistic expression whilst remaining hidden within the photographic structure. Indeed, a graduating tonal shift using a vignette tool when used properly is a good way to enhance your post processing creativity, yet, over use of this tool can lead to mundane predictability across the tonal space in a series of pictures and the tool itself negates your own artistic expression. There is another way to create the same mood effect of a vignette whilst remaining creative to a mood within the frame. This can be done by employing the gradient fill tool.

Original image

All good photo editing programs will have a gradient tool. Tones, colors or tints can be altered to serve the intended mood of a photograph. The easiest scale to use is a gray scale but this technique also works well for color scale. Sometimes a color photograph only needs a hint of gray scale but I find I employ gradients to black and white images. Sometimes the same gradient can be used across a picture series. Bare in mind, gradients suffer from the same transgressions as vignettes, their over use can muddy a picture instead of providing a subtle mood change and artistic expression. When carefully considered and combined with selective curves the creative elements fuse to an interesting result. The key here is to experiment and I will show you how to do just that.

Start by opening Affinity, and create a new file. An A5 canvas is fine. Find your gradient tool and make the above image. This can be done in affinity by first creating a square box then dragging the gradient into to the square from one corner to the other. Notice how you can move each node around the image plane. This feature is used to create the look you are going for as we will see later. Up in the top left you will see the gradient tool context (it appears automatically when selecting the gradient tool).

Click on the gradient preview icon (red) and the gradient tool properties panel appears below. The two nodes shown here correspond with the nodes in the image plane. You can click these and alter the node colors (blue) with a further scaling bar (green) which moves the scale center point. Play around with these settings so you are familiar with what they do. You can create interesting scales with this tool which will transcribe into the finished image, and, because this is a non-destructive editor, it is possible to go back to this tool to make finer adjustments later. Once happy it's a good idea to make a save of the file.

Now find your layers tab. If it isn’t visible, activate through View>Studio>Layers. Give your gradient a memorable name so you can find it again latter. On complicated edits with multiple layers I find the right layer easily if given descriptive names beforehand. Now lets add an image using File>Place, select a file and draw it into the frame. Anywhere will do. It can be altered later. You can see affinity has placed the new image on top of the gradient. We want the gradient on top of the image so drag the layer containing the scale so it sits above. The image will disappear behind the gradient. Now change the layer blend mode from normal to overlay and the image reappears with the grey scale blend.

Two things to note with this overlay. The whites are far too light, and the blacks are deep. What is more, there appears a lack of contrast in the mid tones, it all looks a little muddy. We could change the opacity in the layer but this will alter the whole image. We want to change the opacity in the whites only and leave the black in overlay. Revert the layer blend mode back to normal and reopen the fill gradient tool shown earlier. If it isn’t visible, double click the gradient in the layers panel. Select the white node (in blue circle) and decrease the opacity to 0%. Now return the layer blend mode back to overlay. The white is unaffected where the blacks retain their gradient scale giving a natural blend across the image plane. The creative process in placing the gradient can now investigated to find the right combination for a pleasing look. Start by selecting the greyscale layer in the layers panel and clicking on the gradient tool leftmost tool panel. Your gradient nodes will appear in the picture plane. Move this around now and try different looks. You can also go back to the gradient preview icon and change the settings here too, affinity will show the results as you move or change settings. When happy with the result save your file then go to Document>Flatten and your new edited image is done.

Final image

Gradients work well in black and white, but you can also use color instead. The key here is to experiment with the gradient tools to find something new and appealing. You can even make your own vignette with multiple gradients stacked, however, I find the simplest solution is often times the best solution. There you have it. An image with subtle mood tones placed to work with the image and the viewer for a pleasing outcome.

About Affinity Photo

Affinity photo by Serif is a non-destructive photo/image editor. In some ways Affinity is like Photoshop and in many other ways it is very different. All photo editing tools are available from a tool bar and menu and there is also a properties/layer window.

Affinity has a very powerful processing engine. It is a color-aware program with unique channel editing features. It works well with a graphics tablet if you have one and uses mulicore processors as well as a full export utility including JPG, PNG TIFF, PDF, and so on. Its import/export functionality is well thought out and I find extremly useful.

For more information, visit the affinity website at: https://affinity.serif.com/en-gb/

Happy editing!

Tags

affinity, affinity photo, black and white, gradient, photography, software, tutorial

Black & White Adjustment layers in Affinity Photo are non-destructive, which means, we can play around with how they affect the image below. Using this image as an example, we will show you how to change a colour image to black and white while keeping specific areas of the image in colour.

Using a Black & White Adjustment Layer

• To begin, open your image in Affinity Photo.

• Go to the Adjustment Panel and select Black & White or click the Adjustments icon in the Layers Panel and select Black & White. You’ll see that this creates a new Black & White Adjustment Layer in the Layers Panel.

• A Black & White panel will appear, allowing you to adjust the different colour values in your image. Tweaking these allows for richer tones of grey and greater control over the appearance of your black and white image. It also allows you to adjust the Blend Mode on the adjustment layer and the Opacity, although this can also be altered in the Layers Panel.

In this image, we want to change the colour to black and white but keep the shoes red, so we are going to use a simple masking technique.

Black And White Effect In Affinity Photo

• Select the Erase Brush Tool (E) and with the Black & White Adjustment layer selected, start erasing the area you want to revert back to its original colour. This creates a simple masked area, allowing the original colour to show through.

See it in action

So, how does it work?

Colorize Black And White Photos Affinity

When you create a new Adjustment Layer, it creates a separate, non-destructive layer over your original image, which applies that adjustment to the layers below. By erasing from the Black & White Adjustment layer, we are removing the adjustment from that area of the image. You’ll notice that on the Layers Panel, the Black & White Adjustment layer appears white and areas you have erased appear black.

Note; you can also use the Paint Brush Tool with black selected instead of the Erase Brush Tool to create the same effect. Or use the Paint Brush Tool with white selected, to paint the adjustment back in. Have some fun by experimenting with different opacities and different brushes, too.

You can also use the Selection Tools to precisely select areas of the image, and then by selecting the Black & White Adjustment Layer, use the Flood Fill Tool or Paint Brush Tool (set to black), or the Erase Brush Tool to remove the adjustment from that area. This also works for other non-destructive Adjustments, such as HSL, as shown in this article.

Tips and tricks

As the Black & White Adjustment is non-destructive you can edit it in different ways, without affecting your original photograph.

Here are some tips:

• As you can ‘layer up’ different Adjustment Layers, try applying an HSL Adjustment alongside a Black & White Adjustment to alter the colours on your photograph and create interesting effects.

• When using the Erase Brush Tool to remove the Black & White Adjustment, set the brush Opacity to a low number. This will make the colour in the original image appear more gradually, allowing for some dramatic changes to the tone of the image.

Affinity Photo Make Black And White

• Use the Gradient Tool and set the colour points to black and white to create a fade from black and white to colour across your whole image. Note that the black point will show colour and the white point will show black and white.

• Change the Opacity of your Black & White Adjustment to make the colour difference more subtle. In the image below, the Black & White Adjustment has been erased entirely from the blossom, making it stand out. But the area around it is not completely black and white, allowing a little bit of colour to come through using the Opacity slider. This gives the image a vintage feel.

Inspiration