Obtain this tutorial as a print-ready PDF!
Methods to mix pictures In Photoshop
For this tutorial, I am utilizing Photoshop CC however every part is suitable with Photoshop CS6.
You are watching: how to photoshop 2 images together
You can even comply with together with my video of this tutorial on our YouTube channel. Or obtain this tutorial as a PDF and get my Full Information to Layer Mix Modes PDF as bonus!
Technique 1: The Layer Opacity Possibility
The primary approach we’ll have a look at for mixing two pictures collectively is by utilizing Photoshop’s layer opacity choice. Here is the primary picture I will be utilizing:
And here is the second picture:
If we glance within the Layers panel, we see each pictures on their very own separate layers. The seashore photograph is on the Background layer, and the portrait is on “Layer 1” above it:
Associated: Methods to transfer pictures into the identical Photoshop doc
The Opacity Worth
The Opacity choice is discovered within the higher proper of the Layers panel. By default, it is set to 100%, which signifies that the currently-selected layer (“Layer 1”) is totally blocking the layer beneath it from view:
The Opacity worth controls a layer’s degree of transparency. By merely reducing the worth, we make the layer extra clear, permitting among the picture beneath it to point out by means of. The extra we decrease the opacity, the extra the highest picture will fade into the underside picture. I am going to decrease the opacity from 100% right down to 75%:
Because of this we’re now mixing 75% of the picture on the highest layer with 25% of the picture on the underside layer. And right here we see that the lady is beginning to mix in with the seashore photograph:
If I needed to fade her much more into the background, I might merely decrease the opacity worth even additional. I am going to decrease it to 30%:
At 30% opacity, we’re seeing simply 30% of the highest picture and 70% of the underside picture, creating a pleasant mixing impact. You may need to alter the opacity worth as wanted to your pictures:
Fast Tip: Setting the Opacity worth from the keyboard
Here is a fast tip to hurry up your workflow. You possibly can change a layer’s opacity worth immediately from the keyboard. Press 1 for 10%, 2 for 20%, 3 for 30%, and so forth. Press two numbers rapidly, one proper after the opposite, for extra particular values (like 2 after which 5 for 25%). You can even press 0 for 100% opacity, or rapidly press 0 twice for 0%.
Technique 2: Layer Mix Modes
The second approach we’ll have a look at for mixing two pictures collectively is by utilizing Photoshop’s layer mix modes. Mix modes are nice for mixing any two pictures collectively, however they’re particularly helpful for mixing a texture with a photograph. Here is a portrait picture that I’ve open:
I am going to mix the portrait with this texture picture:
Once more if we glance within the Layers panel, we see every picture on a separate layer. The portrait is on the Background layer and the feel is on the layer above it:
The Mix Mode Possibility
Mix modes in Photoshop are completely different ways in which layers can work together with one another. The Mix Mode choice is discovered within the higher left of the Layers panel, immediately throughout from the Opacity choice. By default, a layer’s mix mode is ready to Regular. “Regular” simply signifies that the layer will not be mixing in any respect with the layers beneath it:
Click on on the phrase “Regular” to open a menu with a lot of completely different mix modes to select from. We cannot undergo all of them right here, however I cowl a very powerful ones intimately in my Important Mix Modes tutorial. Three of the preferred and helpful mix modes you may need to strive are Multiply, Display and Overlay. The Multiply mix mode creates a darkening impact, Display creates a brightening impact, and Overlay blends the 2 layers to extend the general distinction:
The outcomes you get from the varied mix modes will rely completely in your pictures. In my case, I get the perfect consequence utilizing the Gentle Mild mix mode:
Just like the Overlay mix mode, Gentle Mild blends the 2 pictures collectively in a approach that enhances the general distinction. The distinction is that Gentle Mild produces a extra delicate and pure wanting impact:
One other mix mode that works rather well with these two pictures is Divide:
Divide is among the lesser-known and rarely-used mix modes in Photoshop. However with these two pictures, the impact really seems fairly cool:
Combining mix modes with layer opacity
As soon as you have chosen a mix mode, you may fine-tune the consequence by adjusting the layer’s opacity, simply as we noticed earlier. I am going to go away the mix mode of the feel layer set to Divide and I am going to decrease the opacity from 100% right down to 50%:
And here is the consequence:
Obtain this tutorial as a print-ready PDF!
Fast Tip: Methods to cycle by means of mix modes from the keyboard
Here is one other fast tip to assist velocity up your workflow and make working with mix modes simpler. You possibly can cycle by means of Photoshop’s numerous mix modes immediately out of your keyboard. Press the letter V to rapidly choose the Transfer Instrument. Then, press and maintain your Shift key and use the plus ( + ) and minus ( – ) keys to maneuver up or down by means of the listing. This allows you to rapidly check out the completely different mix modes to seek out the one which works finest.
Technique 3: Utilizing A Layer Masks
The third approach we’ll have a look at for mixing two pictures in Photoshop, and by far the preferred approach, is by utilizing a layer masks. Not like the layer opacity choice or the mix modes which mix complete pictures as a complete, layer masks allow us to management precisely the place the 2 pictures mix collectively. There’s heaps that we are able to do with layer masks, greater than we might cowl in a single tutorial. So right here, we’ll simply study the fundamentals.
Here is the primary picture I will be utilizing:
And here is the second picture:
Once more wanting within the Layers panel, we see every photograph on a separate layer. The dandelion photograph is on the Background layer and the woman is on “Layer 1” above it:
Including a layer masks
So as to add a layer masks, first be certain the highest layer is chosen. Then, click on the Add Layer Masks icon on the backside of the Layers panel:
A layer masks thumbnail seems subsequent to the layer’s preview thumbnail:
How a layer masks works
Layer masks management the transparency of a layer, similar to we noticed with the Opacity choice within the Layers panel. However whereas the Opacity choice impacts the transparency of your entire layer as a complete, a layer masks lets us add completely different ranges of transparency to completely different components of the layer. In different phrases, we are able to use a layer masks to point out some areas whereas hiding others, making layer masks excellent for mixing pictures.
They work by utilizing black and white. Any a part of the layer the place the layer masks is full of white stays seen. And any a part of the layer the place the masks is full of black is hidden. Let’s have a look at how we are able to rapidly mix our two pictures collectively by drawing a black-to-white gradient on the layer masks.
Choosing the Gradient Instrument
Choose the Gradient Instrument from the Toolbar:
Selecting the Black, White gradient
With the Gradient Instrument chosen, go as much as the Choices Bar and click on on the down-pointing arrow subsequent to the gradient swatch:
Within the Gradient Picker, select the Black, White gradient by double-clicking on its thumbnail (third from the left, high row):
Mixing the 2 pictures collectively
Ensure that the layer masks, not the picture itself, is chosen by clicking on the layer masks thumbnail. You need to see a spotlight border round it:
Then, click on on the picture and drag out a black-to-white gradient. Do not forget that black will conceal that a part of the layer, and white will present it. In my case, I need to maintain the left facet of the photograph (the half with the woman) seen, so the left facet of the masks will should be white. I need the correct facet to be hidden, which suggests the correct facet of the masks must be black. Because the gradient will begin with black and finish with white, I am going to click on on the correct facet of the picture and drag horizontally over to the left. Press and maintain your Shift key as you drag to maneuver straight throughout:
Once you launch your mouse button, Photoshop attracts the gradient on the layer masks and blends the 2 images collectively. Right here, we’re seeing the woman from the highest picture mixing into the dandelions from the underside picture. If you happen to’re not proud of the primary consequence, merely draw one other gradient on the masks to strive once more:
Viewing the layer masks
If we have a look at the layer masks thumbnail within the Layers panel, we see the place the gradient was drawn. The black space on the correct is the place the highest picture is hidden within the doc, permitting the photograph on the Background layer to point out by means of. And the white space on the left is the place the highest picture stays seen:
We will additionally view the precise layer masks itself within the doc. If you happen to press and maintain the Alt (Win) / Possibility (Mac) key in your keyboard and click on on the layer masks thumbnail, you may change your view within the doc from the pictures to the layer masks. This makes it simpler to see precisely what is going on on. Once more, the realm of black on the correct is the place the highest layer is hidden from view, and the white space on the left is the place it is seen.
However discover the grey space within the center, the place the gradient step by step strikes from black to white. This space creates a easy transition between the 2 layers, permitting them to mix seamlessly collectively. To modify your view from the layer masks again to the pictures, once more press and maintain your Alt (Win) / Possibility (Mac) key and click on on the layer masks thumbnail within the Layers panel:
Fast Tip: Methods to toggle a layer masks on and off
Here is a fast tip for working with layer masks. You possibly can toggle a layer masks on and off by urgent and holding your Shift key and clicking the layer masks thumbnail within the Layers panel. Click on the thumbnail as soon as to quickly disable the masks and examine your entire layer. A pink “X” will seem within the thumbnail, letting you understand that the masks is disabled. Maintain Shift and click on the thumbnail once more to show the layer masks again on:
And there now we have it! That is a fast have a look at mix two pictures collectively utilizing the layer opacity choice, layer mix modes, and a layer masks, in Photoshop! To study extra about mixing pictures with layer masks, see our Layer Masks and Gradients tutorial. Use our Layers Studying Information to study extra about Photoshop layers, or go to our Photoshop Fundamentals part for extra tutorials!