Final Preview

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.

Other photoshop related tutorial:

Tutorial details:

  • Program: Adobe Photoshop CS5
  • Difficulty: Intermediate
  • Estimated Completion Time: 30 Mins

Create a Typographic Portrait in Photoshop – Final Preview

Final Preview

Tools and Resources

Tools and Resources

External Resource

Photoshop Tools

  • Text Tool
  • Eraser Tool
  • Gradient Overlay

Lets start to create our easy typographic portrait in photoshop.

Step 1

Create a new document (Ctrl+N) with 1000×1000 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

Final Preview

I hope you will definitely like this typographic portrait tutorial and always share your suggestions with us. Follow TutorialChip on Twitter or Subscribe to TutorialChip to Get the Latest Updates on Giveaways, Tutorials and More for Free.

email

Related Posts

photoshop pen tool basics tutorial part1
Lady Bag
Handy 3D Vector Calendar Icon
Speed Lightning Car

Interesting Posts

About mario

I am a web graphic designer and photographer. I always focuses on free web resources and inspiration for designers and developers.