Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Go Unlimited Maybe Later
How to Make an Easy Duotone in Photoshop
  • By Design Bundles
  • 13 Mar 2019
  • 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, you will learn how to make an arrow in Illustrator, perfect for illustrations, line art, or infographics. Creating arrows in Illustrator is super easy and has so many options for personalizations too.Step 1 - Draw a Line Using the Pen ToolSelect the Pen tool (P) from your ...

SVG stands for Scalable Vector Graphic where lines and points make up a design. This design can be increased or decreased in size without affecting the quality. The files can be edited at any point and used across multiple platforms. SVG files are a particular favorite when used with cutting ...

An SVG file stands for Scalable Vector Graphic and is a graphics file type used for two dimensional images. SVG images can be scaled up or down without losing their quality and remain sharp at any given size. In Affinity Designer you are able to create your own SVG images ...

Isometric illustrations are made in 2D (2 dimensions) but they look like 3D drawings. Essentially you are mimicking the depth and distortion of the 3D object. To better achieve this you need to create a Grid to aid you with your designs. We will show you how to create an Isometric ...

photoshop duotones image effects

You may also like

Help Center
ol image