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).
- Adjust the position of the color stops to control how the colors blend.
- 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.