Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Start your Free Trial Start your Free Trial Maybe Later
How to Make an Easy Duotone in Photoshop
  • By Design Bundles
  • 6 Mins
  • Photoshop Tutorials

How to Make an Easy Duotone in Photoshop

Learn how to create duotones in this Photoshop tutorial to make cool photos you can display anywhere

Today, you will learn how to create a duotone effect in Photoshop using two different methods. The first method will use some adjustment layers and two Solid Color fill layers, and the second method will use a Gradient Map adjustment layer.

Duotones in Photoshop

For this tutorial, you will need an image or a portrait. The picture of a surfer that we used in this tutorial is from the Plus Hub on Design Bundles. If you’re not a Plus Member yet and are interested, we have a free 30-day trial of the Gold Plus Membership available for you today!

Duotone Using Solid Color Fill Layers

Step 1 - Add a Black & White Adjustment Layer if Needed

With your image open in Photoshop, click on the Black & White adjustment layer icon in the Adjustments panel if your photo is colored.

Add a Black & White adjustment layer in Photoshop

Step 2 - Add a Levels Adjustment Layer

Next, click on the Levels adjustment layer icon in the Adjustments panel.

Click the Levels adjustment layer icon in the Adjustments panel

Adjust the levers in the Properties panel for the Levels layer to create more contrast in the image if needed.

Adjust the levers for the Levels adjustment layer in the Properties panel

Step 3 - Add a Solid Color Fill Layer

Click on the small black and white circle icon at the bottom of the Layers panel and choose Solid Color from the list.

Add a Solid Color fill layer in Photoshop

In the Color Picker dialog, choose a color. This color will affect the lighter areas in the image. We picked #fa9b13.

Select a color for the first Solid Color fill layer

Change the Blending Mode of the Color Fill 1 layer to Multiply.

Change Blending Mode of Color Fill 1 layer to Multiply

Step 4 - Add a Second Solid Color Fill Layer

Add a second Solid Color fill layer and pick a different color. This color will affect the darker areas of the image. We picked #320a5f.

Select a color for the second Solid Color fill layer in Photoshop

Change Color Fill 2’s Blending Mode to Lighten. The duotone image result of the first method is shown below.

Change the Blending Mode of Color Fill 2 to Lighten

Step 5 - Modify Adjustment Layers if Needed

At this point, you can still adjust the adjustment layers’ settings and color fill layers’ settings if needed. For instance, you can select the Levels layer and move the levers again if you’d like.

Shows the levers for the Levels adjustment layer having been adjusted again

Duotone Using a Gradient Map Adjustment Layer

Step 1 - Add a Gradient Map Adjustment Layer

Click the black and white circle icon in the Layers panel to add a Gradient Map adjustment layer.

Add a Gradient Map adjustment layer

Step 2 - Pick Gradient Map Colors

In the Properties panel, click the gradient bar to open the Gradient Editor dialog. In the Gradient Editor dialog, click the left color icon below the gradient bar and select the color that will affect the darker areas of the image. Then click the right color icon and pick the color that will affect the lighter areas of the image.

Shows to select the colors for the gradient map

We used the colors #050e52 and #fa456b.

Shows the first duotone image using a Gradient Map

You can use #7a0b0b and #ffdc3b for another duotone color combination.

Shows the second duotone image made with a Gradient Map

Following is another color combination: #0e3463 and #c868ff.

Shows the third duotone image made using a Gradient Map in Photoshop

Using a duotone effect to create some awesome images in Photoshop is that simple! Decide which method you’d like to use to make some stunning images for yourself.


6 Related Photoshop Tutorials

For this tutorial, we are using a Ladybug Photo from the Plus Hub.Step 1- Open Your ImageIn Photoshop, open the image you chose to work with.Step 2- Make a Smart Object LayerRight-click on top of its thumbnail and choose Create Smart Object. This will allow you to apply ...

In this tutorial, we will be making an Instagram Bingo Template in Photoshop. Bingo template images can be used as the base for an Instagram Story. You can tag friends or followers and challenge them to post the same story. Bingo story posts are a great way to get to ...

In this tutorial, we will learn how to make tridimensional text in Photoshop using the 3D text feature.Step 1- Create a New DocumentIn Photoshop, create a New Document and use white as your background color. Ours was 15 x 10 cm @150 dpi, RGB, but you should choose yours depending on what ...

In this tutorial we will walk you through the steps on creating a GIF in Photoshop. By using the timeline window, you can quickly create animations.For this tutorial, we are using Last Dream which is a layered font, as well as fireworks clipart and a sunset color palette.Step 1: ...

You can quickly make sublimation designs in Photoshop with ready-made graphics or images and some text. These designs can be used on all sorts of sublimation blanks, and they make for great gifts. This tutorial will show you how to import and edit images, add and edit text, and access ...

Adding a watermark in Photoshop has become the preferred option for marketing and claiming ownership. This is particularly necessary with the growing usage of social media when showcasing images and artwork. A watermark with your logo or text also aids in establishing your brand presence.Although watermarking does not prevent ...

photoshop duotones image effects

You may also like

Help Center
ol image