Advertisement
  1. Design & Illustration
  2. Text Effects
Design

How to Create a Quick & Easy Duotone Text Effect in Adobe Photoshop

by
Difficulty:BeginnerLength:ShortLanguages:
Final product image
What You'll Be Creating

Use a texture image and a gradient map, with some adjustment layers and filters, to create a super quick and easy duotone text effect. Let's get started!

This text effect was inspired by the many Layer Styles available on GraphicRiver.

Tutorial Assets

The following assets were used during the production of this tutorial:

1. How to Create the Background and Text Layers

Step 1

Create a new 1000 x 650 px document with a White Background. Click the Create new fill or adjustment layer icon at the bottom of the Layers panel, and choose Gradient.

Create a Fill Color to Transparent gradient fill using the Colors #a9a9a9 to the left and #868686 to the right.

Change the Scale to 150% and check the Dither box.

Gradient Fill

Step 2

Create the text in All Caps using the font Sofia Pro Black. Set the Size to 250 pt, and if you have more than one line of text, set the Leading to 235.

Create the Text

2. How to Create a Duotone Effect

Step 1

Place the Image Texture on top of the text layer, rename its layer to Texture, and right-click it to choose Create Clipping Mask.

You can try using different images if you like, but it's important that the image has some details to get a nice duotone effect.

Add the Image Texture

Step 2

Click the Create new fill or adjustment layer icon at the bottom of the Layers panel, and choose Gradient Map.

Check the Dither box, and click the gradient fill box to create the gradient using the Colors #281960 to the left and #d52e51 to the right.

What the Gradient Map does is it maps the equivalent grayscale range of an image to the colors of the gradient fill you create. So the left endpoint of the gradient fill replaces the shadows in the image, and the right endpoint replaces the highlights.

You can try different colors for each endpoint to get different results.

Gradient Map

3. How to Add Global Adjustments

Step 1

Add a Brightness/Contrast adjustment layer, and change the Contrast value to 15, or any value that suits your image.

BrightnessContrast

Step 2

Add a Color Lookup adjustment layer, and choose the Cobalt-Carmine table from the Abstract menu.

Change the Color Lookup layer's Blend Mode to Soft Light and its Opacity to 50%.

Color Lookup

4. How to Create a Halftone Texture Overlay

Step 1

Create a new layer on top of all layers and name it Halftone Texture.

Halftone Texture Layer

Step 2

Go to Edit > Fill, and set the Contents to 50% Gray.

Gray Fill

Step 3

Right-click the Halftone Texture layer and choose Convert to Smart Object, and set the Foreground and Background Colors to Black and White.

Convert to Smart Object

Step 4

Go to Filter > Filter Gallery > Sketch > Halftone Pattern, and use these settings:

  • Size: 1
  • Contrast: 5
  • Pattern Type: Dot
Halftone Pattern Filter

Step 5

Change the Halftone Texture layer's Blend Mode to Soft Light and its Opacity to 20%.

Halftone Texture Layer Settings

Congratulations, You're Done!

In this tutorial, we created a simple gradient background and added some text.

Then, we clipped an image texture to the text, and created the duotone effect using a gradient map.

Finally, we added some more adjustment layers to enhance the final result, and applied a halftone texture overlay.

Please feel free to leave your comments, suggestions, and outcomes below.

Final Result
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.