SEARCH
Newsletter
Subscribe to get design tips, latest trends, free stuff and more.
It doesn't look like an e-mail address

hosting

  Tutorials Photoshop Photoshop CS5 Tutorials Learn How to Create an Appealing Typographic Portrait in Photoshop CS5

Learn How to Create an Appealing Typographic Portrait in Photoshop CS5

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

img

Final Preview

Lets start to create our easy typographic portrait in photoshop.

Step 1

Create a new document (Ctrl+N) with 1000x1000 of size.

img

Create New Document

Step 2

First set background color black #000000, now I am going to add the Beautiful Girl Image in photoshop.

img

Add Girl Image

Rasterize it, select Eraser Tool and erase upper unneeded are of girl image layer.

img

Erase Unneeded Area

Step 3

Now duplicate girl image (Ctrl+J) and set image adjustment.

Go to Image > Adjustment > Desaturated.

img

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.

img

Text Settings

Now write some text with different sizes applying white color #ffffff as like in preview.

img

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.

img

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.

img

Type Some Text

Duplicate this vertical text layer six or seven time and place these duplicate layers left side as like in picture below.

img

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.

img

Drop Shadow

After applying drop shadow we get nice result.

img

Get Nice Result

Step 7

Now duplicate text layer and applying Gaussian Blur on duplicate text layer.

Go to Filter > Blur > Gaussian Blur.

img

Gaussian Blur

After applying gaussian blur we get a new effect on duplicate text layer.

img

Get a New Result

Step 8

Now go to Filter > Distort > Displace, set horizontal and vertical scale (15).

img

Displace Filter

Press OK then a window opened, now select that PSD file we save in step 4.

img

Displace Window Open

When we open that PSD file we get this result.

img

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.

img

Set Blend Mode to Hard Light

Now go to Filter > Noise > Dust & Scratches and set Radius (7).

img

Dust and Scratches

After set dust and scratches we get a new result.

img

Get a New Result

After complete all steps we get our typographic portrait in final preview.

Final Preview

img

subscribe to newsletter