Top tips for Photoshop compositing
Composite photos, which are defined as two or more images blended together to create a final image, makes the process of compositing sound quite simplistic, but the truth is that it’s far from easy.
The following tips will make creating your own composite image much more straightforward:
- Have a strong creative concept
- Plan your composite image
- Understand the different Photoshop tools
- Organise your workflow
Compositing takes time, planning, a keen eye for detail and a good knowledge of Photoshop helps too, so if you're new to compositing or looking to grow your skills, this article should give you some great advice on how to create amazing composite images using Photoshop. I've added series of compositing in Photoshop videos for members which guides you through this process in detail.
The final firefighter composite, created for our compositing course.
What is a composite photograph?
Composite photos can vary greatly in complexity and if you do any form of post production work, chances are you’ve already created a composite image. In it’s most basic form, composite images could include focus stacking of a product shot or combining different splash shots into one. Compositing can be a useful tool in cases such as advertising and it can also be used to create much more elaborate scenes that wouldn’t have been possible to create in camera.
While techniques such as focus stacking are fairly straightforward, more complex compositing can quickly become very involved and easily go wrong. It’s important to pay close attention to details such as light and perspective, and having a good understanding of photography and post production is crucial if you want to create a seamless image that is believable.
1. Have an idea
To begin, it’s important that you have a concrete idea of the final image you want to create. If it helps, write a list of what you want to achieve and outline the steps and considerations needed for each phase.
Composite photography examples
If you’re just starting out and looking for composite image ideas, try looking at work by other artists to see what they do and how they do it. Visual artist Erik Johansson, who is an upcoming guest for our live talk show, has a number of examples of great composite photography and he often shares behind the scenes footage of his shoots and post production.
2. Planning your composite image
Finding & sourcing images
Once you have an idea, deciding on and sourcing the images you want to use is the next step. For this, you have a couple of options — you could either take photographs yourself (as Erik does), use stock images or create your own CGI assets (we have a complete course on CGI and 3D modeling in our Post Production section).
Useful stock websites you could try include:
- Getty Images
- Unsplash (includes free stock photos)
- Pixabay (includes free stock photos)
In our ‘Compositing using Photoshop’ course, where professional retoucher Viktor Fejes and I show you the step by step process of how to create a composite image of a firefighter, we used a combination of pictures — one of my own images, stock photos and various Photoshop tools too.
Whenever you’re working with multiple images, remember to consider the size of each. This is especially important if you’re combining your own photos with stock photos, where the quality and resolution can be very different. In this case, you may have to reduce the size of one and increase the size of the other.
A useful tip that Viktor demonstrated to help ‘reduce’ image quality was to use the Noise filter (you can see how he did this in chapter two of our ‘Compositing using Photoshop’ course).
Light & perspective
Other elements to consider are light and perspective. These are crucial if you want to produce a believable image. Mismatched lighting and different perspectives are sure signs that an image is not real.
These problems can be overcome using simple Photoshop tools such as the Transform tool, which can be used to flip, warp or rotate elements, while adjustment layers are essential for correcting brightness and colour.
3. How to make a composite picture in Photoshop
Photoshop compositing essential tools & techniques
Unfortunately there is no ‘one size fits all’ when it comes to how to make a composite picture in Photoshop. Each image requires different treatment and different levels of adjustment. However, there are a few tools and techniques that you’ll most likely finding yourself using time and time again. Below I discuss some of the tools and techniques demonstrated in our composite tutorials.
Using layers and layer masks
When it comes to combining different pictures, it goes without saying that you’ll be working with multiple layers, so having a good grasp of layers and layers masks is essential (if you’re unfamiliar with this, you can learn more in this Photoshop layer masks tutorial). Using layer masks allows you a much greater degree of flexibility than simply erasing or deleting part of the image.
How do you create a layer mask in Photoshop?
- Select the layer in the Layer panel
- Click the ‘Add a mask’ button at the bottom of the panel. This will apply a white layer mask, which reveals everything on the selected layer.
3. To hide the selected layer, invert the mask (Command I / Ctrl I). You can then reveal what was hidden by using your Brush tool (set to white) and painting over the area you want to show. If you find you’ve revealed too much, simply switch your brush to black (you can do this by pressing X on your keyboard) and paint over the area you want to hide again.
Working with layers also allows you to create adjustment layers and add effects such as noise, blur or colour overlays. By using layers, you’ll have a much greater degree of control (compared to if you apply adjustments directly to the image) and be able to make further changes if you need to, later down the line.
Photoshop Pen tool
Composite photography often requires selecting and cutting out objects, which is often done using the different Photoshop selection tools. However, Viktor recommended using the Pen tool, a powerful yet often overlooked Photoshop tool.
The Pen tool is a great option for quickly cutting out subjects with relatively hard edges or where there is low contrast (as with our fireman’s black helmet set against the dark background), where automatic selection tools such as the magic wand may struggle.
You can see how Viktor uses the Pen tool here.
To help blend different objects into your scene, a certain degree of colour grading or adjustment will probably be necessary. Depending on what you want to achieve, you’ll need to use different adjustment layers. For example, if you’re looking to change contrast, you may want to use a Levels adjustment, or if you’re changing colour you may want to use the Hue/Saturation or Curves adjustment.
Using different blend modes can also help with making your scene more believable. As the name suggests, blend modes help blend selected layers with the layer below, based on what mode is selected. The different blend modes are split into different groups — Normal, Darken, Lighten, Contrast, Inversion, Cancelation and Component.
Normal blend group — This is the default blend mode where only the top layer is visible. The opacity of this layer is controlled using the Opacity slider. This includes the Normal and Dissolve blend modes.
Darken blend group — Darken blend modes turn the result colours (the colours resulting from the blend) darker. Anything that is white in the top layer will become invisible and anything that is darker than white will have some darkening effect on the layer below. This includes the Darken, Multiply, Color Burn, Linear Burn and Darker Color blend modes.
Lighten blend group — The blend modes in this group, which include Lighten, Screen, Color Dodge, Linear Dodge (Add) and Lighter Color, do the exact opposite of those in the darken mode and will turn the result colours brighter.
Contrast blend group — The modes in this group are a mix between the Darken and Lighten bend groups. They create contrast by both lightening and darkening the result colors by using complementary blending modes to create the blend.
Inversion & Calculation blend groups — Depending on the layer underneath, colours will either be inverted or cancelled out. This includes Difference, Exclusion, Subtract and Divide blend modes.
Component blend group — The component blend modes use different combinations of the primary colours components (hue, saturation and brightness) to blend layers. This includes Hue, Saturation, Color and Luminance.
In the latest version of Photoshop you can see a preview of each blend mode by simply hovering your mouse over the different options and you can further affect the blend by adjusting the Opacity or Fill sliders. You can find a more detailed explanation of each blend mode here.
Using smart objects isn’t essential when it comes to compositing, but it can help make the job easier. By converting an image to a smart object, Photoshop allows you to preserve the original characteristics of an image, which allows you to perform non-destructive editing to the layer.
Additional advantages of using smart objects include:
- Non-destructive transforms — You can scale, rotate, skew, distort, perspective transform, or warp a layer without losing original image data or quality.
- Non-destructive filters — You can edit filters applied to Smart Objects at any time.
- Link smart objects — If you have duplicates of an image, you can edit one copy and all instances where the image is used will update automatically.
- Layer masks — You can apply layer masks that are either linked or unlinked to the Smart Object layer.
How do you create a smart object in Photoshop?
There are two ways to convert an image to a smart object:
- Using the Filter tab, click on ‘Convert for Smart Filters’
- Using the Layer tab, go to Smart Objects and click on ‘Convert to Smart Object’
When it comes to compositing, you can use a combination of photos, stock images and even CGI elements, as I mentioned earlier. But including each of these can take time, especially if you have to transform them and make colour adjustments. If you’re looking to add simple elements like clouds or smoke, the Brush tool can be a useful option.
In our fireman composite, we could easily have used a stock image of smoke, but the Brush tool provided a quick and effective alternative. By customising the various brush setting and experimenting with different blend modes, we were able to create a realistic looking smoke simply and effectively.
Throughout our compositing course, Viktor applied various filters, most commonly Gaussian Blur and Noise. He used these for blending images together and changing the apparent quality of images.
NOTE: If you’re unfamiliar with any of the techniques above, visit our Post Production section, where I cover all of these in more detail in our Photoshop for Photographer course.
4. Organise your workflow
As you include more images and apply more and more adjustments, layers and filters, it’s easy to lose track of what layer is doing what. To help you organise your workflow, there are a few simple practices you can try.
Name your layers
As soon as you create a new layer, name it. This can be as simple as Background or Subject or Noise. This will help you remember what layer is what, should you need to go back to make further adjustments.
Grouping layers can also help keep your workspace organised. If you find yourself making a number of adjustments to one element, you can group those layers together.
Save your work
The last thing you want is to loose hours of hard work. Save your work and keep saving as you go!
The full firefighter composite can be found in our 'Compositing using Photoshop' tutorials. Below are some additional related classes and articles that you may found useful for compositing. You can also find a great selection of classes focusing on other useful Photoshop skills in our Post Production section.
If you're looking to improve your retouching skills, these two articles provide some useful tips from professional retoucher Viktor Fejes.