3 Ways to Convert Text to Vector Adobe Illustrator

Подписаться 18 тыс.

Просмотров 154 тыс.

50% 1

Convert Text to Vector using Adobe Illustrator. In this Adobe Illustrator tutorial, I'll discuss 3 ways to convert text to vector, including converting fonts to outlines, the best way to identify fonts, how to get high quality images of fonts you don't have so you can image trace them, and how to recreate text by hand with the pen tool.
First, I discuss converting text to outlines. This is primarily done because the printer, plotter, or CNC router requires it in order to create the artwork correctly.
Secondly, I discuss converting raster fonts to vector fonts. My first recommendation is to identify the font and find a free font if possible.
If that isn't possible or the font is really expensive (and you only need a word or two), then I suggest using myfonts.com to get high-resolution images to convert with an image trace.
If THAT doesn't work, it's time to redraw the text with your pen tool.
I'll show you how to do all of this. Here are some timestamps to help you bookmark and navigate through this video after you've watched the entire thing and need refreshers:
Definitions: beginning of video
Convert Text to Outlines: 0:49
Why Do I need to Convert Text to Outlines?: 0:58
Hotkey for Converting Text to Outlines: 1:57
Easily Tell if Text is Outlined or Not: 3:14
Convert Raster Text to Vector Text: 3:38
How to Identify a Font: 4:02
How to Get High-Resolution Image of a Font Which You Have Successfully Identified: 6:56
How to Vectorize a Font Using LiveTrace: 8:49
How to Vectorize a Font Using the Pen Tool: 9:49
This is an update to an older video of mine: • How to Vectorize Fonts...
Hire me: ➜ www.vectormaid.com
Share this Video: ➜ • Video
Intro Music: www.bensound.com
#texttovector #texttooutlines #vectorizetext

Хобби

Опубликовано:

4 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 129

@fanplicity 6 месяцев назад

Simply the most helpful video on the topic of turning text into a vector or to outline the text! AMAZING! Thank you!

@CaryHawkins 6 месяцев назад

Too kind, thanks!

@jondrive8801 11 месяцев назад

starts at 2 mins

@ofXsacredXflame 2 года назад

I fell into the first category. Such an easy fix! Thank you!

@CaryHawkins 2 года назад

Isn't that a blessing? I'll take easy fixes any day.

@IoanaHaitchi 3 года назад

Hi! Can you tell me the settings of your document before you start? Many thanks!

@Igoya972 4 года назад

Nice tut's! You have some "easy listetning" channel. Easy and fully informational! Aside from that I already know some of these things, I think that your videos can be real good starting (and even more), but really, really, real point to start and evoluate some technicniques in future, for some ppl!

@CaryHawkins 4 года назад

Thanks! For this one, I needed to redo an old video (one of my first) and improve on some confusion over terms while addressing those different meanings.

@ShelleyG 4 месяца назад

So helpful thank you!

@Kevti1127 6 месяцев назад

Phenomenal. Thank you!!!

@morne1317 4 года назад

Thank you so much!!!! happy days

@CaryHawkins 4 года назад

You are most welcome!

@markaj_ 4 года назад

After 2 years you made a follow up, nice

@CaryHawkins 4 года назад

Better late than never, right?

@picassie 3 года назад

This was fantastic! Thank you so much for the clear and concise walkthrough :) you have a new subscriber!

@CaryHawkins 3 года назад

Awesome, welcome to the channel!

@sojournroad6967 2 года назад

You're awesome. Thanks!

@CaryHawkins 2 года назад

Glad you liked it!

@BoredThatsWhy 4 месяца назад

Please can you make the pen tool tracing video in details like you did here? The pen tool is just killing me in ai and psd

@mittiwat Год назад

It would also be great if you also navigate the other way to make the outline through clicking on the menu TYPE, then click on CREATE OUTLINE. Because sometimes, remembering CTRL+SHIFT+O, sometimes can be more difficult to remember.

@CaryHawkins Год назад

Whatever works best for you. I like the shortcut because I use it a lot.

@blvoelk1040 Год назад

Hi, Could you possibly tell me how to create text into a single line rather then an outline. I need to make an SVG but I need the text to be single lined. I cannot figure out how to do that anywhere. Love all your videos, they have been so helpful!!!!

@CaryHawkins Год назад

