Open the image in Adobe Illustrator CS6. Again, we’re aiming to achieve the greatest contrast we can. We’re going to Trace and Expand it by going to Object > Image Trace > Make and Expand. If we’re lucky (and also depending on your pen, photo, paper, and lighting), we’ll get a good trace and be good to move onto the next step. Any version of Illustrator will work for this guide. Click the arrow and a drop down menu will show. Let’s get into it. Then, click on "Tracing Options". With the Type tool selected in the Tools panel, click to add new placeholder text to the document. What we need to do is find and delete the ones that correspond to the whitespace within letters (like the centre of an ‘O’) as well as the one that corresponds to the white background. Let’s remove them. Go to Window > Pathfinder, select your outlines, and select Unite. To upload an image, drag and drop it onto the Illustrator workspace or use the File > Open menu. Click the Preview checkbox in the bottom-left corner so you can see how the adjustments you make affect the output. When you vectorize your designs, you are making them scalable which means that they can be scaled up to any size without losing resolution. We’ll be using this to refine how the handwriting gets traced. Often this process is very much trial and error. Try not to include any shadows in the photo. Go to Object > Image Trace > Expand. Generally, Adobe Illustrator saves the file in AI format. I'll zoom out a bit and turn them into cool stuff like that. … To convert text to outlines, go Select > Select All. Now I'll show you how to vectorize text in Illustrator. 2Choose also five colors you would like to use for this tutorial. Illustrator has a similar function in order to vectorize the stroke. There are many ways to create vector graphics through illustrator, one way is to start with the type tool. If you like how it looks, skip the rest of this step and move on to the next one. 5.4 How to Vectorize an Image in Illustrator. In many cases, this will give you the result you want, but sometimes you need one more step. We're gonna take regular old images like this guy. 0:10 I'm going to use my Tombow Dual Brush Pen to write some letters. Menus move around between different editions, but the principles are still the same. Copyright 2021 We Start With Good. Want to learn how to vectorize an image in Adobe Illustrator? Browse the existing preset options and select one to vectorize the image. There are many reasons why you may way to digitize handwritten text—but the reason is not important here. In those situations, there are a few things that can be done: Expanding the image created a few objects that we need to get rid of if we want to easily change the text colour and/or place only the text on a background. There are many reasons for this, but it often ends up being the type of pen or the type of paper. This can be a little tedious, but I’ve found that often the within-letter whitespace paths appear at the top of the layer list, while the background whitespace path appears at the bottom. Learn more... Vector graphics more often than not are used for drawing and creating since they can be stretched and re-sized. Step 6. Start a new project in Adobe Illustrator. First, undo the initial trace attempt (Edit > Undo). Then go to Window > Image Trace. Learn how to convert any … By signing up you are agreeing to receive emails according to our privacy policy. We know ads can be annoying, but they’re what allow us to make all of wikiHow available for free. Step 2: Choose the Selection Tool in Illustrator (shortcut = “V”) and select the entered text. Here is some help on how to convert PNG to vector Illustrator. And I saved them both with the background layer hidden and the background layer deleted (as.eps files). I need a graphic designeer familiarized with football fonts, logos, sponsors etcc and expert in vectorize logos 1:1 copy. 2Choose also five colors you would like to use for this tutorial. What is a vector? If you're referring to Illustrator's trace function then the closest thing in Photoshop is to convert a Selection to a Path. If you love lettering - whether it's on paper or an iPad, you're probably familiar with how powerful your lettering becomes when it's vectorized. This is an excellent format for saving a master copy of your digital vector art. Depending on the size and resolution of your photo, it may take over the entire artboard (plus some), so just resize it if need be. Send this photo over to your computer. Thanks to all authors for creating a page that has been read 189,439 times. Step 1: Select the font you wish to use. Adobe Illustrator will automatically vectorize your image with the ‘Image Trace’ tool. Moreover, it has every setting which any designer required. Use smoother paper and a pen with more even flow of ink, Edit the traced path afterwards to smooth out any rough areas. Or, you can target the paths by clicking on them directly within the expanded image, then deleting them. In this week's video, I'm sharing my favorite, most reliable Illustrator trace settings when it comes to vectorizing lettering! 1. This image we're going to create kind of a vector poster effect. If you want to follow the colors used, here are also the details on the color settings. This article has been viewed 189,439 times. It’s going to be jam-packed (over 35k words!) Now, as you can see, the line beneath the text has gone. In the very right upper corner your document will most likely open up in the essentials mode. wikiHow is where trusted research and expert knowledge come together. Now, the best way to learn what the settings do is to play with each of them. Step 2: Open the Window menu and select Image Trace.You have a number of options to configure depending on what you’re trying to do. You’ll see a Group inside Layer 1 that contains a whole bunch of paths. The more contrast you have between the text and the paper, the better. However, if I am working on writing that needs to be digitized in a more polished manner (perhaps for a logo), I’d like it to be more perfect. Hi, there. wikiHow is a “wiki,” similar to Wikipedia, which means that many of our articles are co-written by multiple authors. Take a photo of your handwriting, in good lighting. In fact, the flaws in the trace match up with the flaws in my writing, and I like this. Once you’re done perfecting, we need to go in and expand the photo. Write at a legible size. I’ve always been able to achieve what I needed with a simple photo snapped with my iPhone. This placeholder text is called point type. This vector tutorial gives you the best method out there – the pen tool. All tip submissions are carefully reviewed before being published. Now you can use your text however you’d like (perhaps on top of a masked photo, learn how to do that too!). How to Vectorize an Image in Illustrator Open the image in Illustrator and make sure it's selected. A vector graphic contains instructions on where to place the various components. Include your email address to get a message when this question is answered. Same with this. Plus, whenever we publish other handy tutorials, we’ll be sure to let you know. No spam, we promise. As you know that Adobe Illustrator is Vector basis software. This tutorial will show you how to make it happen in Illustrator, which means you’ll also end up with a vector of your text (win). The SOSFactory Method: using a layered PSD file, more time consuming but you get perfect results, with the advantage that you get all colors ordered in groups, making any further edition really fast. Once you have the photo, go ahead and crop it so it only includes the text you want digitized. Yay! Task Tutorial helps you out in this Illustrator tutorial by showing you how to take a crappy jpeg image (a … Took an image, made it kind of like a three-color screen-print style. Pick the image trace type that’s the closest to the image that you want to vectorize. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/fe\/Create-Vectors-in-Adobe-Illustrator-Step-1-Version-3.jpg\/v4-460px-Create-Vectors-in-Adobe-Illustrator-Step-1-Version-3.jpg","bigUrl":"\/images\/thumb\/f\/fe\/Create-Vectors-in-Adobe-Illustrator-Step-1-Version-3.jpg\/aid1805883-v4-728px-Create-Vectors-in-Adobe-Illustrator-Step-1-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/52\/Create-Vectors-in-Adobe-Illustrator-Step-2-Version-3.jpg\/v4-460px-Create-Vectors-in-Adobe-Illustrator-Step-2-Version-3.jpg","bigUrl":"\/images\/thumb\/5\/52\/Create-Vectors-in-Adobe-Illustrator-Step-2-Version-3.jpg\/aid1805883-v4-728px-Create-Vectors-in-Adobe-Illustrator-Step-2-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/5b\/Create-Vectors-in-Adobe-Illustrator-Step-3-Version-3.jpg\/v4-460px-Create-Vectors-in-Adobe-Illustrator-Step-3-Version-3.jpg","bigUrl":"\/images\/thumb\/5\/5b\/Create-Vectors-in-Adobe-Illustrator-Step-3-Version-3.jpg\/aid1805883-v4-728px-Create-Vectors-in-Adobe-Illustrator-Step-3-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f3\/Create-Vectors-in-Adobe-Illustrator-Step-4-Version-3.jpg\/v4-460px-Create-Vectors-in-Adobe-Illustrator-Step-4-Version-3.jpg","bigUrl":"\/images\/thumb\/f\/f3\/Create-Vectors-in-Adobe-Illustrator-Step-4-Version-3.jpg\/aid1805883-v4-728px-Create-Vectors-in-Adobe-Illustrator-Step-4-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/91\/Create-Vectors-in-Adobe-Illustrator-Step-5-Version-3.jpg\/v4-460px-Create-Vectors-in-Adobe-Illustrator-Step-5-Version-3.jpg","bigUrl":"\/images\/thumb\/9\/91\/Create-Vectors-in-Adobe-Illustrator-Step-5-Version-3.jpg\/aid1805883-v4-728px-Create-Vectors-in-Adobe-Illustrator-Step-5-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/85\/Create-Vectors-in-Adobe-Illustrator-Step-6-Version-3.jpg\/v4-460px-Create-Vectors-in-Adobe-Illustrator-Step-6-Version-3.jpg","bigUrl":"\/images\/thumb\/8\/85\/Create-Vectors-in-Adobe-Illustrator-Step-6-Version-3.jpg\/aid1805883-v4-728px-Create-Vectors-in-Adobe-Illustrator-Step-6-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/89\/Create-Vectors-in-Adobe-Illustrator-Step-7-Version-3.jpg\/v4-460px-Create-Vectors-in-Adobe-Illustrator-Step-7-Version-3.jpg","bigUrl":"\/images\/thumb\/8\/89\/Create-Vectors-in-Adobe-Illustrator-Step-7-Version-3.jpg\/aid1805883-v4-728px-Create-Vectors-in-Adobe-Illustrator-Step-7-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/18\/Create-Vectors-in-Adobe-Illustrator-Step-8-Version-3.jpg\/v4-460px-Create-Vectors-in-Adobe-Illustrator-Step-8-Version-3.jpg","bigUrl":"\/images\/thumb\/1\/18\/Create-Vectors-in-Adobe-Illustrator-Step-8-Version-3.jpg\/aid1805883-v4-728px-Create-Vectors-in-Adobe-Illustrator-Step-8-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c0\/Create-Vectors-in-Adobe-Illustrator-Step-9-Version-3.jpg\/v4-460px-Create-Vectors-in-Adobe-Illustrator-Step-9-Version-3.jpg","bigUrl":"\/images\/thumb\/c\/c0\/Create-Vectors-in-Adobe-Illustrator-Step-9-Version-3.jpg\/aid1805883-v4-728px-Create-Vectors-in-Adobe-Illustrator-Step-9-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

License: Fair Use<\/a> (screenshot)
\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/50\/Create-Vectors-in-Adobe-Illustrator-Step-10-Version-3.jpg\/v4-460px-Create-Vectors-in-Adobe-Illustrator-Step-10-Version-3.jpg","bigUrl":"\/images\/thumb\/5\/50\/Create-Vectors-in-Adobe-Illustrator-Step-10-Version-3.jpg\/aid1805883-v4-728px-Create-Vectors-in-Adobe-Illustrator-Step-10-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"