- By Nadine Spires
- 20 Mins
- Intermediate
- Affinity Tutorials
How to Create a Surreal Photo Manipulation in Affinity Photo
With this step by step tutorial learn how to create a surreal photo manipulation in Affinity Photo.
Today you will learn how to create surreal photo manipulation in Affinity Photo. Images are combined into one to create fantastical results. Wherever your imagination takes you, surreal photo manipulation gives you the freedom to create. In this tutorial you will learn various techniques to create a surreal world.
We will need a few images to create our final result. So we will be using this moon cycle photo pack, a nature landscape image and a cabin landscape photo. From the Plus Hub we are using this mountain night sky photo.
Not a Plus Member yet? Then sign up for a free 30 day Gold Membership trial today!
Step 1 - Remove Photo Backgrounds
We will begin with our two landscape photos by removing the backgrounds
Remove Background from Main Image
Open your main background image in Affinity Photo. We then removed the background from the nature landscape image. The background was masked out so that we could work non-destructively.
Mask out Background for Cabin
Now, drag + drop the cabin image into your project document. You can resize the image and reposition however you choose or follow our example below.
As you did with the nature landscape, remove the background using a mask layer. We left a bit of the grass in the foreground to make it easier to blend. Now, go to Select > Deselect once the mask has been applied.
Step 2 - Edit the Background Mask
The great benefit of using masks as non-destructive layers is that you can edit them. Let’s blend the two images by using the cabin mask layer. Make sure to select the Mask layer, then click on the Paint Brush Tool on the left side panel.
At the top toolbar, change the Flow to 50%. On the right side under the Color panel, check that Grayscale is selected. Click on the black color circle. Now start painting on the grassy foreground of the Cabin image. Black conceals while White reveals.
You can easily switch between black and white by pressing the “X” keyboard shortcut.
With the Flow set to 50%, you can gradually paint away areas of the mask. You can even go over any jagged edges of the cabin for a smoother transition.
Add a New Pixel Layer
Now, in our photo, we have a bush on the bottom left side under the house. We want to remove this.
Go to the Layers Panel, untick the box next to the Cabin image to hide it. Next, click on the Background layer (nature landscape). At the bottom of the Layers Panel, click on Add Pixel Layer. This will be placed above the Background layer.
Rename Layers
Let’s make things easier by renaming the layers. Double click on the layer name and rename it. The new pixel layer was renamed to Inpainting.
Step 3 - Use the Inpainting Tool
Make sure to select the Inpainting layer. On the left hand side, click on the Inpainting Tool. Then on the top toolbar change Current Layer to Current & Below. This tells the program to also use the information in the image below. We do this to keep the editing non-destructive in case we want to delete it later.
Once done, make the Cabin Image layer visible again by ticking the box.
Step 4 - Edit the Cabin Image
Before we add the effects, we need to decrease the harsh light on the cabin. The Nature Landscape has neutral lighting due to the clouds, so we need to match this.
Since this step is a quick edit, we will use a destructive way. This means it will be applied directly to the image and not on a separate layer. Select the Cabin Image layer.
On the left toolbar, click on the Burn Brush Tool. If you don’t see it, click on the white arrow to open the options. Make sure the Flow is set to 50% or lower. Then paint over highlighted areas to darken.
Group layers by selecting the top layer, then holding Shift + clicking on the bottom layer. Now, right click > Group. Rename this group to Nature and Mountains.
Step 5 - Add and Edit Background Elements
Drag and drop in the Sky background. Then click on the Move to Back icon at the top. This will place it behind the grouped layer.
To stretch the background across the document, click + drag out the side node.
Do the same with the moon element, Drag + drop into the document. But this time, use the icon Move Back One in the top toolbar.
This will place it between the grouped layer and sky background. You can resize and reposition if needed. Turn on the Snapping in the top toolbar to see the guidelines.
Add a Glow to the Moon
Let’s give the moon a glow. We have renamed our layer to Moon and have it selected. At the bottom of the Layers Panel, click on the fx icon to open the Layer Effects panel.
Tick the box for Outer Glow and select to open the options. We used the following settings.
Blend mode: Normal
Opacity: 100%
Radius: 100 px
Intensity: 30%
Color: White
Next, tick the box for Inner Glow with the following settings.
Blend mode: Normal
Opacity: 100%
Radius: 100 px
Intensity: 30%
Color: White
Select Edge
Add Levels Adjustment to Sky Layer
We want to enhance the background by adding a Levels Adjustment layer. First, select the Sky layer in the Layers Panel.
Now, click on the half black/white circle bottom of the Layers Panel. Then select Levels. You can also go to Layer > New Adjustment Layer > Levels.
Adjust the Gamma to 1.4 and Output White Level to 80%.
In the Layers Panel, right click the Levels Adjustment > Mask to Below. This will mask it to the Sky layer.
Step 6 - Blend in the Grouped Layer
First, click on the arrow to open the grouped layer. Then select the Cabin Image layer and add a Levels Adjustment. This will be placed above the Cabin Image.
We only adjusted the Gamma to 1.4 and Output White Level to 80%.
Next, add a Lens Filter Adjustment using the Adjustments icon. Click on the Filter Color box, select RGB Hex Sliders and input #03367A.
We can work on the tree line next as a small amount of halo is visible. Select the Nature Landscape layer then add a Brightness/Contrast Adjustment layer. Set the Brightness to -35%.
Invert the Adjustment layer with Ctrl + I (for Invert). As this is an adjustment layer, you can also use it as a mask. Select the Paint Brush Tool on the right, make sure that black and white are present top right.
We changed the following settings in the top toolbar.
Brush Size: 450 px
Opacity: 50%
Flow: 50%
Be sure that the Brightness/Contrast Adjustment layer is selected.
Click on the White color circle.
Paint over the top of the tree line where there are halos. You can also paint a little further in and adjust Opacity/Flow to blend in better.
Step 7 - Add the Final Details
We are going to add some light to the windows of the cabin.
Use the Rectangle Marquee Tool
Add a new pixel layer above the Cabin Image. Then, on the left side toolbar click on the Rectangle Marquee Tool. Zoom into a window and click + drag out a rectangle that covers the window.
Don’t worry about accuracy right now. Next, go to Edit > Fill. In the Fill window change the Blend Mode to Difference. Click on the Color Picker box and use the HEX code #FFE021. Next, click Apply.
Under the Layers Panel, change the Opacity to 50%. Go to Select > Deselect to remove the selection.
Add Gaussian Blur
Place your cursor over the bottom right corner node until you see rotational handles. Now click + drag to change the angle. Add a blur by going to Filters > Blur > Gaussian Blur and use a Radius of 5 px. Click Apply.
Resize the window detail so it fills the entire window. In the Layers Panel, right click > Duplicate then select both window layers and group. When you group, the Blend Mode will change to Passthrough.
Duplicate this group another two times. Place a group over each of the remaining windows. Adjust the Opacity if needed. Don’t forget to add a light to the window on the far right corner.
Add Second Moon Element
If you want to take this surreal photo manipulation in Affinity Photo up a level, add a second moon. Simply duplicate the Moon layer and make it smaller. Add a Recolor Adjustment layer. Then adjust the Hue, Saturation and Lightness to your liking.
Change Outer Glow Color
Remember to change the Outer Glow to match the color change. On the second Moon layer, click on the fx icon. In the Layer Effects panel, select the Outer Glow option to open the settings.
Click on the Color Picker box. Then click + drag the eyedropper over the second moon to sample the color. Once sampled, you need to click on the color circle next to the eyedropper to apply.
If you feel the image is too dark, double click the Levels Adjustment layer in the Nature and Mountains Group. You can then adjust the Gamma or other settings as needed. You can also double click on the Lens Filter then reduce the Optical Density to bring back more green.
In the final step, export your surreal photo manipulation in Affinity Photo as a JPG image. Go to File > Export then select JPG or any format you choose. Click on Export, name your file and choose a location then Save.
Here is the final result.
Well done on creating a surreal photo manipulation in Affinity Photo. Surreal photos are great for fun projects like storybooks, backgrounds, sci-fi and fantasy themes. We hope that you enjoyed this tutorial and can use what you have learned in future projects.
6 Related Affinity Tutorials
Today we are going to show you how to create a surreal photo manipulation in DesignScape. We will be combining multiple photos together and blending them to make one. DesignScape is a browser based editing program available to Gold Plus Members. If you are not a member yet, sign up ...
Today we are going to have some fun with Procreate and create a surreal photo manipulation. We will use tools and features in Procreate that may be advanced. But don’t worry, we will guide you through the process. In this tutorial, we will be manipulating a few photos ...
Have you ever wanted to make a custom photo puzzle? In this tutorial we will show you how to create a puzzle in Cricut Design Space.Step 1. Upload your FilesToday I'll be uploading and using a jigsaw puzzle template by MintyMarshmallows. This file comes with 9 different templates in several formats. ...
In this fun tutorial we will show you how to create a photo collage in Pixascape. A collage is a creative way of showing off your photos to friends and family. You can even share your collage with your followers on social media. Pixascape is a photo editing browser based ...
1- Open canvas workspace.2- Click on the shape tool.3- Create a square.4- Reshape the square to the shape you would like your frame.5- Click on the text icon. Type your text.6- To change your font click on the font drop down box. I am using ...
Today you will learn how to create a reusable photo frame using Pixascape and DesignScape. Creating a reusable frame allows you to quickly add and share your photos with everyone. Pixascape and DesignScape are available to Plus Members.Not a Plus Member yet? Sign up for a free 30 Day Trial ...