Today in this tutorial you will learn that how to create a appealing easy typographic portrait in Photoshop. I will use the displace filter and some blend modes to achieve this effect. The whole process is quite simple but it might take you some time to add the texts clearly.
I hope you will liked this tutorial and appreciate this our incredible creation. Enjoy and remember to share your opinions with us.
Create a Typographic Portrait in Photoshop - Final Preview
Final Preview
Lets start to create our easy typographic portrait in photoshop.
Step 1
Create a new document (Ctrl+N) with 1000x1000 of size.
Create New Document
Step 2
First set background color black #000000, now I am going to add the Beautiful Girl Image in photoshop.
Add Girl Image
Rasterize it, select Eraser Tool and erase upper unneeded are of girl image layer.
Erase Unneeded Area
Step 3
Now duplicate girl image (Ctrl+J) and set image adjustment.
Go to Image > Adjustment > Desaturated.
Image Adjustment
Step 4
Go to File > Save As and save the file with any of name I am going to save with the name of Girl. Now hide girl image layer select Text Tool open text panel and set this settings.
Text Settings
Now write some text with different sizes applying white color #ffffff as like in preview.
Write Some Text
When we write text now duplicate this text layer four or five time and place these duplicate layers down side as like in picture below.
Duplicate text
Step 5
In this step press right click on Text Tool and select Vertical Type Tool, then write some text with white color #ffffff.
Type Some Text
Duplicate this vertical text layer six or seven time and place these duplicate layers left side as like in picture below.
Duplicate Text Layer
Step 6
Select all horizontal and vertical text layers, merge them (Ctrl+E) then go to the Blending Options and applying Drop Shadow on merge text layer.
Drop Shadow
After applying drop shadow we get nice result.
Get Nice Result
Step 7
Now duplicate text layer and applying Gaussian Blur on duplicate text layer.
Go to Filter > Blur > Gaussian Blur.
Gaussian Blur
After applying gaussian blur we get a new effect on duplicate text layer.
Get a New Result
Step 8
Now go to Filter > Distort > Displace, set horizontal and vertical scale (15).
Displace Filter
Press OK then a window opened, now select that PSD file we save in step 4.
Displace Window Open
When we open that PSD file we get this result.
Get Result
Now set original girl image to top of all the other layers and unhidden it change Blend Mode to (Hard Light) of this image layer.
Set Blend Mode to Hard Light
Now go to Filter > Noise > Dust & Scratches and set Radius (7).
Dust and Scratches
After set dust and scratches we get a new result.
Get a New Result
After complete all steps we get our typographic portrait in final preview.
Final Preview


