how to photoshop 2 images together | Photoshop Services

Share on facebook
Share on google
Share on twitter
Share on linkedin
how to photoshop 2 images together | Photoshop Services

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:

The first of two images that will be blended together using the layer opacity

And here is the second picture:

The second of two images that will be blended together using the layer opacity

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:

The Layers panel in Photoshop showing each image on a separate layer

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 option in the Layers panel in Photoshop

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%:

Lowering the opacity of the top layer to 75 percent

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:

The blending result with the top layer

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%:

Lowering the opacity of the top layer to 30 percent

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:

How to blend two images together in Photoshop using the layer opacity option

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:

The first of two images that will be blended together using layer blend modes in Photoshop

I am going to mix the portrait with this texture picture:

A texture image that will be blended with the photo using layer blend modes in Photoshop

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:

Read more: How to Design a Quilt – Beginner's Guide – Sew What, Alicia?

The Layeers panel again showing each image on a separate layer

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:

The Blend Mode option in the Layers panel in Photoshop

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:

Blending the two images together using the Multiply, Screen and Overlay blend modes in Photoshop

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:

Changing the layer blend mode to Soft Light in Photoshop

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:

The blended images result with the top layer set to Soft Light in Photoshop

One other mix mode that works rather well with these two pictures is Divide:

Changing the layer blend mode to Divide in Photoshop

Divide is among the lesser-known and rarely-used mix modes in Photoshop. However with these two pictures, the impact really seems fairly cool:

How to blend two images together in Photoshop using layer blend modes

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%:

Choosing a blend mode and lowering the layer opacity in Photoshop

And here is the consequence:

The blending effect with the blend mode set to Divide and the layer opacity at 50 percent

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:

The first of two images that will be blended together using a layer mask

And here is the second picture:

The second of two images that will be blended together using a layer mask

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:

The Layers panel in Photoshop showing each photo on a separate layer

Including a layer masks

Refer: Floor Plans – Learn How to Design and Plan Floor Plans

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:

Adding a layer mask in Photoshop

A layer masks thumbnail seems subsequent to the layer’s preview thumbnail:

The Layers panel showing the layer mask 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 Gradient Tool in the Toolbar in Photoshop

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:

Opening the Gradient Picker in Photoshop

Within the Gradient Picker, select the Black, White gradient by double-clicking on its thumbnail (third from the left, high row):

Choosing the Black, White gradient from the Gradient Picker in Photoshop

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:

Selecting the layer mask in the Layers panel in Photoshop

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:

Drawing a black to white gradient on the layer mask to blend the two images

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:

How to blend images with layer masks in Photoshop

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:

The layer mask thumbnail showing where the two images are blended together

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:

How to view a layer mask in Photoshop

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:

How to toggle a layer mask on and off in Photoshop

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!

Danh mục: How to?
Nguồn: https://photoshopservices.net

Leave a Reply

×

Powered by WhatsApp Chat

× How can I help you?
%d bloggers like this: