Escolar Documentos
Profissional Documentos
Cultura Documentos
http://naldzgraphics.net/tutorials/how-to-create-a-simple-face-text-portr...
Home Tutorials Photoshop Illustrator 3DS Max After Effects Cinema 4D Freebies Icons Brushes Wallpapers Textures Patterns Vectors Themes Fonts Inspirations Logo Graphics Web Design Business Cards Photography Resources Archives Naldz Graphics
Tweet
162
Like
1 of 22
3/18/2012 7:18 AM
http://naldzgraphics.net/tutorials/how-to-create-a-simple-face-text-portr...
40
As I was thinking of making more advance tutorials, maybe its time to make a quick simple tutorials where beginners can easily figure how it was done. Here is a simple tutorial for beginners. In this tutorial youll gonna learn how to create a Simple Text Portrait in Photoshop. You will learn how to make a text follow into a path with the use of Pen Tool (P) in more artistic way. Heres a quick look on the final result
First we need to get a Stock photo to start. This girl is good for our tutorial. You can download it HERE. After you download it. Put it in Photoshop and Name it to GUIDE
2 of 22
3/18/2012 7:18 AM
http://naldzgraphics.net/tutorials/how-to-create-a-simple-face-text-portr...
Once you download, Remove the background using Polygonal Lasso Tool (L).
3 of 22
3/18/2012 7:18 AM
http://naldzgraphics.net/tutorials/how-to-create-a-simple-face-text-portr...
Lets adjust the image Brightness and Contrast. Copy the settings below
. Now lets posterize it a bit. Go to Image>Adjustments>Posterize. Then set the Level to 5. One its done set the image Opacity to 40 so we can easily see the path later on once we use Pen Tool (P).
4 of 22
3/18/2012 7:18 AM
http://naldzgraphics.net/tutorials/how-to-create-a-simple-face-text-portr...
Choose Pen Tool (P). Start creating a path from left to right. See image below.
5 of 22
3/18/2012 7:18 AM
http://naldzgraphics.net/tutorials/how-to-create-a-simple-face-text-portr...
Now Lets add an anchor point on the center of the path. Right Click on the Pen Tool (P) in the toolbar then choose Add Anchor Point Tool. Add an anchor point on the center then hold Left Click on your Mouse then drag it Upward.
6 of 22
3/18/2012 7:18 AM
http://naldzgraphics.net/tutorials/how-to-create-a-simple-face-text-portr...
This time choose Horizontal Type Tool (T) then click on the left side of the path. Its the first point when we start creating our path. After you click the first point of our path It must look like this
7 of 22
3/18/2012 7:18 AM
http://naldzgraphics.net/tutorials/how-to-create-a-simple-face-text-portr...
8 of 22
3/18/2012 7:18 AM
http://naldzgraphics.net/tutorials/how-to-create-a-simple-face-text-portr...
Lets adjust the size of the fonts so it will occupied the darker part of our image since we are using the darker part of the image as our guide to create our portrait.
9 of 22
3/18/2012 7:18 AM
http://naldzgraphics.net/tutorials/how-to-create-a-simple-face-text-portr...
To work on the eye, Choose Ellipse Tool (U) and start creating a circle inside the eye. Once your done adjust the circle using Direct Selection Tool (A). Now we have just made a path on the eye.
10 of 22
3/18/2012 7:18 AM
http://naldzgraphics.net/tutorials/how-to-create-a-simple-face-text-portr...
Choose Horizontal Type Tool (T) again. Click on the upper right of the path and start typing a text. It will look like this.
11 of 22
3/18/2012 7:18 AM
http://naldzgraphics.net/tutorials/how-to-create-a-simple-face-text-portr...
Now you learn how to create a path using Pen Tool repeat the same process on the nose,mouth and hair. Again make sure to use the darker part on the image as the guide on making the path:) Once your finish, close the GUIDE Layer. On the Background layer use #d3cb9f color. Use Paint Bucket Tool (G) to apply the color. And were finish:) Again Congrats!!!
12 of 22
3/18/2012 7:18 AM
http://naldzgraphics.net/tutorials/how-to-create-a-simple-face-text-portr...
Also Adding color gives better effect.You can play what ever color you want on your portrait. Here I just use a simple color using only more on red.
13 of 22
3/18/2012 7:18 AM
http://naldzgraphics.net/tutorials/how-to-create-a-simple-face-text-portr...
I hope this tutorial help you. If you like this post, please Subscribe to my RSS feed for more updates. Heres How to Subscribe.It makes me happy too:) Also if you like you can bookmark this and share it with the others:)thanks for the visit and for your support.
Ads
Related Posts
1.
2.
14 of 22
3/18/2012 7:18 AM
http://naldzgraphics.net/tutorials/how-to-create-a-simple-face-text-portr...
3.
4.
5.
6.
Author: Ronald Bien A Graphic Designer from Philippines and the founder of Naldz Graphics. He launched Naldz Graphics to help the Design Community in providing quality design resources and tutorials. { 28 comments read them below or add one }
1 Gabriel very good tutorial.thank you for the photoshop tutorial. Reply
2 Dainis Graveris Hey, naldz! This one is great yet simple tool to do something like this! great Reply Thanks for idea, just never thought about using this
15 of 22
3/18/2012 7:18 AM
http://naldzgraphics.net/tutorials/how-to-create-a-simple-face-text-portr...
3 Andrew Houle This came out great, keep up the good work! Andrew Houles last blog post..Contest, Guest Posts + Site News Reply
4 John Campbell Really good job, keep up the great work! - John http://www.designbump.com John Campbells last blog post..68 Unique Wordpress Themes Reply
5 moih60 good joband good finish ..i have add it to my collection http://photoshopmagazine.blogspot.com/ Reply
8 Advocate
16 of 22
3/18/2012 7:18 AM
http://naldzgraphics.net/tutorials/how-to-create-a-simple-face-text-portr...
seems its very good prog.. but who can say hoiw i can dowload it cangive me link .. Reply
14 SandyWatson This is great sites, full of good info surely bookmak this
17 of 22
3/18/2012 7:18 AM
http://naldzgraphics.net/tutorials/how-to-create-a-simple-face-text-portr...
Reply
15 Josh Very helpful post. I was looking for a tutorial for this. Its so simple, but you can do some amazing things with it. http://www.creativewhirlwind.com Reply
18 Matt Cool text portrait. Ill have to try this one out. Reply
19 Me its a damn cool .. let me post your article to my blog.. i like your tuts.. thanks.. Reply
20 teuingsaha anjriiiit !!
18 of 22
3/18/2012 7:18 AM
http://naldzgraphics.net/tutorials/how-to-create-a-simple-face-text-portr...
23 keri this is fab but how do I make the text go from small to large so smoothly? Reply
24 PRINCE cool tutorial man dam good plz send me more crative photoshop tutorials links and plz send me the free link of all photoshop brushes.(i will most required destruction brushes) so plz anyone send a link to my emal shiv181987@gamil.com thanks Reply
25 Sergio thanks! a LOT LOT LOT LOT LOT LOT LOT LOT Reply
19 of 22
3/18/2012 7:18 AM
http://naldzgraphics.net/tutorials/how-to-create-a-simple-face-text-portr...
26 Rui Barreiros Thanks for the tutorial! One question though: shouldnt this type of work be done in a vectorial program such as Corel Draw? I wanted to make a poster out of this but im afraid that working in photoshop will make my image pixelized.. Reply
28 paslanmaz woah! awesome tutorial Reply Leave a Comment Name * E-mail * Website
Previous post: My Monthly Favorites: August 2008 Next post: Naldz Graphics is Back!!! Subscribers 21122 RSS Email
20 of 22
3/18/2012 7:18 AM
http://naldzgraphics.net/tutorials/how-to-create-a-simple-face-text-portr...
434
Recommend on Google
Most Popular
50+ Most Amazing Adobe After Effects Tutorials You Need to Learn
Smashing Network
This site is a member of Smashing Network Copyright (c) 2012 Naldz Graphics. All rights reserved. Designed by Ronald Bien & Coded by Naeem Nur..
21 of 22
3/18/2012 7:18 AM
http://naldzgraphics.net/tutorials/how-to-create-a-simple-face-text-portr...
22 of 22
3/18/2012 7:18 AM