How to Fade One Image Onto Another in Photoshop


This wikiHow teaches you how to fade one image on top of another image in Adobe Photoshop. Both adjusting the top image's opacity and using a gradient tool on the top image will achieve this effect.

Part 1
Adding Images as Layers

Adding Images as Layers on How to Fade One Image Onto Another in Photoshop

1
Double-click the Photoshop app icon, which resembles a blue "Ps" on a square background.

Adding Images as Layers on How to Fade One Image Onto Another in Photoshop

2
It's in the top-left corner of the Photoshop window (Windows) or the screen (Mac). A drop-down menu will appear.

Adding Images as Layers on How to Fade One Image Onto Another in Photoshop

3
This is near the bottom of the drop-down menu. Selecting it prompts a pop-out menu.

Adding Images as Layers on How to Fade One Image Onto Another in Photoshop

4
It's near the bottom of the pop-out menu. A new window will pop up.

Adding Images as Layers on How to Fade One Image Onto Another in Photoshop

5
You'll find this option on the right side of the window. Clicking it opens a window from which you can select the images you want to fade.

Adding Images as Layers on How to Fade One Image Onto Another in Photoshop

6
Hold down either Ctrl (Windows) or ⌘ Command (Mac) and click each of the two images you want to use.

Adding Images as Layers on How to Fade One Image Onto Another in Photoshop

7
It's in the bottom-right corner of the window. You should see the photos' names appear in the middle of the window.

Adding Images as Layers on How to Fade One Image Onto Another in Photoshop

8
It's in the top-right corner of the window. This will prompt Photoshop to open both images as distinct layers. Once Photoshop finishes opening the images, you can proceed with or .

Part 2
Fading with Opacity

Fading with Opacity on How to Fade One Image Onto Another in Photoshop

1
In the "Layers" pane on the right side of the Photoshop window, click and drag the image that you want to fade up to the top of the pane.

Fading with Opacity on How to Fade One Image Onto Another in Photoshop

2
Click the top-most image in the "Layers" window to ensure that it is selected before proceeding.

Fading with Opacity on How to Fade One Image Onto Another in Photoshop

3
You'll see this menu at the bottom of the "Layers" section. Doing so prompts a drop-down menu.[1]

Fading with Opacity on How to Fade One Image Onto Another in Photoshop

4
In the drop-down menu, drag the slider to the left to lower your top image's opacity. As you drag the slider, you should begin to be able to see the bottom image through the top image. You can also change the opacity's percentage value in the text box. 100% is completely opaque and 0% is completely transparent.[2]

Fading with Opacity on How to Fade One Image Onto Another in Photoshop

5
If you've adjusted your top image's opacity to your liking, your fade is complete. You may want to adjust the opacity incrementally to see what your image looks like with a little bit more (or less) opacity before saving it.

Part 3
Fading with the Gradient Tool

Fading with the Gradient Tool on How to Fade One Image Onto Another in Photoshop

1
In the "Layers" pane on the right side of the Photoshop window, click and drag the image that you want to fade up to the top of the pane.

Fading with the Gradient Tool on How to Fade One Image Onto Another in Photoshop

2
Click the top-most image in the "Layers" window to ensure that it is selected before proceeding.

Fading with the Gradient Tool on How to Fade One Image Onto Another in Photoshop

3
Click the "Layer Mask" icon, which resembles a rectangle with a sphere in it, at the bottom of the "Layers" section.

Fading with the Gradient Tool on How to Fade One Image Onto Another in Photoshop

4
Click the square "Gradient" icon in the left-hand toolbar. You can also just press the Q key.

Fading with the Gradient Tool on How to Fade One Image Onto Another in Photoshop

5
In the "Presets" window, click the black-and white (black in the upper-left corner, white in the lower-right) rectangle to select it as your gradient style.

Fading with the Gradient Tool on How to Fade One Image Onto Another in Photoshop

6
It's in the upper-right corner of the Gradient window.

Fading with the Gradient Tool on How to Fade One Image Onto Another in Photoshop

7
Double-check that the layer mask is selected before applying the gradient, then do the following:[3] Click and drag from the point on the image where you want the fade effect to start. Press and hold ⇧ Shift to force your cursor to move in a straight line. Release the cursor where you want the fade effect to end. Repeat this process for unfaded parts of the image if need be.

Fading with the Gradient Tool on How to Fade One Image Onto Another in Photoshop

8
Upon releasing your mouse button, your fade effect will display on the image.[4] If you want to undo your gradient and try again, press Ctrl+Z (Windows) or ⌘ Cmd+Z (Mac).