- 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.
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.
Step 2 - Add a Levels Adjustment Layer
Next, click on 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.
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.
In the Color Picker dialog, choose a color. This color will affect the lighter areas in the image. We picked #fa9b13.
Change the Blending Mode of the 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.
Change Color Fill 2’s Blending Mode to Lighten. The duotone image result of the first method is shown below.
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.
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.
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.
We used the colors #050e52 and #fa456b.
You can use #7a0b0b and #ffdc3b for another duotone color combination.
Following is another color combination: #0e3463 and #c868ff.
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 ...