You can create a duotone photo effect in a few simple clicks using a duotone Photoshop action or create it manually with adjustment layers. In this duotone tutorial, I will show how you how to create a duotone effect in Photoshop using adjustment layers.
If you want to learn these techniques via video, check out our lesson on the Envato Tuts+ YouTube channel:
What You'll Learn in This Photoshop Duotone Tutorial
- How to create a duotone palette
- How to make an image duotone in Photoshop using Adjustment Layers
You'll need the following resource in order to complete this tutorial:
1. How to Create a Duotone Palette
First of all, let's open our image. Go to File > Open or just hit Control-O and select the image you want to use.
Now we can create swatches for easy access to colors. To open the Swatches panel, go to Window > Swatches.
Open the Color Picker and use the following Color Code:
#604e74. Once you've entered the code, hit Add to Swatches.
Let's add the second color to our swatches using the following Color Code:
#fcf9d7. Our little color palette is ready for creating a duotone Photoshop effect, but you can easily add more pastel colors the same way if you want to try different variations.
2. How to Make a Duotone Photoshop Image Using Adjustment Layers
Before creating the duotone effect adjustment layer, let's create a channel mixer layer to make the image a bit darker and save the skin color. Go to Layer > New Adjustment Layer > Channel Mixer and use the Black & White with Blue Filter preset.
Change the Opacity of this layer to 20%.
To finish the color correction, add a Brightness/Contrast adjustment layer with the following settings: Brightness: -15; Contrast: 25.
Now let's create a duotone photo effect using a gradient map. Go to Layer > New Adjustment Layer > Gradient Map and create a gradient with the colors from our palette.
And for the last step, change the Location of the first point to 10% and the second point to 95%.
Awesome Work, You're Now Done!
In this simple way, we can create a duotone Photoshop effect using a few adjustment layers and a pastel color palette. This combination gives us a great faded look with an atmospheric vintage feel. If you need any help with the techniques we covered, feel free to contact me!
Today we've learned how to make an image duotone in Photoshop, but if you are looking for a super fast and easy way to create this kind of effect, check our list of duotone effect Photoshop actions available on Envato Elements:
This pack of duotone effect Photoshop actions contains 50 instant effects with different well-combined colors. It's extremely easy to use; just select the action and hit play.
How do you make an image duotone in Photoshop in a few clicks? This master kit with 66 ready -to-use presets is suitable not only for photos but for product presentations, illustrations, and designs.
In this duotone Photoshop action bundle, you will find 100 color variations of the duotone effect. All the actions work on any size of image and create a professional visual effect with almost no effort. Enrich your collection of actions with this awesome package!
Want to know how to make duotone Photoshop images in a non-destructive and easy way? Try this collection of 36 duotone Photoshop actions with editable and adjustable end results. In the main archive, you will also find detailed instructions and a quick preview of all the effects in a JPEG format.
This product contains 35 different duotone effects in just one PSD file. Create stunning images with different color combinations applied to your photos using a smart object. Some of the duotone effects in this package create cool color transition overlays, so the number of combinations of the final look is huge!
Learn More About Adobe Photoshop Effects!
If you are looking for another duotone tutorial or you want to learn other Photoshop techniques, check out these amazing tutorials:
- Photoshop ActionsHow to Create a Light Leak Photoshop Color EffectIvan Gromov
- Photo EffectsHow to Create a Photoshop Color Effect ActionAnderson Luiz
- Photo EffectsHow to Create an Infrared Photo Effect in Adobe PhotoshopIvan Gromov
- Photoshop ActionsHow to Create a Cyberpunk Photoshop Effect ActionMarko Kožokar
- Text EffectsHow to Create a Quick & Easy Duotone Text Effect in Adobe PhotoshopRose
Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!Translate this post