Use Adobe Photoshop to create a duotone effect.

Whether it’s your favorite band’s avatar or your best friend’s new profile pic, the duotone effect is everywhere. Thankfully, it doesn’t take a full studio to create—all you need is your creativity. Learn how graphic artist Erica Larson uses Adobe Photoshop to add color gradients to her images, creating a duotone look. 

Woman standing against a solid background with various yellow and orange tones blended across the composition

Take a peek at the Photoshop technique behind this duotone effect in our one-minute video; the steps are written out below. 

Before you start.

The duotone effect works best on high-contrast images. Use this sample image if you’d like, or practice with your own.

 

Step 1: Prep your image

Larson started by adding a Gradient Map Adjustment Layer (different from a regular Gradient). This allows her to map colors onto the grayscale values, while preserving the original image.

Apply gradient map adjustment layer to model image in Adobe Photoshop

Step 2: Add a splash of color

Click on different Presets in the Properties panel to see how each one affects your image. Larson selected the Violet, Orange gradient as her starting point. 

Preview the effect of different gradient map presets

Step 3: Choose your shade

Click on the gradient to open the Gradient Editor. This preset has two color stops by default. Larson double-clicked on each of the color stops, and then chose a new color using the Color Picker.

Double-click color stops and use Color Picker to set colors in gradient

Step 4: Enhance the spectrum

You can shift the color stops and the Color Midpoint (the center diamond) to add a bit more range to your image’s color spectrum. Larson went further, adding two more color stops by simply clicking just below the gradient, and again selecting from the Color Picker.

Before and after: Adjust the color midpoint for the gradient then add new color stops
Before and after: Adjust the color midpoint for the gradient then add new color stops

Create your dynamic duotone.

See how this dramatic, colorful effect can give any high-contrast, black-and-white image a bold new look.

Image with duotone effect applied is displayed in a magazine placeholder image

Note: Project files included with this tutorial are for practice purposes only.

Do more with Adobe Photoshop.

Create beautiful images with Photoshop brushesContent-Aware FillPhoto effectsNeural FilterSky replacement, and the many tools photographers rely on.

Explore the Photoshop family of apps.

You might also be interested in…

Make complex selections in Photoshop.

Make a complex selection.

Get your glow on with this simple technique.

Remove and add objects in photos in Photoshop.

Remove and add objects.

Adjusting the elements of your photos can create new worlds in your images.

Retouch a photo in Photoshop.

Retouch a photo.

Brush out your photos rough spots for cleaner, clearer images.

Make a tattoo composite in Photoshop.

Create a tattoo composite.

Before committing ink to skin, design the illusion of a tattoo.

Get Photoshop

Adobe Photoshop Single App

฿876.33/mo

Get Photoshop on desktop and iPad as part of Creative Cloud.


Creative Cloud All Apps

฿2,211.69/mo

Get Photoshop and the entire collection of creative apps across desktop and mobile. Learn more


Students and teachers

  inclusive of VAT

Save over 60% on 20+ Creative Cloud apps — includes Photoshop. Learn more


Business

฿1,468.04/mo

Get Photoshop and 20+ Creative Cloud apps plus exclusive business features.
See what's included | Learn more