Viewers: in countries Watching now:
Discover how to trace artwork in Adobe Illustrator and convert raster graphics into vector form. This course shows how to perform auto tracing with the Image Trace panel as well as create artwork from scratch using the Shape Builder and the Pen tool. Author Justin Seeley shares several real-world tracing scenarios, which will help you learn how to assess artwork, determine its traceability, and then convert it into vector form in a variety of different ways.
When it comes to tracing text, you have two basic options here inside of Adobe Illustrator, the first of which is to try and trace the text by hand, because chances are, when you're using the Image Trace feature, you're not going to get a decent result on the text itself. So, tracing text by hand is probably one of the best ways to recreate text, especially text that has been custom built, like the text you see here. You can also choose to identify the font that is being used in the artwork that you're tracing, and then reset the text yourself. I'm going to cover that in a separate movie. For this movie, I'm only going to be focusing on tracing text by hand.
So, let's zoom in on this text here, and let's take a look at exactly what we're working with. Now, lucky for me, this sketch is actually really well done to the point where I can actually see guidelines and things like that that I can set up in order to make it easier for me to trace the text. So, the first thing I do is I turn on my rulers with Command+R or Ctrl+R, and then I just start to drag out guides that match the top and sides of the text areas, so wherever the text starts and wherever it stops, just like this. And then you can drag out individual guides for each character if you want to as well, and that's going to help you along the way. There we go.
Just drag that out; helps me with my spacing, helps me with my alignment, and all that good stuff. So let's drag another one right here; something kind of like that. Alright. So, now that I've got that all set up, I'm ready to start tracing my first character. So, in order to do that, I'm going to grab my Pen tool. I'm going to make sure that my fill color is set to none, I'm going to make sure that my stroke color is set to black, and then I'm going to give it a one point stroke, and then I'm going to zoom in, and once I zoom in, I'm just going to start somewhere right here, at the intersect point, most likely, and another thing that would be good is if you locked your guides right now.
So, just go to View, go down to Guides, choose Lock Guides; that way those are not in any way in your way. So, here we go; we're going to go right here, and just click, hold down the Shift key to draw straight lines, and then I'm just going to click, and go around here. And as I'm going around, I'm just making sure that I'm holding down my Shift key, and I'm just careful to go all the way around the shape. There we go. Now, when I'm doing the diagonal pieces, like this area here, and this area here, I am not holding down the Shift key. I will go across, and once I get back up to the top, I'll just hold down the Shift key to go back up, and then over, and once I see that little circle, that means I'm about to close the path, and so there we go.
Now, what I'm going to do is temporarily turn off the Text layer underneath, and I can take a look at the character that I just drew. So, it looks okay. It doesn't look as good as the font could, or should, and in most cases, what I'll need to do is make some refinements to this, because after all, this is kind of snapping to the pixel grid, and some things are misaligned, so I might actually have to turn the snapping off, and rearrange it a little bit, but all in all, not too bad, and if you're not real concerned with what the text looks like, then it's not that big of a deal, but if you're recreating a logo, or something like that, then you would need to spend an ample of time on this.
Now, for other pieces of text, like for instance, over here, let's say we've got the O, we can just use shapes for this. So, I can drag out something that comes out to right here, and then we've already got our baseline there, so I'll just grab my Ellipse tool, and I'll just drag out a Circle; something kind of like this. There we go. And then I'm just going to Command+C or Ctrl+C that, and then Command+F or Ctrl+F to paste it in front, and then I'll just shrink it down until it fits, just like so.
So, there's the O, so I can recreate that with just regular shapes, and then I could turn that into an O by actually using the Shape Builder tool. Now, if you just got something that has no diagonals, like this E right here, that's easily recreated with nothing but rectangles, so we can just come right here, and create a big rectangle, just like that. Come here, create another rectangle that goes out like that, and then I can just copy this rectangle, Command+C or Ctrl+C, Command+F or Ctrl+F to paste it in front, and then we'll just send it down until it meets the bottom, like that. And then we can do another one, Command+C or Ctrl+C, Command+F or Ctrl+F, and we'll move it back up to the middle, because that should be the same height, but then we just shrink it back, like so.
So there's my E, and so you can go through, and you can do this over and over again. The same thing for the O right here. Watch this; the O, I'll take this O, Command+C or Ctrl+C, Command+F or Ctrl+F, and let's move it over. See how it lines up really nice with that? And now watch this; all I have to do here is take the Eraser tool, and just follow those guidelines to turn it into a C, so pretty easy to do that, right? All in all, it's not that difficult to trace text by hand. There are areas that might give you some trouble, like the curved areas around the end, and maybe the E, and things like that, but otherwise, it's not that difficult to re-create this, and if you don't know the font, and you can't figure out the font, this is a great way to sort of get around that, and still create a live vector object that loosk really nice and clean.
So, the next time you have a project that you bring in that you actually have to have the text, but you just can't figure it out, or the font doesn't match, or whatever, try tracing the font yourself, and see what you can come up with. If you take your time, you should be able to get pretty darn close, and it's a whole lot better than just letting the Image Trace feature take over, because that creates a big old mess.
There are currently no FAQs about Tracing Artwork with Illustrator.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.