Home > Apple, Tutorials > How to create a potrait typography in easy steps

How to create a potrait typography in easy steps

cover

Typography is not just about choosing a nice font face and how to manipulate it to get, “out of the world” effects, it’s also about how we arrange the types in the layout choosing the right size, weight and type of font to transmit the message in the easiest and more understandable way and as always, in a unique manner. Now, imagine some designers take that to a next step, mixing typography with portraits. There are several such portrait typography images that we can see in advertisements and posters. Now I am going to teach you how to start off doing a typo-portrait in simple steps. Finishing to job requires much more than photoshop skills and techniques. You need to have patience and a quirky imagination. So lets start off.

Step 1

Choose a nice portrait. In this tutorial, I have chosen the picture of Steve Jobs, the legendendary Chairman and founder of Apple Inc. I have chosen him because I consider him my idol. (^_^)

OK, moving on, I found this picture in Google Images (click on the image to download it). Once you have downloaded the picture, import it to Photoshop.

1Step 2

Now, go to Image>Adjustment>Levels and apply using these following settings. (This step and the next one is just to make the image visible enough to trace the lines and boundaries)

1a

Step 3

Now go to Image>Adjustments again but this time click on Brightness/Contrast and apply using the following settings.

2

Step 4

Now, in the layers palette, set the opacity of the layer to 50% – 60%. Finally the image should look something like this:

3

Step 5

Now comes the actual ‘fun’ and interesting part. Start off with his glasses. Click on the Ellipse Tool and holding Shift, draw a circle which almost traces his Spectacles. Now using Free Transform Tool (Ctrl + T), adjust the circle (by holding CTRL) as desired.

4

Step 6

Once the previous step is done, Click on the TEXT Tool(T) and click on the ellipse created earlier and type richworks continuously around the ellipse as shown below.

5

Step 7

For the eyes, hair, and other details you can follow the Simple Pen Tool method. Just click on the Pen tool and keep clicking on the image resulting in a line of points as shown below.

6

Now, follow the same procedure of typing the text around it. This is just the beginning. You need to pay attention to every detail for a brilliant finish. Do the same set of procedures for the head, beard and the mouth.

From now on, it is all about patience and perseverance. Once finished, add a caption and a gradient overlay and the final image should be looking something similar to this : (click on the image for a larger view)

final

There are loads of brilliant typography portraits that designers have done. What I have showed you is merely a kickstart to the brilliant world of typography portraits.

If you want to know anything or if you get stuck in the middle, feel free to ask questions and post comments. GOOD LUCK!

Here are some of the best typography portraits from around the web. These designers mean business! Visit Abduzeedo for the designers’ original links.

1

2

3

4

5

6

7

8

9

10

11

12

14

15

16

17

18

Asian_Girl_by_NedlaTheWannabeNinja

Baskerville_Self_Portrait_by_Aldyn

Dylan_by_CaliburlessSoul

Grohl_Type_by_CaliburlessSoul

lilwayne-481x673

obama

Steven_Paul_Jobs_by_dylanroscover

Utada_Hikaru_Typo_Portrait_by_Ashed_Dreams

Typography_by_digitalfragrance

typografi_by_mustafasoydan

type_face_by_blaze_01

INSPIRED BY DESIGN

Advertisements
  1. No comments yet.
  1. July 18, 2010 at 8:40 PM

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: