{"id":188714,"date":"2022-04-14T01:36:21","date_gmt":"2022-04-13T23:36:21","guid":{"rendered":"http:\/\/sftarticles.wpenginepowered.com\/en\/?p=188714"},"modified":"2025-07-01T20:48:56","modified_gmt":"2025-07-02T03:48:56","slug":"how-to-create-eye-catching-duotone-images-photoshop","status":"publish","type":"post","link":"https:\/\/cms-articles.softonic.io\/en\/how-to-create-eye-catching-duotone-images-photoshop\/","title":{"rendered":"How to create eye-catching duotone images in Photoshop"},"content":{"rendered":"\n

While duotone images have gained traction in recent years thanks to Spotify<\/a>, the effect has a long history in design. Duotone graphics<\/strong> consist of at least two contrasting colors, hence the term duotone<\/em>. In classical photography, the toning process entails a recoloring of grayscale images<\/strong> in a lab where you replace the darks and lights with two alternative colors.<\/p>\n\n\n\n

Thankfully, Adobe now makes duotone image creation<\/strong> easy, and access to a high-end design studio is no longer necessary. All you need is Photoshop<\/a> and a touch of creativity. If you\u2019re interested in using the duotone effect to reinforce your brand with bold colors, follow the steps below.<\/p>\n\n\n\n

Choosing the right image<\/h2>\n\n\n\n

Before creating a duotone image, you want to be strategic about which photos you choose for the effect. While Photoshop lets you apply duotone effects<\/strong> to any image, you\u2019ll get the best results from high-contrast pictures.<\/p>\n\n\n\n

Contrasty<\/em> pictures supply you with a nice pallet of distinct dark and light tones that you can replace with alternative colors. Likewise, images with a solid background, preferably white, help establish your new base color.<\/p>\n\n\n\n

If you have access to a photography studio, you can customize your background and lighting scheme to produce high-contrast images<\/strong> against a white background. For those shooting outdoors, photographing your subjects in the early morning or afternoon works best for boosting contrast. You can make use of light-colored buildings or utilize open horizons to establish a plain background.<\/p>\n\n\n

  1. How to use Photoshop\u2019s default duotone feature<\/h2>\"Navigate

    There are two primary methods of manually creating genuine duotone images<\/strong> in Photoshop. The first approach is to use Photoshop\u2019s inbuilt duotone feature<\/strong>.\u00a0Follow these steps for using the default duotone option in Photoshop:<\/p>\n

    Step 1: Create a Duplicate Layer in Photoshop<\/h3>\n

    Once you\u2019ve found the perfect high contrast image, load it into Photoshop and generate a Duplicate Layer<\/strong>. Right-click the photograph, select Duplicate Layer<\/em>, and then press OK<\/em>. Remember, duplicating your original bottom layer is always best practice because you retain an unedited version to fall back on if you make a mistake.<\/p>\n

    Step 2: Convert the image to 8-bit grayscale<\/h3>\n

    Before you can use the default duotone feature, you must convert the photo to an 8-bit grayscale file. To do this, select the picture and navigate to Image > Mode > Grayscale<\/em>. Confirm that the 8 bits\/Channel option is enabled under this Mode menu. Once you\u2019ve selected this option, you\u2019ll encounter a few notifications asking if you want to flatten the image or merge the layers.<\/p>\n

    Feel free to merge the image if you\u2019re already working with several layers. If not, don\u2019t worry about it. Merging your layers gets rid of your original copy. You can skip this step, as well. The next prompt you\u2019ll see asks you whether or not you want to discard your color information. You must delete the color information to use Photoshop’s default duotone feature<\/strong>, so click Discard<\/i>.<\/p>\n

    Step 3: Convert the image to a duotone<\/h3>\n

    Your picture is now ready to use the default duotone option in Photoshop. To enable the filter, first select your layer, then go to Image > Mode > Duotone<\/em>.<\/p>\n

    Step 4: Select your colors<\/h3>\n

    Since the photo is in duotone mode<\/strong>, you can start choosing your colors. If you check the Preview checkbox, you can see how the picture looks before you make the edit. From here, you manipulate your color settings for the desired effect.<\/p>\n<\/div><\/li>

  2. How to use the Gradient Map<\/h2>\"Select

    Your second option for getting duotone effects leverages the Gradient Map<\/strong>. This method gives you more control over your image results:<\/p>\n

    Step 1: Apply a Gradient Map<\/h3>\n

    This method doesn\u2019t require you to convert your image to an 8-bit grayscale<\/strong> file. Once uploaded, select the photo and scroll to Image > Adjustments > Gradient Map<\/em>. This overlays the picture with a gradient for grayscale mapping<\/strong>. Make sure the default is set to black and white. You can invert the images by clicking the checkbox next to Reverse.<\/p>\n

    Step 2: Select your colors<\/h3>\n

    When you select the gradient bar, it enables the Gradient Editor<\/strong> in a new window. This lets you choose from a diverse range of colors and preview how they look before completing the edit.<\/p>\n<\/div><\/li><\/ol><\/div>