Creating duotone effects in Photoshop – basics tutorial

0
Creating duotone effects in Photoshop – basics tutorial

Add a touch of retro charm to your photos by ageing them with the popular duotone effect. This basics tutorial will demonstrate the steps in Adobe Photoshop and the settings needed to obtain natural results with the duotone mode.

We have all browsed through old family photo albums and seen what the original effect looks like. Photos from the old days shot with ancient cameras and showing a variety of subjects. They all have one thing in common: a landmark sepia effect. This brownish tinge develops over time due to UV light which makes the black ink fade to a brownish hue. But sometimes the sepia effect is used intentionally to create a modern retro look usually for photos of vehicles or people.

A sepia-toned photo of a toy vintage van with a roof rack carrying suitcases, placed on a textured surface with a blurred background.
Sepia effects add a charming touch of retro to your images

What is the duotone mode?

The duotone mode is about combining a grayscale image with a second colour (usually a spot colour) to enhance the image effect or to create a special look such as the sepia effect. An image in duotone mode can also be printed as such. During the printing process, only the black ink and the specified spot colour are printed. Alternatively, it is possible to convert the finished duotone image back to CMYK mode and print it afterwards.

A toy van with luggage on its roof is placed on a textured surface. The left half of the image is in grayscale, while the right half is in a warm sepia tone. The background is blurred.
Duotone mode: grayscale image (left) + another colour = for example a sepia image (right)

Step 1: Convert the image to duotone mode

Screenshot of Adobe Photoshop with the Image menu open, showing the Mode submenu. The Grayscale option is highlighted, and a black-and-white photo is partially visible in the workspace.

Click Image > Mode to access the duotone mode. It is usually greyed out in colour images. This is because the duotone mode can only be applied to grayscale or black and white images. So in order to apply the suitable colour mode, first convert your image to grayscale. Now if you go back to the Mode menu, the Duotone option is enabled.

Step 2: Understanding the Duotone Options dialog box

A grayscale photo of a vintage toy van with luggage on its roof sits next to an open Photoshop Duotone Options window set to Monotone with Black ink selected.

You can add up to four colour channels or inks in the Duotone Options dialog box. As the name “duotone” suggests, this technique allows combining two colour channels. By default, this window only shows one colour channel with black ink at first. Basically, a single colour would be sufficient to create the sepia effect. But if you replace the black ink with orange by using the colour slider, you get a kind of sepia effect but almost all contrast in the image will be lost so that it appears unnatural and flat.

A yellow-toned image of a toy van with luggage on top, alongside a digital editing software window showing duotone color options and adjustments.

The black channel contains all relevant contrasts. So you should keep it and add another channel. You can add up to three additional channels using the Type drop-down menu. In this example, we choose Type  > Duotone.

A grayscale photo of a toy van with luggage on top, next to a Photoshop dialog box displaying duotone options, with Duotone selected in the dropdown menu.

Step 3: Choose the colour and amplify the contrasts

A grayscale image of a toy van with luggage on top, next to a “Duotone Options” editing window showing ink colors and settings for creating a duotone effect.

After you have set the type to Duotone, click the small white box to open the Colour Picker. Here you can choose the colour you like best. For a realistic sepia effect, we recommend orange; the value “db9d19”.

A sepia-toned image of a toy van with luggage on top, next to a computer screen showing duotone editing options, overlaying the photo.

Having chosen the second colour, close the dialog box again by clicking OK and subsequently adjust the contrasts in the Duotone Options dialog box. This is done with a simplified version of the Duotone Curve settings. To get there, click the second box (with the white diagonal) to the left of the ink field. In this example, we want to amplify the contrast of the bus a bit.

The duotone curve

A sepia-toned image of a vintage suitcase in the background with two Photoshop dialog boxes open: Duotone Curve on the left and Duotone Options showing color settings on the right.

In the left of the dialog box, you see the duotone curve which is displayed on a grid. A bar directly below indicates the brightness value adjusted with the duotone curve. It represents the entire tonal range of the image and ranges from the highlights (the brightest areas in an image) to the shadows (the darkest area). Click the duotone curve in the grid to set a curve point which you can drag only vertically. As you adjust the curve, values are automatically entered in the percentage text boxes. So if you have set a curve point in the fourth box of the grid and moved it, the corresponding percentage is displayed at the value “40”.

The setting options

A sepia-toned photo with two digital editing windows open: one showing a duotone curve adjustment, the other displaying duotone color options with black and gold selected. A vintage camera is blurred in the background.

On the right of the duotone curve you can also enter the colour changes directly in the text boxes in ten percent increments. If you enter a different value at “30”, for example, the duotone curve on the left will change accordingly in the third box. This is what we want to do in our example. We want to reduce the tonal range at “30” by 10 percent. To achieve this, you can either pull down the curve point at the third box by 10 percent or you can enter the percentage “20” at “30”. Initially, we lose a bit of contrast with this setting, but we can restore it with the darker grayscales. In this example, the tonal range is increased to 90 percent at “70”.

Finally, close the dialog box by clicking OK.

Tip: You can apply the duotone curve to each channel or ink and manipulate them. This allows you to implement a high level of detail when editing your photos.

 

Step 4: Confirm the duotone settings

A sepia-toned photo of a toy van with luggage on top, overlaid with a software dialog box showing duotone color options, including black and a highlighted Duotone Orange.

Before closing the Duotone Options dialog box, you have to name the newly created colour. You can specify any name, but it is advisable to choose a name that can be clearly assigned such as “duplex orange”, particularly if you want to print the image later on. Once the name has been assigned, close the Duotone Options dialog box. You have successfully created the sepia effect and you can now further edit the image.

Bear in mind that the image is still in duotone mode. This means that it comprises two colour channels only. For optimum further processing of the image, you should convert the image to RGB mode subsequently, or if you want to upload it to a print shop, to CMYK mode.

 

Credits:
Tutorial and design by Christoph Ullrich, media designer.

Previous article Creating black and white effects – basics tutorial
Next article Colour fonts: How to use colour fonts
Hätte, hätte, Fahrradkette – ich bin ein Fan davon die Dinge konsequent anzupacken und versuche weniger verpassten Gelegenheiten nachzuhängen. Jeden Tag öffnen sich neue Türen und in unserer schnelllebigen Zeit der selbstfüllenden Kühlschränke, Next-day-deliverys und twitternden Präsidenten sind das jede Menge. Nach meinem Studium der Medienkommunikation habe ich mich vor allem den spannenden Entwicklungen des Online Marketings verschrieben. In meinen Artikeln möchte ich die neuen Trends und Inspirationen auf diesem Gebiet so lebhaft und praxisnah wie möglich an die Leser weitergeben.