February 11, 2022

How To make a Face in Typography using Photoshop

Learn How To make a Face in Typography using Photoshop. The method used here is to make a selection using the Select>Color Range command. Make a selection of Shadows, Midtones, and Hightlights using the Color Range, then make each a separate layer. The three are then copied to the text layer using a Mask in order to obtain a face shape based on the Color Range selection.
How To make a Face in Typography using Photoshop
Final result.


If you liked my tutorials, please subscribe to my YouTube channel - JTSGraph.

Step 1: Prepare The Texts

Write using word or notepad. I have prepared 10 pages of OpenOffice writing. The goal is that we can form a typographic effect using a smaller font size so that the writing can follow the shape of the face.

Step 2: Open Photo, Make Selection, Then Split

Select menu File>Open to open your photo. I will use the Magnetic Lasso Tool to create a selection. Click the Magnetic Lasso Tool icon in the Tool panel. 
The Magnetic Lasso Tool.

Then make a selection. Separate the selection into separate layers by pressing Ctrl+J. The photo source used in this Photoshop tutorial is taken from Morguefile.
Make a selection then press Ctrl+J.

Step 3: Desaturate, Eliminate Visibility Background

Click the eye icon to the left of the Background then click Layer 1 and select the Image>Adjustments>Desaturate menu.
Desaturate.

Step 4: Make a Selection With the Color Range Command

Select the menu Select> Color Range. In the Select drop down, select Shadows, then click the OK button.
Make a selection of color range shadows.

You will see a selection outline in the photo. Split this selection into separate layers by pressing Ctrl+J. To make it easier rename it to Shadows.
Press Ctrl+J then rename it to shadows.

Repeat these steps to create Midtones and Highlights.
Repeat the above steps to create the midtones and highlights.

Step 5: Create a new layer and fill it with white

Click the Create a New Layer icon. Press the D key to reset the foreground/background color to default, then press Ctrl+Backspace to fill it with white.
Create a new layer.

Step 6: Copy Text

Open your writing in notepad and copy it to the clipboard. The trick is to press Ctrl+A then Ctrl+C, click the Horizontal Type Tool icon. 
The Horizontal Type Tool.

Then click at the top end of the canvas, drag to the bottom right. 
Click on the top left corner then drag to the bottom right.

Then press Ctrl+V to paste the text onto the canvas. Press Ctrl+Enter. The next step, press Ctrl+J twice to duplicate the text layer. Rename the three texts with the names Shadows, Midtones, Highlights.
Press Ctrl+V to paste the text, then press Ctrl+Enter. Duplicate it 2 times and rename it to shadows, midtones, hightlights.

Step 7: Copy the Shadows to the Clipboard

Click on the visibility of the Shadows layer and also click on the shadows thumbnail to activate it, press Ctrl+A and Ctrl+C.
Activate shadows, press Ctrl+A then press Ctrl+C.

Step 8: Create a Layer Mask on the Text Shadows

Click the shadows text then click the Add Layer Mask icon.
Create a Layer Mask on the text shadows.

Step 9: Paste the Clipboard onto the Text Layer Mask Layer

While holding down the Alt key, click the text layer's layer mask box, then press Ctrl+V to paste the clipboard.
While holding down the Alt key, click the layer mask box. Then press Ctrl+V.

Step 10: Deselect Then Invert

Press Ctrl+D to deselect then press Ctrl+I to invert.
Image inversion.

Step 11: Repeat Steps 7 to 10 For Midtones and Highlights

Repeat step 7 to step10 to copy Midtones to text Midtones and copy hightlights to text hightlights.
Copy the layer contents to the text layer.

Step 12: Set the Type, Thickness, and Font Size of Each Text

Click the Shadows, midtones, and hightlights text to adjust them. Click the Horizontal Type Tool icon, then Click the toggle icon to display the toggle for the Horizontal Type Tool.
Click the toggle icon to display the toggle for the Horizontal Type Tool.

Please set the font size and type. Also set the opacity.
Set the text properties shadows, midtones and text highlights.

Step 13: Create One Layer For The Gradient Color

Click the top text, then press Ctrl+Alt+Shift+E. A new layer will form above the shadows text. Change the blend mode to Color.
Click the shadows text layer then press Ctrl+Alt+Shift+E.

Step 14: Set the Gradient Tool

Click the gradient tool icon in the tool panel. 
Click the gradient tool icon.

Then select the gradient color in the options bar.
Choose a gradient color.

Step 15: Apply Gradient

Click then drag to apply the gradient.
Apply gradient.

Actually the method is very easy, only because the tutorial is too long so it looks complicated.

There you have it! How To make a Face in Typography using Photoshop.
How To make a Face in Typography using Photoshop

No comments:

Post a Comment