Envira Gallery Blog

Digital Photography Tips, Tutorials and Resources

Typography Portrait

How to Create a Typography Portrait in Photoshop

by Waseem Abbas on Apr 21, 2016

Do you want to make a typography portrait? Sometimes using typography can turn your photos into a stunning work of art. In this article, we will share how to create a typography portrait in Photoshop.

Creating a Typography Portrait

First thing you need to do is open your portrait in Photoshop.

Next, unlock the Background layer from the Layers panel at the right-hand side of your Photoshop screen.

To unlock the Background layer, simply double click on the layer and press OK.

Unlock Background Layer

In the next step, you’ll need to add a few color ranges to your image. Go to Select » Color Range.

Select Color Range

A box will popup for Color Range (this is our first color range). In the Select dropdown, you need to select Shadows and press OK.

Shadows

You will see some of the shadow areas are selected. Simply press Ctrl + C to copy the selection, and then press Ctrl + J to duplicate the selection.

Shadow Layer

It will add a new layer in the Layers panel with the selected area of your image (named Layer 1).

Now, select the main layer again from the Layers panel, and go to Select » Color Range. This time, you should choose the Midtones from the dropdown menu.

Midtones

Again, you’ll need to press Ctrl + C to copy the selection, and then press Ctrl + J to duplicate the selection.

Midtones layer

You will see a new layer added in the Layers panel with the selected area from the previous step (named Layer 2).

After adding the layers for Color Range, you’ll need to hide Layer 0 (click on the eye icon) and select Layer 2.

Hide Layer

Then, go to Edit » Fill, and select 50% Gray from the Use dropdown. Check mark Preserved Transparency and hit the OK button.

Fill Gray

Next, you need to select Layer 1 from the Layers panel.

Select Layer 1

Then go to Edit » Fill, and select Black from the Use dropdown. Check mark Preserved Transparency and hit the OK button.

Fill Black

After that, go to the Layers panel to select Layer 1 and Layer 2 at once. Then simply right-click on the two selected layers and choose Merge Layers (they will be merged together as Layer 1).

Merge Layers

Now your portrait is ready to add some text to it.

Add a new file in Photoshop from File » New.

New File

You’ll need to make the size of this new file close to the same size as the portrait file.

Under the Background Contents, select White.

White New File

Choose the Horizontal Type Tool from the toolbar at the left-hand side of your Photoshop screen. Then, click on the file to add your content (we added the poem ‘One Art’ by Elizabeth Bishop).

Text

We kept the following settings for text:

Font: Arial
Font Style: Regular
Font-size: 40 pt
Color: Black

Next, go to Edit » Define Brush Preset to convert your text image into a Photoshop brush.

Add a name for your brush and press OK (we named ours, My Text Brush).

Text Brush

Now go back to your original portrait file. You’ll need to add two new layers…

Go to Layer » New » Layer two times to add two transparent layers (they will appear as Layer 2 and Layer 3).

Two New Layers

Go ahead and fill Layer 2 with white using the Paint Bucket tool, and then hide the visibility (click the eye icon).

Your Layers panel should now look similar to this:

White Layer

You’ll need to select Layer 1 and press Ctrl + A to select all. Then press Ctrl + C to copy the selection (we’re going to use it in the next steps).

Select All

Now, select Layer 3, and grab the Paint Brush tool from the toolbar. Go to the brush settings under the top menu, and select the My Text Brush.

You may need to change the size of the brush a few times as you brush the text in your portrait… this will give it a more random effect.

Brush Text

After adding the text, go to Layer » Layer Mask » Reveal All to add a masking layer to Layer 3.

Add Mask Layer

Press Alt + Click on the mask layer to use it.

Use Mask Layer

Next, go ahead and press Ctrl + V to paste the selection from the previous steps.

Then press Ctrl + D to deselect the selection and Ctrl + I to inverse the colors.

Paste Mask

Now, click on the thumbnail for Layer 3 to make the layer active. You’ll need to hide the visibility of Layer 1 and make Layer 2 visible.

Layers

This will do two things. Firstly, it will remove the black effect from the image, so the text will be more visible. Secondly, it will brighten the image because Layer 2 is filled with white.

Then, right-click on Layer 3 and select Blending Options.

Blending Options

Go ahead to Gradient Overlay. In the Gradient dropdown, select the blue, red and yellow gradient (or other colors of your choice) to create a stunning, colorful effect.

Gradient Overlay

Lastly, select the Brush Tool and set the foreground color to black. Select Layer 3 and brush over the hair, eyes and body, so they become visible.

That’s all. You can see the before and after image below.

Before After Typography Portrait

We hope this article has helped you to learn how to create a typography portrait in Photoshop. You may also want to check out our guide on how to add dramatic portrait effect to your images in Photoshop.

If you like this article, then please follow us on Facebook and Twitter for more free photo editing tutorials.

Comments

  1. After merging the layers (layer 1&2).I cannot see my portrait picture. It becomes one background with white colour.what to do

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.