I don't quite understand the question. A single line, meaning text that is all connected, welded together? If you mean that, check out my pathfinder and kerning tutorials.

@JohnCiber 3 года назад

Thanks!

@CaryHawkins 3 года назад

You're welcome!

@Arleneim 2 года назад

This was a great help and saved me a lot of time so thanks!

@CaryHawkins 2 года назад

Great, glad it was useful!

@habibnasr4377 Год назад

That was precise and to the point. Thanks

@julietpurnell4702 Год назад

Freaking thank you.

@myllinescarrasquilloescale2486 3 года назад

That was THE BEST explanation, EVERRRR! Thanks! You gave me hope. I'm gonna try again!

@CaryHawkins 3 года назад

Awesome, thanks!

@juanasa636 2 года назад

Sorry to be off topic but does anybody know a tool to get back into an instagram account..? I somehow lost my login password. I love any assistance you can offer me!

@russelrealeza7142 2 года назад

One word man, you just helped me by being efficient with the short-cut key. Thanks Cary!

@CaryHawkins 2 года назад

Sweet!

@bainez183 3 года назад

This Was A Very Good Tutorial, Thank You Very Much👌🏾💯

@CaryHawkins 3 года назад

Thanks!

@fernandollano6290 3 года назад

This was so useful. Thank you so much!!

@CaryHawkins 3 года назад

Awesome! Thanks for letting me know.

@sumydesigner5425 4 года назад

THANK YOU! Really useful and advanced Tricks

@CaryHawkins 4 года назад

Glad you liked it. Thanks for the feedback l

@AJ-wg1xv 7 месяцев назад

I know a third reason to convert text to outline. Our customer was asking for us to use "Helvetica Condensed Italic" for a silk screen but the standard font set on my computer does not include that so I downloaded one from a web site. When I looked at the text, everything looked great but when I printed, there were tiny dots all around it which would cause a reject as you can imagine. By converting to outlines, this problem disappeared. Thanks for your help in solving this problem.

@CaryHawkins 7 месяцев назад

I'm wondering if you could also try different exporting options to alleviate this issue. Glad this worked though.

@adrianvillalobos2944 Год назад

When a font is converted to outlines, an outline is added to it which makes the font thicker. It's barely noticeable on thick fonts because the outline is so thin, but particularly noticeable when converting really thin fonts. Is there a way of avoiding this? I am designing a logo and want to use a font that looks really good when thin, but when I convert it to outlines it looks slightly thicker and it just ruins its look. I need to convert to outlines because I want to export as SVG which looks really sharp on a website and can be resized without pixelation.

@CaryHawkins Год назад

This is usually not a big deal as most of the time, it's not noticeable. You lose some hinting information when you convert to outlines and that affects how these fonts are displayed slightly. Have you tried exporting to svg and seeing if it looks thicker there too? If nothing else, you could do path offset by a small amount so that when it thickens up it looks as intended.

@lovemadeinjapan 5 месяцев назад

Viewing in Chrome? That browser is incapable of dealing with 0-thickness outlines. Only Firefox and Safari will render these correctly.

@kristy.fountain 3 месяца назад

I have the same issue here! Which is really noticeable on thinner fonts. Glad you asked.

@peterdelfin8606 3 года назад

this is so helpful! thank you! you got yourself a new sub!

@CaryHawkins 3 года назад

Awesome!

@puresoulg 3 года назад

Thank You So Much for this Post!

@CaryHawkins 3 года назад

You're welcome! Thanks for the feedback!

@lovemadeinjapan 5 месяцев назад

I'm looking for a similar but seemingly impossible variation: I want to vectorize bitmap fonts by turning the shape into exact pixel-contours, like if it turns into perfect squares that get united into polygons. All vector tools seem to try to interpolate into fluent shapes.

@CaryHawkins 5 месяцев назад

I have another vector pixel art tutorial in there somewhere that might help. It has a pixel image of Megaman's face on it. See if that helps you. Vector tracing doesn't do well with sharp angles.

@sabriritonga8734 3 года назад

perfect tutorial, thanks brother, and really happy to subscribed your channel

@CaryHawkins 3 года назад

Thanks!

@kellylaurenblackvideo 3 года назад

Excellent description. Thank you!

@CaryHawkins 3 года назад

Thanks!

@RR3EURO 3 года назад

Great tutorial thank you!

@CaryHawkins 3 года назад

