Close Menu
PSD VaultPSD Vault
  • VIP Area
  • Photoshop Basics
  • Photo Effect
  • Text Effect
  • Premium Tuts
  • Resources
  • Drawing
  • Inspiration
  • Web Graphics
  • Abstract
  • Freebies
  • Advertise
  • Get in Touch
  • About PSD Vault
Facebook Instagram Pinterest YouTube TikTok
Facebook Instagram Pinterest YouTube TikTok RSS
PSD VaultPSD Vault
  • VIP Area
    • Sign Up
    • Log In
  • Free Image Tools
  • Photoshop Basics
  • AI
  • Photoshop Error Fixes
  • Video Tutorial
  • Photo Effect
  • Text Effect
  • Premium Tuts
  • Drawing
PSD VaultPSD Vault
Home»Photo Effect»How to Create a Duotone Effect in Photoshop with Gradient Maps
Photo Effect

How to Create a Duotone Effect in Photoshop with Gradient Maps

By James QuMay 16, 20263 Mins Read
Share
Facebook Twitter LinkedIn Pinterest Email

Duotone effects are a popular design trend, perfect for creating modern, eye-catching visuals for social media, posters, or branding. With Photoshop’s Gradient Map tool, you can easily apply this effect to any photo in just a few steps. In this tutorial, we’ll walk you through the process of creating a stunning duotone effect using Gradient Maps. Let’s get started!


What You’ll Need

  • Adobe Photoshop (any recent version).
  • A photo to apply the duotone effect (e.g., a portrait, landscape, or product shot).

Step 1: Open Your Photo in Photoshop

Launch Photoshop and open your photo by going to File > Open.

Make sure the photo layer is unlocked. If it’s locked, double-click the layer and click OK to unlock it.


    Step 2: Convert the Photo to Black and White

    Go to Image > Adjustments > Black & White.

    Adjust the sliders to fine-tune the black-and-white conversion. This step ensures the duotone effect looks clean and consistent.

    Click OK when you’re satisfied with the result.


      Step 3: Add a Gradient Map Adjustment Layer

      In the Layers Panel, click the Adjustment Layer icon (a half-filled circle at the bottom of the panel).

      Select Gradient Map from the list.

        This will apply a default black-to-white gradient to your photo.


        Step 4: Customize the Gradient Colors

        In the Properties Panel, click the gradient preview to open the Gradient Editor. Double-click the colour stops (small squares below the gradient bar) to choose your duotone colours.

          For a classic duotone effect, choose two contrasting colours (e.g., blue and orange, pink and purple, or yellow and teal).

          1. Adjust the position of the color stops to control how the colors blend.
          2. Click OK to apply the gradient.

          Step 5: Fine-Tune the Effect

          Experiment with the Blend Modes in the Layers Panel to enhance the effect.

            • Try Overlay, Soft Light, or Multiply for different results.

            Adjust the Opacity of the Gradient Map layer to soften the effect if needed.


              Step 6: Save Your Duotone Image

              Go to File > Save As to save your edited photo.

              Choose a file format like JPEG or PNG for digital use, or TIFF for printing.


                Tips for Best Results

                • Use high-contrast photos for the most impactful duotone effects.
                • Experiment with different color combinations to match your project’s theme or branding.
                • Combine the duotone effect with other adjustments like Levels or Curves for a polished look.

                Before and After Example

                Before: A standard colour photo.

                After: A vibrant, modern duotone image with a striking colour palette.


                Conclusion

                Creating a duotone effect with Gradient Maps in Photoshop is a quick and easy way to add a modern, artistic touch to your photos. Whether you’re designing social media graphics, posters, or branding materials, this technique is sure to make your work stand out.

                Give it a try and let us know how it works for you! If you found this tutorial helpful, don’t forget to share it with your friends and follow PSD Vault for more Photoshop tips and tricks.

                Further Readings

                A Beginner’s Guide to Photoshop’s Adjustment Layers

                How to Colour Grade Images in Photoshop with Gradient Maps

                duotone gradient map
                Share. Facebook Twitter Pinterest LinkedIn Tumblr Email
                James Qu
                • Website

                James is a seasoned Photoshop expert with over 25 years of experience based in Australia. As the driving force behind PSD Vault, he authors the majority of its in-depth tutorials and insightful articles.

                Related Posts

                How to Create Epic War Scene in Photoshop

                May 15, 2026

                7 Pro Tips for Clarity, Dehaze & Grain Adjustment Layers in Photoshop 2026 (That Adobe Won’t Tell You)

                May 9, 2026

                How to Make a GIF in Photoshop: 3 Complete Methods (2026 Guide)

                April 26, 2026

                Comments are closed.

                Don't Miss

                How to Create a Duotone Effect in Photoshop with Gradient Maps

                May 16, 2026

                How to Create Epic War Scene in Photoshop

                May 15, 2026

                The Beginner’s Guide to Photoshop AI Masking Tool

                May 14, 2026

                For Beginners

                Basics

                How Colour Theory Supercharges Your Photoshop Skills

                By James QuMay 3, 20265 Mins Read

                How to Read Photoshop Histograms for Beginners

                April 18, 2026

                How to Sharpen Images in Photoshop: 4 Methods for Every Situation

                April 12, 2026

                Curves or Levels: Choosing the Right Tool for Stunning Edits

                March 26, 2026

                You May Also Like

                Photo Effect

                How to Create Epic War Scene in Photoshop

                By James QuMay 15, 20265 Mins Read
                Photo Effect

                7 Pro Tips for Clarity, Dehaze & Grain Adjustment Layers in Photoshop 2026 (That Adobe Won’t Tell You)

                By James QuMay 9, 20265 Mins Read
                Drawing

                How to Make a GIF in Photoshop: 3 Complete Methods (2026 Guide)

                By Mohammad JeprieApril 26, 202625 Mins Read
                Facebook X (Twitter) Instagram Pinterest
                • About Us
                • Get in Touch
                • Advertise
                • VIP Area
                • Free Image Tools
                • Privacy Policy
                • Terms & Conditions
                © 2026 PSD Vault. All Right Reserved.

                Type above and press Enter to search. Press Esc to cancel.

                Manage Consent
                To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.
                Functional Always active
                The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
                Preferences
                The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
                Statistics
                The technical storage or access that is used exclusively for statistical purposes. The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
                Marketing
                The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.
                • Manage options
                • Manage services
                • Manage {vendor_count} vendors
                • Read more about these purposes
                View preferences
                • {title}
                • {title}
                • {title}