Actually? My 17 years of photoshop and illustrator knowledge has been blown out of the water, this is nuts. Complete game changer and thank you for not putting it behind a paywall, that's amazing!
I agree. Illustrator is my money maker. Photoshop is just a needed tool. I'm always bitching to Adobe to combine Illustrator and Photoshop into one program to do exactly this.
@@Navigator777777 the problem is PS is produces rasterized graphics while AI produces vector graphics. They are separate tool for a reason and has always been better this way
Illustrator's Image Trace results have never been satisfying to me, even when giving Illustrator an easy logo to trace it stills adds some weird curves where there should be straight lines. This was a much needed tutorial, and I am so glad I finally found something that legitimately keeps the details you want. Thank you very much!!
Wow, the only person on the internet that shows every single step, and doesn't assume that people know where the various windows are or even why things are called certain names too. THANKS!!!
Thanks! I hope I can make more such no-nonsense tutorials, but I do warn you that I'm not always that efficient in my videos! Also, some people have complained on this very video that I took too long giving context in the first 3 minutes. One man's garbage is another man's gold!
¡¡¡¡This is gold !!!! This technique is a step above the technique you taught in your courses at Skillshare. It's very kind of you to release it for everyone. God bless you Mr. Tom!
Fairly new to AI & PS and recently been working a lot with vectors. I've been frustrated by the loss in quality by using image trace so this video has been an absolute godsend. Thanks so much for offering such a valuable tip for free!
I am incredibly grateful for this tutorial, the last few months I have worked on my works with photoshop and fresco, which allows me to have my lines vectorized and with a very good resolution, however I have older art that is great and I want to use it for merchandise and I have been looking for a long time for something that would help me vectorize without having to do them from the beginning again, the image tracing of course did not help me at all, since I lost a lot of details and it was frustrating since my works in general contain many details, this has been the tutorial that definitely gave me a solution, I have tried it and it was simply incredible and the details are still there, I am very grateful! 🦄
This is also going to be a huge time saver (and a quality booster) for my motion design! I spend so much time prepping elements for animation in illustrator. Thanks so much!
Instant sub.. bro this is nuts! I never though of using this method. Image trace is unreliable and I end up reworking it all by hand. This is has so many use cases, much appreciated!
Great video! Having worked in Photoshop and Illustrator for 30 years, I have preferred Photoshop's "simple afterthought" path tools to Illustrator's dedicated ones. This tutorial is further evidence.
Stunning. Agree with the rest something I would never have figured out. Thank you & I just stumbled on it looking to find a shortcut metrhod to make multiple arc's which I didn't find ;)
Love this! Been wkg both PS and Ai over 17yrs and I never knew this! Ha! I stick to illustrator mainly but am so excited to switch to this method! Thank you!
This technique is about 20 years old. Nice to see someone going through the old magazines and making tutorials about some of those "Oldies but Goodies". FYI: I think Deke McClelland was the first to do this. His Mad Scientist experiments were always great and still are.
@@eartho you‘re right. Time sure does fly. Because I remember it was in the handbook too.. remember the days when we read the handbooks?! It was the only way to learn the software, and maybe an article in How or Macworld magazine.
@@yeknommonkey Is that right??? This was actually in a Photoshop instruction manual? It's interesting because it says something about how Adobe thought people were using the software in those days.
@@eartho That actually makes sense. LiveTrace came in the 2010s, and I remember using clipping paths Photoshop 4 or something around that version. I didn't know it was that easy to convert selections to paths in the 90s though. My earliest experience using PS was on a monochrome Mac with maybe the original PS on it.
@@TomFroese yeah, Selection to Paths has been around since some of the earliest versions of Ps. I remember using it frequently in my prepress days iin the early to mid 90s.
@@eartho @eartho We never stop learning and it is good that Tom has taken the effort to remind and tell people who have never seen this technique that this is an option.
I knew it was possible cause I saw someone getting a vector so clean from an ink drawing they scanned like 20 min before and it wasn't on that awful trace look but I never figured that out. Thank you so so so much
I was literally looking for a solution like this a few days ago. Trace image was not working. Ended up cleaning the image pixel by pixel. Thank you so much!!
@@TomFroese That it was available at all is a godsend! Google results being as they are, all it provided were alternative ways to toggle trace image options. That wasn't the last time I'll be in that position and now I have an easy solution. Plus- pixel by pixel editing was a great exercise in attention to detail XD
Selecting the path and adding a solid color layer creates a masked shape. Do this for each color layer. Save as psd and open in illustrator, retaining layers. You will have all your colors saved in separate layers in illustrator.
This is a great technique, I would say that I've seen it before but your explanation is easier to follow. However, as a screen printer myself, I couldn't see why your print shop would ask for a vector even though your Image is 600 dpi and bigger than the final print. As far as I know, that is more than enough to print your shirt, furthermore, the printing process is already lossy, so giving them a lower fidelity artwork sound counterintuitive. Vector artwork is mandatory for stationary print, but the mesh on the screen is also finer than on meshes for garment. In the end, you're saying that the 600dpi (possibly more since you said your artwork is larger than the final print) is not enough for your print shop, that uses a process that is inheritable lossy (we are talking about max 200tpi - threads per inch) and is physically impossible to produce a higher fidelity final print. I think they might prefer a vector, but they're perfectly capable of dealing with 600dpi bitmaps.
Thank you! Two points here: first, I agree, vectors are totally unnecessary. I work with letterpress and silkscreen often and prefer to send colour separations as bitmap files. But I have found there’s no convincing some suppliers about this, and they will refuse to accept anything but vector. Second, the 600dpi in my file is more about having enough resolution for the smallest details in my artwork to come through in the vector, less about retaining fidelity in the final print. But it would be interesting to compare output of 300dpi and 600dpi versions with this process.
Great Video Very informative Thank you. Question Now what if i used a layer style in photoshop thats tweaked it alot, Has a lot going on. I havnt found a way to convert it to a vector while keeping those properties in tact. Any Suggestions?
You can actually do the exclude paths operation directly in PS. If you create a fill layer using the path in PS you should be able to see the result there. I’ve heard good things about Krita if you’re looking for a free vector based graphics app.
1. The drawing started digitally, so can’t scan. 2. A single colour high res scan or psd file should be enough, but Clients ask for vectors even when they’re not needed.
Thank You! After 40 years your technique will save me massive amounts of hours linking people to your video… DIY - greatest Tutorial !!! Only i missed was the file start resolution in photoshop?
Thank you, please do share away! Resolution is in there. This file was around 14x16 “ at 600, if I remember correctly. That’s because of how small the lettering and texture details were.
I ask everyone who asks this question (it gets asked a lot), why? Why do you want to vectorize a full colour image? That would help me answer the question. So far nobody has answered me back!
I have a new video that shows how I vectorize artwork with multiple colours. Hope this helps! ua-cam.com/video/_vSuSWvPDEo/v-deo.htmlsi=UJ21ftKlpU9WncK8
Bravo! I would have never guessed that the PSD make maths would retain that level of fidelity. PSD file size (pixels) is critical for sure. But one must ask, "Why can't Illustrator autotrace do this?!"
*This is brilliant!* Thanx. Actually I was under the impression that the lesser the anchor points in any Illustrator file. This way the artwork is filled with thousands of anchor points. Can we apply the *Object* ... *Paths* ... *Simplify* to lessen the anchor points?
I was not expecting this level of such a well thought out tutorial when I clicked this video, I thought that this was going to be another quick hack with questionable quality, but this goes wayyy past my Expectations!!!
Could be your resolution, or could be that there are gradients and blurs which can never be translated to single colour vector art. Hint: try using halftones or dithering after doing the threshold part, to simulate a gradient.
@@TomFroese thank your for sharing this tip. I have both, Illustrator and Vector Magic. Using this technique I could get better results than both of them.
Can you please elaborate? Many have asked for this but nobody has given examples. Some colour work can be vectorized in this way, other is almost impossible! Thanks!
I finally did a video showing how to vectorize colour artwork - ua-cam.com/video/_vSuSWvPDEo/v-deo.htmlsi=UJ21ftKlpU9WncK8 -- I promise I made it as short as possible!
Thank you for watching! Take my full illustration classes on Skillshare - Get 30 Days Free when you Use My Links. www.tomfroese.com/teaching
Actually?
My 17 years of photoshop and illustrator knowledge has been blown out of the water, this is nuts.
Complete game changer and thank you for not putting it behind a paywall, that's amazing!
Just wow dude. How did you even begin to figure this out? Twenty plus years working with PS and AI and you just blew my mind.
I agree. Illustrator is my money maker. Photoshop is just a needed tool. I'm always bitching to Adobe to combine Illustrator and Photoshop into one program to do exactly this.
@@Navigator777777 the problem is PS is produces rasterized graphics while AI produces vector graphics. They are separate tool for a reason and has always been better this way
This is by far THE BEST process I have seen for converting detailed artwork to a vector AI file... thank you for sharing!!!
I'm glad you found it helpful!
Illustrator's Image Trace results have never been satisfying to me, even when giving Illustrator an easy logo to trace it stills adds some weird curves where there should be straight lines. This was a much needed tutorial, and I am so glad I finally found something that legitimately keeps the details you want. Thank you very much!!
Wow, the only person on the internet that shows every single step, and doesn't assume that people know where the various windows are or even why things are called certain names too.
THANKS!!!
Here for you!
subscribed within first 10 secs of videos, no bs, no stupid intro, straight to the point, simple valuable infos, love it.
Thanks! I hope I can make more such no-nonsense tutorials, but I do warn you that I'm not always that efficient in my videos!
Also, some people have complained on this very video that I took too long giving context in the first 3 minutes. One man's garbage is another man's gold!
¡¡¡¡This is gold !!!!
This technique is a step above the technique you taught in your courses at Skillshare. It's very kind of you to release it for everyone. God bless you Mr. Tom!
Thanks! This is different from my skillshare classes but uses similar techniques. The difference is that the goal is vector output in this video.
Fairly new to AI & PS and recently been working a lot with vectors. I've been frustrated by the loss in quality by using image trace so this video has been an absolute godsend. Thanks so much for offering such a valuable tip for free!
I am incredibly grateful for this tutorial, the last few months I have worked on my works with photoshop and fresco, which allows me to have my lines vectorized and with a very good resolution, however I have older art that is great and I want to use it for merchandise and I have been looking for a long time for something that would help me vectorize without having to do them from the beginning again, the image tracing of course did not help me at all, since I lost a lot of details and it was frustrating since my works in general contain many details, this has been the tutorial that definitely gave me a solution, I have tried it and it was simply incredible and the details are still there, I am very grateful! 🦄
hi, how do you make it on multiple color image? this method just turned my image black :(
I love this! It preserves hand drawn looks better than any other method. Thank you!
You are so welcome!
This is a fantastic approach! I’ve been struggling with this for years!!
This is also going to be a huge time saver (and a quality booster) for my motion design! I spend so much time prepping elements for animation in illustrator. Thanks so much!
Excellent!
You just expanded my brain sir! I knew all these tools but would never think to use them that way it's so genius, thank you so much!
Thank you! Glad it helped!
This is not a tutorial. This is full blown MASTERCLASS!
Instantly subscribed!!
Thank you! I'm glad you found it helpful!
It really helped. It shows the same result as the original image rather than image trace. Thank you so much. 감사합니다! :)
You're welcome 😊
Man you saved my life and my business! haha Thank you so so so much!!!
Woah! Happy to help!
Brilliant - I had never thought to use this approach. Thanks for your generosity!
You're very welcome!
Thank you very much, I always thought this trick existed but never knew the process, in then it’s very simple but so handy, love it !
Instant sub.. bro this is nuts! I never though of using this method. Image trace is unreliable and I end up reworking it all by hand. This is has so many use cases, much appreciated!
Thanks so much for the sub! Any other questions send em my way.
Great video! Having worked in Photoshop and Illustrator for 30 years, I have preferred Photoshop's "simple afterthought" path tools to Illustrator's dedicated ones. This tutorial is further evidence.
Glad it was helpful!
Stunning. Agree with the rest something I would never have figured out. Thank you & I just stumbled on it looking to find a shortcut metrhod to make multiple arc's which I didn't find ;)
Thanks! What do you mean “multiple arcs”?
Love this! Been wkg both PS and Ai over 17yrs and I never knew this! Ha! I stick to illustrator mainly but am so excited to switch to this method! Thank you!
This technique is about 20 years old. Nice to see someone going through the old magazines and making tutorials about some of those "Oldies but Goodies".
FYI: I think Deke McClelland was the first to do this. His Mad Scientist experiments were always great and still are.
more like 25 years old and Deke definitely wasn't the first.
@@earthoit was in the ye olde instruction manual that shipped with p shop
@@eartho you‘re right. Time sure does fly. Because I remember it was in the handbook too.. remember the days when we read the handbooks?! It was the only way to learn the software, and maybe an article in How or Macworld magazine.
@@yeknommonkey Is that right??? This was actually in a Photoshop instruction manual? It's interesting because it says something about how Adobe thought people were using the software in those days.
Well they did build that "selection to paths" function in there for some reason, right? They must have had this in mind.
That's pretty cool bro!, never knew that functionality! Especially the last littlebit "pathfinder - exclude"
Great video! Really informative and helpful. I’ve had to wrestle with image trace for years now but l I’ll have to try this next time.
Wow! I wish I knew this step a long time ago. Instant follow !
That took a Sherlock Holmes level of genius to solve a problem and make it simpler to use.
Thank you for sharing your excellent solution.
👍🏼
Elementary, my dear Watson! :)
it's a technique we've been using since the 90s...
@@eartho That actually makes sense. LiveTrace came in the 2010s, and I remember using clipping paths Photoshop 4 or something around that version. I didn't know it was that easy to convert selections to paths in the 90s though. My earliest experience using PS was on a monochrome Mac with maybe the original PS on it.
@@TomFroese yeah, Selection to Paths has been around since some of the earliest versions of Ps. I remember using it frequently in my prepress days iin the early to mid 90s.
@@eartho @eartho We never stop learning and it is good that Tom has taken the effort to remind and tell people who have never seen this technique that this is an option.
This is simply amazing! Thank you so much for sharing!
This is incredible, and well explained. Thanks!
You're very welcome!
Amazing! Where do you learn all this stuff! I love it, thankyou!
This is fantastic, both is content and presentation, thanks!
Glad you enjoyed it!
You, sir, are a gentleman and a scholar. May your future generations be blessed beyond earthly limits.
This is brilliant! Makes total sense on how you did it too. I could have used this 100 times. Now I can. Haha Thanks for sharing.
Happy to help! I wish I knew this years ago myself.
I knew it was possible cause I saw someone getting a vector so clean from an ink drawing they scanned like 20 min before and it wasn't on that awful trace look but I never figured that out. Thank you so so so much
Good workflow! Never had to use threshold before, but will deffo use it now
Amazing how tools we all know can do a lot more then we are aware of
Lo mejor que pude haber aprendido este año
I've seen far more complex videos demonstrating how to do this. Well done simplifying this process. Less steps is better :)
That makes me happy! If you ever have the time, I'd love to see some of those more complex videos, just out of curiosity. Thank you!
Very cool, thank you for sharing!
Wow, an amazing alternative to Potrace! Thank you! 🙏🏻
That's a nice approach 👌🏻 Thanks.
That is awesome. Thanks for this tutorial!
Glad it was helpful!
This is BRILLIANT!! Thank you!
You’re welcome!
I was literally looking for a solution like this a few days ago. Trace image was not working. Ended up cleaning the image pixel by pixel. Thank you so much!!
Glad I could help! Wish it could have come sooner for you though!
@@TomFroese That it was available at all is a godsend! Google results being as they are, all it provided were alternative ways to toggle trace image options. That wasn't the last time I'll be in that position and now I have an easy solution. Plus- pixel by pixel editing was a great exercise in attention to detail XD
Brilliant technique. Now we just have to figure out how to get this working for multi-color w/o having to get too deep into the weeds of seps...
The holy grail
Selecting the path and adding a solid color layer creates a masked shape. Do this for each color layer. Save as psd and open in illustrator, retaining layers. You will have all your colors saved in separate layers in illustrator.
This is close to how I show it in this video: ua-cam.com/video/niTkAMTOtG8/v-deo.html
Thanks - I show a more detailed process for separating colours here.
ua-cam.com/video/_vSuSWvPDEo/v-deo.htmlsi=UJ21ftKlpU9WncK8
holy wow. this opens up so many possibilities. tysm
Fantastic method!!! I'll try it in a while!
This is super helpful! Thanks for sharing!
This is a great technique, I would say that I've seen it before but your explanation is easier to follow. However, as a screen printer myself, I couldn't see why your print shop would ask for a vector even though your Image is 600 dpi and bigger than the final print. As far as I know, that is more than enough to print your shirt, furthermore, the printing process is already lossy, so giving them a lower fidelity artwork sound counterintuitive. Vector artwork is mandatory for stationary print, but the mesh on the screen is also finer than on meshes for garment. In the end, you're saying that the 600dpi (possibly more since you said your artwork is larger than the final print) is not enough for your print shop, that uses a process that is inheritable lossy (we are talking about max 200tpi - threads per inch) and is physically impossible to produce a higher fidelity final print. I think they might prefer a vector, but they're perfectly capable of dealing with 600dpi bitmaps.
Thank you! Two points here: first, I agree, vectors are totally unnecessary. I work with letterpress and silkscreen often and prefer to send colour separations as bitmap files. But I have found there’s no convincing some suppliers about this, and they will refuse to accept anything but vector. Second, the 600dpi in my file is more about having enough resolution for the smallest details in my artwork to come through in the vector, less about retaining fidelity in the final print. But it would be interesting to compare output of 300dpi and 600dpi versions with this process.
@@TomFroese The only reason for the supplier to refuse (that I can think of) - file size on vector files should be lighter in general.
Great Video Very informative Thank you. Question Now what if i used a layer style in photoshop thats tweaked it alot, Has a lot going on. I havnt found a way to convert it to a vector while keeping those properties in tact. Any Suggestions?
Any layer style or effect has to be reducible to just black and white. No gradients, and no semitransparencies.
great video like the actions. I don't have adobe Illustrator, could you tell me other programs that I could export to?
You can actually do the exclude paths operation directly in PS. If you create a fill layer using the path in PS you should be able to see the result there. I’ve heard good things about Krita if you’re looking for a free vector based graphics app.
I hate image trace with a passion, this tutorial is amazing!
Omg, thank you so much for sharing this invaluable information!
Thanks so much! This is really useful to know
This is really useful by why not just scan in the drawing at very high dpi then apply whatever colour to the scanned artwork?
1. The drawing started digitally, so can’t scan. 2. A single colour high res scan or psd file should be enough, but Clients ask for vectors even when they’re not needed.
@@TomFroese thanks, that's reassuring - appreciate the reply!
THank you so much you just saved me so much time!
Glad I could help!
Mr. Tom - You're amazing. Thank you.
Sincerely, Mike
Thank You! After 40 years your technique will save me massive amounts of hours linking people to your video…
DIY - greatest Tutorial !!! Only i missed was the file start resolution in photoshop?
Thank you, please do share away! Resolution is in there. This file was around 14x16 “ at 600, if I remember correctly. That’s because of how small the lettering and texture details were.
stunning flow, thank you so much
This is brilliant. Thank you!
Glad it helped!
Fantastic I've been searching for this for a long time. TY!!!! Does this also work with high-colored images or better for B&W?
I ask everyone who asks this question (it gets asked a lot), why? Why do you want to vectorize a full colour image? That would help me answer the question.
So far nobody has answered me back!
It's for single colour art only. But I'm happy to say I have a video that I hope helps - ua-cam.com/video/niTkAMTOtG8/v-deo.html
Here is a new video that might help you with your question! Let me know if it helps. ua-cam.com/video/_vSuSWvPDEo/v-deo.htmlsi=UJ21ftKlpU9WncK8
After the blur trick, would illustrator be able to vectorize it better?
I tried it. It still struggles to balance fine detail and clarity in my experience.
How well does this work with color images? Definitely need to give this a try regardless!
Thanks! See 0:34 for colour notes.
@@TomFroese somehow I totally missed that xD thanks!
One or two comments say the first 3 minutes were useless ;)
I have a new video that shows how I vectorize artwork with multiple colours. Hope this helps! ua-cam.com/video/_vSuSWvPDEo/v-deo.htmlsi=UJ21ftKlpU9WncK8
thanks so much for sharing this.. this method is superb 😎
INCREDIBLE! MORE PLEASE!
OK!
very helpful thank you!
Glad it was helpful!
Great tip! I always wondered why Adobe never updated the Trace Image function, it must be ancient by now...
Good question!
You are insane and I love you! This is amazing!
Haha, feeling the love!
Thank you for sharing the technique
Miracle. Thank you so much
You're most welcome
What a fantastic tutorial. Love it
Cool, good tip. Select to path for the win
That's the idea in a nutshell!
You are my new god! #Amazing trick! Thank you!!❤
Wow what a great tip! Thanks 🙏🏼
You're so welcome!
Bravo! I would have never guessed that the PSD make maths would retain that level of fidelity. PSD file size (pixels) is critical for sure. But one must ask, "Why can't Illustrator autotrace do this?!"
A very good question!
Great video. How do I separate colors as you suggested. Do I create a channel for each. Thanks
Great question! I'll make a video about this soon.
Thank you … this is how I recently vectorized colour art: ua-cam.com/video/niTkAMTOtG8/v-deo.html
This guy is just fall from sky to us 🖖
LITERAL LIFESAVER ILY I HOPE YOUR BIRTHDAY WISHES ALWAYS COME TRUE
Haha, glad to save a life! Spread the word :)
My jaw is on the floor. omg. this is genius.
Thank you for your help
Thank you SO much for this Tom!
Hope it helps!
OMG!! You're a genius! This is soooo much better than image trace ❤❤❤ Thanks for sharing!!
Thank you! It took me a long time to figure this out!
*This is brilliant!* Thanx. Actually I was under the impression that the lesser the anchor points in any Illustrator file. This way the artwork is filled with thousands of anchor points. Can we apply the *Object* ... *Paths* ... *Simplify* to lessen the anchor points?
Not a bad idea to experiment with this but it may be an unnecessary extra step.
Many steps, but could be useful one day. Thanks! :)
Feels like just a few steps to me after years of trying to figure this technique out 😂
I was not expecting this level of such a well thought out tutorial when I clicked this video, I thought that this was going to be another quick hack with questionable quality, but this goes wayyy past my Expectations!!!
Thank you! Happy to exceed your expectations. No click bait here.
Such a long laborious process for something that CorelDraw does in a few clicks. That said, still very helpful for PS users. Thank you!
I've never gotten good results with "create path from selection" in Photoshop. Maybe my resolutions were too low.
Could be your resolution, or could be that there are gradients and blurs which can never be translated to single colour vector art. Hint: try using halftones or dithering after doing the threshold part, to simulate a gradient.
I don't have illustrator. There are several very good vector AI tools on the web. I also love a program called Vector Magic.
Are they free? Or do you pay a sub? Curious how they might compare.
@@TomFroese thank your for sharing this tip. I have both, Illustrator and Vector Magic. Using this technique I could get better results than both of them.
Great tutorial. Thank you!
Thanks for watching!
Thank you
Can you do a video with color! Even if its super short
Can you please elaborate? Many have asked for this but nobody has given examples. Some colour work can be vectorized in this way, other is almost impossible! Thanks!
Done! - ua-cam.com/video/niTkAMTOtG8/v-deo.html
I finally did a video showing how to vectorize colour artwork - ua-cam.com/video/_vSuSWvPDEo/v-deo.htmlsi=UJ21ftKlpU9WncK8 -- I promise I made it as short as possible!
wow....life changing
Wow! This is huge! Thank you so much!
it has to be a black or white art only can we do with colors ?
One colour at a time. So each separation is treated as black and white only, regardless of what colours you end up using on the other side.
I finally got around to a video in response to your question: ua-cam.com/video/_vSuSWvPDEo/v-deo.htmlsi=UJ21ftKlpU9WncK8
Thanks
What tolerance setting do you recommend when creating path in photoshop ?? You neglected to mention that step
I’ve never had to make this decision. Where would that step be necessary?
Image vectorization sometimes requires an old-fashioned way, like video. Thank you.
This is so helpful, thank you!
Thanks!
Awesome tip
Glad you think so!