You're welcome, thanks!

@nnyv0040 2 года назад

Great tutorial! Thank you!

@CaryHawkins 2 года назад

Glad you liked it!

@mookymakesmusic 2 года назад

This was great and to the point love that

@KenesiyahMessenger 3 года назад

It's a Nice and Helpful Tutorial.

@CaryHawkins 3 года назад

Good, thanks for letting me know!

@nosnhojneb78 3 года назад

Thank you. I will be learning a lot from you.

@CaryHawkins 3 года назад

I hope so. I'll have to learn more so I can keep you interested!

@toriAllisonP 3 года назад

Ok. I have a logo with an image and font (The Anthalope) but I think I'm doing something wrong at some point in the process.. Why does my PNG logo keep pixelating after I save it?

@CaryHawkins 2 года назад

PNG logos are raster graphics made of pixels. They pixelate at certain sizes. Save as a vector instead.

@toriAllisonP 2 года назад

@@CaryHawkins thank you 🙏🏼

@kekbv 4 месяца назад

How do you do this but with an object? Thanks!

@CaryHawkins 4 месяца назад

With the pen tool generally. You can also try to do a live trace, but results vary.

@littlecarp2277 4 месяца назад

How can you export just the text without the background? I need to use the text as a Logo with no background

@CaryHawkins 4 месяца назад

Easy, delete any background elements you have and save as a pdf or png.

@benmikola3436 2 года назад

how to i edit text in a photo that i screenshotted from a website?

@CaryHawkins 2 года назад

That's just a bitmap. You'll have to recreate it to edit it or do some Photoshop work on it. Clone stamp or heal brush might be a good place to start.

@studentoflife3149 3 года назад

How do I save it though? I'm trying to add vector text to the image and it keeps pixelating it.

@CaryHawkins 3 года назад

Sounds like an issue with your settings. Check to see if View > GPU Preview is on. If so, try cpu preview instead. If your gpu isn't strong enough, the art may appear pixelated.

@studentoflife3149 3 года назад

@@CaryHawkins Thank you so much for answering Cary. I'm a writer and I'm trying to add vector text to jpeg images and when I save them to png or jpeg they don't look like on Illustrator. could it still be my settings or am I saving it wrong?

@CaryHawkins 3 года назад

Well, you are saving them as a raster filetype. If you want vector, you need to save as a vector filetype: ai, pdf, eps

@CaryHawkins 3 года назад

If you need a raster filetype, then just increase the resolution of the file if you can.

@studentoflife3149 3 года назад

@@CaryHawkins thank you 🙏🏻

@drazenp55 Год назад

Why when I do the outline of the letter and then I try to do the inside part of the letter, the outer part deletes, like when i try to minus the second part of letter it doesnt want to do it

@CaryHawkins Год назад

Sounds like any number of possible problems. I'd need more info to give you an answer. You can always try the tutorial again and see what's different about your setup.

@drazenp55 Год назад

@@CaryHawkins lets say i have a Word "cloud", and when Im on letter "O", first I do the outer part, and when I try to do the inner circle the lines i did on outer one disappear like i didnt do them, i cant do 2 things on one letter

@CaryHawkins Год назад

It sounds like you need to expand the object before doing the inside of it, or possibly release compound path. Try one of those and see if it changes for you.

@jamess7178 Год назад

I wish MyFont still had the 'Fit To Width' option available.

@CaryHawkins Год назад

I have switched my preference to Dafont's font identification forum. They typically respond faster and often find free versions. I still use MyFont, but they don't always respond in their forums these days.

@saiidmoussaif4076 3 года назад

hey ! is there a way to change words on a premade text vector .? is that possible ? can send me any links if so. thank you

@CaryHawkins 3 года назад

Only if the file has editable text, so not converted to outlines. Most won't.

@dviramontes2024 2 года назад

Great teaching

@hakanhildingsson2954 2 года назад

Great and a good help for me :)

@CaryHawkins 2 года назад

Awesome, glad you like it.

@fariatasnim8586 Год назад

Super helpful video😍😍😍

@Strakos0 3 года назад

Yes. I have found a professional. I am getting Ai as it is a must-have for my projects. Thank you.

@CaryHawkins 3 года назад

Thanks!

@serjio96 2 года назад

