home > Graphic Design Articles > Graphics Software > Adobe Photoshop > Photoshop’s Pen Tool for Tracing Vectors (Vector Graphics in Adobe Photoshop)

Photoshop’s Pen Tool for Tracing Vectors (Vector Graphics in Adobe Photoshop)

by Kay Zetkin

This article is a Adobe Photoshop tutorial for using the Pen Tool for Tracing Images to create Vector graphics. Vector graphics are useful because you can stretch them without losing resolutions...so by learning to use the Photoshop Pen Tool to Trace images, you will gain a powerful advantage by implementing the power of vector graphics.

Graphic Designers from our Community

Photoshop offers lots of drawing, illustrating and imaging tools for a web designer to take advantage of. In this tutorial, we will be given an opportunity to learn how to use the Pen Tool for tracing images in your computer and apply them to create a vector graphics effect by tracing.

Everyone of us knows that CorelDraw is the software program for creating vector graphics. However, with the Photoshop’s Pen Tool, you can create paths over an image and create an equally passable vector graphics that’s lifelike. Pen Tool can do it for you by creating a power-packed modern tracing effect.

Preparing to start? First of all, choose an image you would like to trace vectors in. Any image you like would be applicable. You can even grab it from either Google or a stock image CD. But, as a beginner, it’s best to pick something that has a face in it or an animal’s head. With this kind of image, the experiment won’t get too complicated for you comprehend. Scale down large images that you have chosen to more workable proportions.

The second step is to choose your palette. Move your picture into the center of the canvas and zoom in about 200% - 300%. After adjusting your zoom view, pick out the darkest color in your image. With the use of the Eyedropper tool select the darkest color for your palette.

Then, make a new layer on the image, use the Pen Tool to trace carefully around the outside of the image’s shape. Don’t limit yourself in using lines or mouse clicks to trace the shape. In the end, the number of lines you used would enhance variations to the finished work.

Now for the fourth step, once you’ve had your outline, select the Paths tab, right click the Work Path and select Make Selection. When you have designated a Selection for your shape, fill it with the color you picked out for your palette.

When you have completely colored the main shape, apply the procedures from step 4 to all the main shapes in your image. If you have an image with a face or head, it is best to start with the eyes and proceed to work outwards – from eyes to nose, to mouth, ears and so on until you have completely traced the whole image.

Once you have finished tracing , you should eventually come up with a graphics that somewhat akin to vectors. You can also experiment a little with your traced vector – like placing a background behind it. You’re creative spirits would find this easy and satisfying enough.

For comments and inquiries about the article visit http://www.uprinting.com

Kay Zetkin is the author name of Lala C. Ballatan. She discovered the pleasure of writing through her daily journals as a teen-ager. Writing in it helped sort out her thoughts, relieve her feelings and record what she observes of the world.

For her, writing is an effective tool to express your viewpoints... To write is already to choose, thus, writing should be done along with a critical mind and a caring soul. She hopes to become more professional, skilled and mature in her craft. Aside from writing Kay likes to spend her time reading.

Recent Articles from All Graphic Design Blog

6 Oct 2008 at 1:21pm
Web Based Image Editors - Online Photoshop Alternatives for Image Editing
With Adobe recently launching their online version of Adobe Photoshop - Adobe Photoshop Express - you might be wondering if there are other quality image editors online. You don't have to wonder anymore. We have put together a list of more than 30 web-based picture editors that are great alternatives to Photoshop Express. I am not saying that any of these online image editing tools are better than Photoshop Express, but they are all quality tools that can be used to create great image effects.

---

30 Sep 2008 at 2:54pm
Freelance Graphic Design Jobs and Web Design Jobs - We?re Rolling in Them
We have set up a script to take the freelance design jobs from dozens of freelance sites, graphic design forums, web design forums, job boards, and graphic design job sites. This script is set to automatically update this job board several times a day so you can be assured that you are looking at regularly updated freelance graphic design and web design projects on this aggregator.

---

25 Sep 2008 at 8:41pm
Fonts FAQ - Answers To Your Questions About Fonts
I get questions about fonts all the time and I wanted to write a post that would help many of you. Today I am answering many questions about fonts that will help you in your daily graphic design tasks.

---

20 Sep 2008 at 2:41pm
Productivity Tools for Efficient Graphic Designers to Automate Design Process
You will find that a lot of these tools can automate your graphic design process by actually doing the tedious repetitive tasks that slow you down. There are a ton of tools listed here, so make sure to bookmark this page.

---

11 Sep 2008 at 10:45am
Logo Design Process of Inspirational Graphic Designer Jon Sandruck
Logo Design Process of Inspirational Graphic Designer Jon Sandruck Do you want to learn about the logo design process from a logo designer who is going to have two of his logos to be included in the inspirational Logo Lounge 5? Then please welcome the very talented Jon Sandruck. Today Jon Sandruck is going to detail [...]

---

8 Sep 2008 at 12:15pm
Most Unique / Silly Shopping Bags Ever Designed - Inspirational Graphic Design
I have collected more than a dozen of the coolest shopping bags that I have ever seen. The creativity that was put into designing these bags could be put towards any graphic design project, and is not only limited to shopping bag design. These graphic designers thought outside the box (or bag in this situation) and I would love to have you submit some designs that you think showcase the same creative thinking (designing).

---

2 Sep 2008 at 9:23pm
Collection of Free Photoshop Pattern Sites - Start Downloading Those Patterns
If you are a Photoshop guru, then you are probably always on the lookout for new free Photoshop stuff. Well, we try to do that legwork for you. On this page you will find a nice roundup of free Photoshop pattern sites. Click through to these sites and download some of those free patterns. Have fun.

---

1 Sep 2008 at 11:05am
Huge Roundup of Typography Blogs, Resources, Articles, Galleries, & Tools
A collection of Typography blogs & resources, Typography articles, Typography showcases, and Typography tools and then categorized them for you in this article.

---

30 Aug 2008 at 8:48pm
A Roundup of the Best Photoshop Logo Design Tutorials Online
I have collected the top Photoshop Logo Design tutorials online and listed them for you below. There are also plenty of Web 2.0 Logo Design tutorials as well.

---

28 Aug 2008 at 11:37am
Best Cool, Clever & Unique Billboards and Outdoor Advertising Part II
This part II of a never-ending series of the coolest outside ads, billboards, and public advertising.

---

All Graphic Design Resources is a Directory Full of Tools for Graphic Designers

All Graphic Design Portal is a Graphic Design education directory with resources & articles for Graphic Designers & Web Designers including a Design forum, blog, graphics software tips, graphic design jobs, advice for new designers about design schools and education as well as tips for freelance graphic design business owners, and much more.