How to Use a Gradient Mask in Adobe Photoshop

Use a gradient mask in Photoshop to help blend one image into another. The depth and opacity of the blending may be adjusted as well as the blending mode of the layer.

This feature works the same in all recent versions of Adobe Photoshop: CS5, CS6, and Creative Cloud (CC).

  1. Open two images. In this example, the first image is a heron and the second image is a water scene.

  2. In the first file, select the Move Tool, then click and hold on the image and drag it to the second file.
    Bird Image
    Water nScene

  3. Position the heron in the lower right corner of the water scene so that the top edge of the heron image aligns with the far shoreline in the water's background. Then, using the Rectangular Marquee Tool, drag out a rectangle around just the heron image.
    Heron Positioned

  4. Go to the Layers Panel and click the Add Layer Mask button [Add Layer Mask Button] at the bottom of the panel.

  5. Select the Gradient Tool [Gradient Tool]. Make sure the foreground and background colors are set to white and black.

  6. Position your cursor in the image so that it is level with the tip of the heron's bill. Hold down the Shift key, then click, hold, and drag right to left to the edge of the layer. Release.
    Blended Image

Author: Tracy Berry

Tracy has been a senior graphic designer/programmer, instructor, and consultant since 1993 and has developed hundreds of logos, marketing materials, websites, and multimedia solutions for customers worldwide, including involvement in large corporate software rollouts. She has helped many organizations optimize and streamline data solutions. She teaches both onsite and online courses and has her CTT (Certified Technical Trainer) certification. Tracy specializes in teaching graphics, desktop publishing, web design, reporting/productivity applications, as well as the creation of online courses with software from leading vendors.

About Webucator

Webucator provides instructor-led training to students throughout the US and Canada. We have trained over 90,000 students from over 16,000 organizations on technologies such as Microsoft ASP.NET, Microsoft Office, Azure, Windows, Java, Adobe, Python, SQL, JavaScript, Angular and much more. Check out our complete course catalog.