When I convert my text to outlines on AI, it gets slightly thicker. Do you know how to convert text to outlines without modifying the thickness of the text? Thank you for the video, it was really helpful !!

@CaryHawkins 2 года назад

Does it actually print thicker, or is it just a visual issue for you? I've never had my text actually get thicker before.

@adrianvillalobos2944 Год назад

Yes, this process actually creates an outline around the letters. It's much more noticeable on thin fonts because you can really tell the difference between before and after converting to outlines. I still haven't found a solution for this and it's very annoying.

@kristy.fountain 3 месяца назад

@@adrianvillalobos2944 : Yikes, this is a huge problem for me right now! It literally ruins the thin style of my font.

@Odonsuccess 3 года назад

The 2nd one is what most people search for I think..... For images also

@CaryHawkins 3 года назад

I noticed in my analytics that people had multiple meanings under the same searches, so I made this one to cover all possibilities.

@endimios 2 месяца назад

"Select the text" has a different meaning for most people using digital editing tools.

@vlenhoff 10 месяцев назад

CONTRL + shift + O

@fran1647 2 года назад

ctrl + shift + o

@CaryHawkins 2 года назад

That's just for converting text into outlines. Sometimes, you have to recreate the font by hand.

@z4eldiablo69 10 месяцев назад

capo

@mcroman-superfeat 3 года назад

Copy This::: That was THE BEST explanation, EVERRRR! Thanks! You gave me hope. /// McRoman ;)

@jradhouser 2 года назад

hit CTRL shift O

@CaryHawkins 2 года назад

To convert text to outlines, yes.

@samytaylor7145 Год назад

I wish it will be more clear on how to do if we know already the font. I watched the whole video and I have the impression that after you found the font for free and downloaded it (it is 3 years I have it already) you didn't explain how to transform it in a vector I think and you went directly to "If we don't find the font for free" or something like that.

@CaryHawkins Год назад

If you have the font and installed it, it will be typed in as vector, so no explanation needed.

@samytaylor7145 Год назад

@@CaryHawkins How do I type it in as a vector ?

@CaryHawkins Год назад

Use the text tool, click, and start typing.

@samytaylor7145 Год назад

@@CaryHawkins It didn't work and by watching other tutorials I finally found out that I had to click on "create an outline".

@CaryHawkins Год назад

Convert to outlines is different. The font is vector with or without being converted to outlines. Glad you found the answer. Ctrl + shift + O for a hot key.

@smartsavvyshoppers6826 3 года назад

1:58 crt + shift + o Thank me later

@CaryHawkins 3 года назад

Cheater!

@smartsavvyshoppers6826 3 года назад

@@CaryHawkins lol

@ryanvorce Год назад

Thank you for saving me the torture of a time-wasting preamble, the scourge of RU-vid tutorial videos!

@CaryHawkins Год назад

Oh, the drama!

@theChefnut 10 месяцев назад

Came to the video to learn how to convert text to vector and got a seminar on what are vectors? Why convert? Who is Vector. blah blah blah blah

@markandrew490 3 года назад

thanks so much... appreciate it.

@CaryHawkins 3 года назад

You are welcome. I appreciate the feedback.

@markandrew490 3 года назад

@@CaryHawkins really basic question... trying to vector fonts so that i can use them in pp cc. i'd like to vector my fonts then choose to fill with a certain color.. usually black or white... using an ultra thin helvetica... but not sure of the best way to do it... was able to follow your video... but not sure i was able to get the asset that i needed.

@CaryHawkins 3 года назад

I'm not sure what you need. Is pp PowerPoint? What's cc?

@markandrew490 3 года назад

Cary Hawkins sorry. Premiere pro creative cloud.

@CaryHawkins 3 года назад

If you vectorize the font, then just import the vector file like an ai or pdf, you should be able to place it in a Premiere Pro timeline, I think. My Premiere Pro knowledge is limited. I use it to make these videos and a few odds and ends.

@razin275 3 года назад

If i have a png image with text on it, after image tracing it, the text disappears. How to fix this?

@CaryHawkins 3 года назад

Threshold settings in live trace. It's either too high or too low probably. If you are doing something like a silhouette, all black, then the text is probably a lighter color and the threshold needs to be set higher to include it in the trace. Hope that helps.

@razin275 3 года назад

@@CaryHawkins Hey thanks for replying so quickly! I tried image tracing it with 16 colours and then expanding it, it's working great now!