Convert Your PNG to SVG Images Using Adobe Illustrator CC
ฝัง
- เผยแพร่เมื่อ 26 ส.ค. 2024
- **Watch the newer version of this video here: • Convert Your Images To... **
Here's a procedure for converting your high-quality PNG files to SVG images using Adobe Illustrator. The advantage of SVGs is that they are relatively small in file size but they are also vector graphics. What that means is that SVGs look great at any size and they are completely compatible with Adobe Captivate.
Community posts: / @captivateteacher
Like this video? Share it and subscribe for more Captivate tutorials!
Get personalized Captivate help: captivateteach...
Premium All-in-One members get exclusive content:
▪️ Accessibility in new Captivate: • How to Make Your Adobe...
▪️ Custom carousels with narration: • Custom Content Carouse...
▪️ Free Quick Start projects: • Captivate Update 12.3 ...
▪️ See all premium content: • Member only videos
▪️ Community posts including member downloads: / @captivateteacher
Free Captivate resources:
▪️ Custom Click to Reveal with Audio • All-New Adobe Captivat...
▪️ Image editing improvements in Captivate 12.3: • Adobe Captivate 12.3: ...
▪️ All Captivate 12 tutorials: • All-new Adobe Captivat...
Support the channel:
▪️ Review my eLearning: www.reviewmyel...
▪️ Snagit / Camtasia: techsmith.pxf....
▪️ Wellsaid Labs: www.wellsaidla...
▪️ Murf Studio: get.murf.ai/jh...
▪️ Tubebuddy: www.Tubebuddy....
#AdobeCaptivate #eLearning #CaptivateTutorial #HowToCaptivate
#AdobeCaptivate #eLearning #InstructionalDesign #CaptivateTutorial #HowToCaptivate
Here is an updated version of this video: th-cam.com/video/PA6bOQeld8E/w-d-xo.html
Thank you so much Paul, this tutorial saved my job. I will put your children in my Will.
Glad it helped. Just send me the money. 😜
I’ve been on TH-cam for over 10 years now, and I must say - this is the greatest video I have ever seen. Has made my life significantly easier as an aspiring NFT developer.
I'm glad you liked it. Thanks for watching!
Honestly this is. the BEST tutorial for SVG I have ever seen. I can't believe how much fluffing around I have been doing all this time. THANK YOU THANK. YOU THANK YOU!
You're welcome and thanks for watching
Very few tutorials on youtube are a gem and this is one of them. Thank you.
You're welcome and thanks for watching
Thank you for this! I use SVG files for 3D printing and have had trouble converting JPEGs or PNGs to SVG until now (except for using those wonky online converters). Kudos to you!
I'm glad you enjoyed this video and found value in it.
Thanks for the to-the-point tutorial, as a developer with bare minimum design skills your tutorial helped me to get an SVG made from my PNG logo in less than a minute. Thank you!.
You’re welcome and thanks for watching.
You are a genius!!!! I have watched so many videos trying to convert to svg and by far this has been the simplest one. Great job. Keep the tutorials coming.
You're welcome, and thanks for watching.
Right On!! Thanks for not having a 30 second Hip-Hop intro!! I got my pencil out and took notes. Trying to create 3D artwork using a few different methods and was having a hell of a time figuring out how to use Illustrator's trace function. Maybe now I can get busy here. Thanks!!
You're welcome and thanks for watching.
Super helpful. No AI background required and great for anyone bombarded with low quality PNGs
By no means am I an Adobe Illustrator expert. As an freelance eLearning person I keep it installed on my system because I will get files from clients that I can only open inside of Illustrator. Knowing one or two workflows in Illustrator is handy when this happens. My experience with Photoshop started the same way. I learned how to do one or two things and then those things became four or five, and so on. Now I consider myself adept at using Photoshop.
AMAZING TUTORIAL, SAVED MY LIFE
I'm glad it helped you out.
Thanks so much! This was exactly what I needed! Bless you!
You're so welcome!
This is exactly what I needed. I love how you were easy to follow and to the point. Subscribed!
You're welcome Renata Outlaw, and thanks for watching. Make sure you press the 👍 icon. Also, if you want to be notified when I come out with new videos, make sure you SUBSCRIBE and press the 🔔 icon.
I have been losing my mind trying to export svgs, and thank you so much for this tutorial. You are amazing
Happy to help!
@@CaptivateTeacher plz THE VERSION OF YOUR ILLUSTRATOR
@@pipoyoussef9494 I don't recall what it was at the time of the video but presently it's 25.4.1 (2021 edition).
Thanks Paul, you're a king! This is so valuable info! Much apprecaited!
You're welcome and thanks for watching!
Thanks for this Paul! Just what I needed
My pleasure!
You are a godsend for this tutorial.
Thanks for watching. Don't forget to subscribe.
Very slick. Saved me gobs of time in having to re-create an SVG image for the client. Thank You!!!
You're welcome.
Thanks for the video Paul. Informative and right to the point! Much appreciated.
You're welcome Jeremy Cook, and thanks for watching. Make sure you press the 👍 icon. Also, if you want to be notified when I come out with new videos, make sure you SUBSCRIBE and press the 🔔 icon.
Great explanation! Really straight to the point tutorial and most of all: it works!
you're welcome and thanks for watching.
THANK YOU SO MUCH! I have been hours trying to save an svg file. I have successfully completed that!
You're welcome Brittney, and thanks for watching.
awesome!! Just for me it got 95% correct, some spots it missed for some reason
EDIT:
fixed it by using low fidelity mode, if you have this issue try different presets
Glad it helped!
Great tutorial!! you make adobe feel user friendly
You're welcome blaine gordon, and thanks for watching.
Awesome tutorial! Thanks.
You're welcome Doutor Logo, and thanks for watching. Make sure you press the 👍 icon. Also, if you want to be notified when I come out with new videos, make sure you SUBSCRIBE and press the 🔔 icon.
Thank You !
You’re welcome
Thank you so much, I have been trying to do this for 2hrs. Finally found you!
You're welcome BS SAKET, and thanks for watching.
If you're using this to create pixel art... as in 16x16 sized Super Mario Bros. svg from sprite sheets, you first want to enlarge each image to 100,000% and align them to the grid (set grid cells to 1pixel in Preferences). Now you'll get a proper trace...
start with converting to raster under Object > Rasterize.
Then open an Image Trace window...
set the Preset to Custom, View to Tracing Result, Mode to Color, Palette to Limited, Colors to 30, Advanced Paths too 100%, Corners to 100%, Noise to 100%, select the first Method, Options - Snap Curves to Lines and then Trace.
Thanks for the information you shared.
Thank you so much! The instructions were easy to follow.
Glad it helped!
Superb video. Thanks for the clear and helpful tutorial.
You're welcome, and thanks for watching.
holy shit thank you so much! i'd been struggling with my older version of element but this one is perfect Thank you so much! I swear non of the other tutorials worked but this one did! ily
You're welcome and thanks for watching
Wow my image turned out super cool and thank you very much it was simple and easy to follow through. Cheers subbed!
You're welcome, and thanks for watching. If you haven't already, please subscribe to my channel. goo.gl/iuA6Lm
Click the bell icon to receive notifications when I post a new video.
Great tutorial! Thank you so much 😀
You're welcome Kristine Jørgensen, and thanks for watching.
Thank you- worked perfectly.
You're welcome Lorraine Lilley, and thanks for watching. Make sure you press the 👍 icon. Also, if you want to be notified when I come out with new videos, make sure you SUBSCRIBE and press the 🔔 icon.
Holy moly! This was so helpful! I've been struggling to get an Etsy file to be simple enough so I could use it for a craft project on the Cricut machine and this is exactly what I needed! Our dabbing Taco Tee Shirt crew Thanks you!
You're so welcome!
Thank you very much, helped me solve the confusion of svg
You’re welcome and thanks for watching
I am trying this with a png file, but when I do the first trace command the image goes to all white and it looks like a blank sheet of paper. The image is just a name with a special font and I am doing this on a Mac.
For this to work there needs to be sufficient contrast between the foreground and background. I also recommend that your original image needs to be very high resolution to get the desired result.
I can't believe how much you helped me in 5 minutes : )
+Doreen Klein You're welcome, and thanks for watching. If you haven't already, please subscribe to my channel. goo.gl/iuA6Lm
Click the bell icon to receive notifications when I post a new video.
Thank you for this excellent tutorial! Very helpful.
You're most welcome.
super helpful. thanks man!
Glad it helped!
Brilliant. Thank you!
You're very welcome!
THANK YOU BRO. YOU REALLY HELPED ME.. I HAVE BEEN HAVING HARD
You're welcome, and thanks for watching.
it was really really helpful , thank u very much . keep up the work sir , you are an Angel
Glad it helped
I agree with Mr Gordon Great Tutorial, Many Thanks
Thanks
Hey Paul, thanks for the great video. Any idea how I could stop the SVG image to develop thin white lines along the paths? I had some highlighted areas which now have light lines around them. Should I just try and use images that are less complicated in terms of their coloring?
I would load it up in illustrator and edit those out if you want to get rid of them. Not a big Illustrator guy but you can hide and show layers and manipulate items as well.
It worked! Thanks Paul.
You’re welcome and thanks for watching. Please subscribe if you haven’t already. If you turn on notifications you’ll be alerted when I post other videos in the future.
wait. . . .
I do not have access to TRACE
my image is just black writing is all I want
no color
I am STUCK
All options in TRACE are not accessible all is gray
I cannot even select COLOR
I am STUCK
Sorry I can't help you with that. My images have always been multiple colours and layers.
The same issue happened here. Go to the tab "Layers" and make sure the image is selected before trace it.
@@GabrielSoares-zj5ok Said with my BIG Beautiful Italian Accent
Hey you. . Face...Wasssamatter you Face ehh...?
It'sa me. .. *GINO*
Heyyyy Grazie mille
I'll give it s shot!
Convert png to svg Using png to svg converter website and then image will not be blurry if after effects or illustrator
thank you very much !
You are welcome!
Wonderful 👍 Thanks so much.. just when you thought you knew it all!
You're welcome, and thanks for watching. If you haven't already, please subscribe to my channel. goo.gl/iuA6Lm
Click the bell icon to receive notifications when I post a new video.
Thanks - this was a great help, easy tutorial!
You're welcome.
You're welcome.
reeeeeally helpful video thank you thank you so much 😊
You're welcome, and thanks for watching.
Thank you very much! This will help my a lot!
You're welcome and thanks for watching
Why is it that every time I follow these steps the image isn't traced properly?
It's probably the size.
Hi Paul, this video helped a lot! just a quick question, when I traced it, a piece of my logo disappeared does that mean that part is too small?
perhaps or perhaps you don't have enough colors selected
Hi Paul, thanks for the great tutorial. I am having trouble, though, with too much white space on top and bottom of my converted logo. The .png file started out as a banner shaped image (a rectangle shape). But when I go through the steps, open the .svg file on IE10, then save it as a .png to check how it looks, it has the banner image but with a bunch of white space above and below (more of a square). Where did I miss something? Thank you!
Maybe crop it before you convert it. It might help. By the way, don't use IE10. Upgrade to 11 or get another more modern browser.
"Colors" number seems to matter, when dealing with gradients. And sadly, 30 is sometimes too low. Wanted to convert a few icons with gradient backgrounds and tracing ruined them
Ideally you would have the original vector graphics file. This solution is a workaround when you don't have a vector image.
Thank you! Worked flawlessly. :-D
You're welcome, Juliana Giraud, and thanks for watching.
Great video, thank you :)
You're welcome Ilanit Eliaz, and thanks for watching.
Super helpful thank you!
You’re welcome and thanks for watching. Please subscribe if you haven’t already. If you turn on notifications you’ll be alerted when I post other videos in the future.
Very helpful! Thank you
You're welcome and thanks for watching.
Thank you So Much, Great Tutorial.
You're welcome and thanks for watching.
Great and simple video!
You're welcome Kai, and thanks for watching.
Good video...sadly it doesn’t SVG export properly on Mac with all the latest versions...big bugs
Hopefully Adobe gets that fixed soon.
Great video! Thank you.
You're welcome.
Thank you so much paul
You're welcome, and thanks for watching.
Will it always export as an AI SVG? If you convert to SVG and send to someone who doesn't have AI, will they be able to use it? I have AI installed on my machine Win 11 if that matters.
I use SVG in Adobe Captivate, you could open it in just about any application that can load SVGs.
Thanks for quick reply.
@@GINZO4849 You're welcome, and thanks for watching.
Thank you Mr.Paul
You're welcome
Thank you for the lesson. But I didn't quite understand how to properly save it in SVG. I just need to click "Save As" and select SVG 1.1, right? And any other person, having opened my SVG file, will be able to use it for its intended purpose, using all the capabilities of the file?
I would probably save it as an AI file in case I wish to do further work on it but "export" it as SVG (as I do in the video) when I need just an SVG file.
As I look at my image I noticed all the letters have blue shadow so I have 2 colors { black letters) that have a blue shadow.
and I still do not have access to TRACE or any options, am I missing something?
Thanks for your speedy reply
I’m really not sure. I haven’t experienced this issue myself.
VERY USEFUL Thank you !
You're welcome and thanks for watching.
Thank you!😀😀😀
You're welcome K4 Impressum, and thanks for watching.
Right on point. Thank you
You're welcome.
I’ve watched a dozen videos on how to trace in AI for use in Cricut Design Space but the SVG comes out with missing lines and multiple layers.
It's not an exact science, that's for sure.
Hi, Paul! I can't find Export Selection on my Illustrator File menu. I'm on CC 2015, any workaround?
Thanks!
Make sure your have your layers selected
Paul , please I did what you mention I did the window-> Image trace --> Trace, the I went to Object --> Image trace --> expand,, and I only get 1 layer please could you tell me what is wrong ? Never mind I saw that you click on a bottom to expand the listing
Hopefully you got it to work.
I have followed the same steps, but after image tracing I am getting white lines where anchor points were there. After exporting in to SVG also I am still getting white lines.
Could you please help me on that?
I'm not sure why that is. I've not experienced this myself.
very helpful boss
You're welcome.
Mr. Wilson, thank you! 🙌
You're welcome, and thanks for watching.
thank you so much sir, it worked
You're welcome
when i converting the png to svg by pressing image trace in windows and expand in objects...not able to see the white text in file ..it just vanish out...what should i do..please support...
Much depends on the resolution of the original image, the number of colors, and how much contrast there is between the text and the background. Try increasing the number of colors but frankly not all images can be converted in this way.
Thnks
You're welcome agnel daniel, and thanks for watching. Make sure you press the 👍 icon. Also, if you want to be notified when I come out with new videos, make sure you SUBSCRIBE and press the 🔔 icon.
Thank you for this DIAMOND!!
You are most welcome.
thank you Paul 😊
You're welcome and thanks for watching.
Hi Paul, the selection box is exported in the svg as part of my logo image, so there is a white background around the logo within the selection box
Could you make the background transparent before conversion?
+Seyi Otunla deselect the background in your layers and export selection.
Is there any other way to do this ? But thanks for this video sir !
Probably, but it's the way I do it.
Thank you so much!!
You're welcome
Thank you so much!
You're welcome, and thanks for watching. If you haven't already, please subscribe to my channel. goo.gl/iuA6Lm
Click the bell icon to receive notifications when I post a new video.
perfect thank you very much
You're welcome!
Amazing, thank you!
You’re welcome and thanks for watching.
Great tutorial!! Only issue I had was when I attempted to open the SVG in my silhouette studio software it opened on the screen in pieces like shards of glass. Any idea of how to fix that or what I may have done wrong?...TIA
Not sure. I've never run into this situation myself.
I had the same problem. I fixed it by opening the SVG file again in illustrator. Then I ungrouped everything... then saved it again as a new SVG file... Now it works perfectly in Silhouette studio 😃
@@kreativistine Thanks for helping Erica, Kristine.
Thank you!
You're welcome Miller Ferreira, and thanks for watching.
Hi! I have a question! I am trying to make a gift for someone who owns a business. I am trying to copy their logo off of their website and turn it into an editable svg so that I can have my GlowForge engrave the text into wood and then cut the curved shaped gram out. As well as the flowers burins it because I am going to try and outline the flowers in or see to cut an outline of the flowers and greenery out (of wood ) and then layer her logo. To make her logo come to life. Where would I go in order to figure out how?!?
This solution works really well if you are starting with a large enough resolution image. See if you can get as high a resulution image as possible before you attempt.
I think my image is too complex. I cannot get it to trace without isolating the shadows. Any suggestions? It's a png of Disney's Encanto Character Mirabel. I wanted to make my mom a cup for Three Kings day. Thank you!
I would imagine that the drawing of a cartoon character of this type would include too many colours and shadow elements for this technique to be effective. My suggestion would be to merely purchase an officially licensed cup for your Mum from the Disney store.
i can't do anything on image trace. whats should i do?
Some images are just not suitable.
Thank you so much 🤩🤩🤩
You're welcome, and thanks for watching.
THANK YOU, MY BROTHER!!!
Thanks
This is amazing
You're welcome, and thanks for watching. If you haven't already, please subscribe to my channel and click the bell icon to receive notifications when I post a new video: goo.gl/iuA6Lm
My font gets distorted when i trace is there a fix ?
Larger images seem to work better for me. Try using a higher resolution image to start.
Thanks a lot!
You're welcome, and thanks for watching.
when i save as svg my text change places, someone know why ?
Not sure.
thank you so much
You're welcome, and thanks for watching.