Convert Your PNG to SVG Images Using Adobe Illustrator CC
HTML-код
- Опубликовано: 21 авг 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: ruclips.net/video/PA6bOQeld8E/видео.html
I’ve been on RUclips 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!
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. 😜
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.
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.
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.
*I'm always happy to point you in the right direction regarding questions about Adobe Captivate. If you need more than a simple question answered, you can purchase a one-hour one-on-one session with me at **bit.ly/Cp1on1**. If you only use some of that time, that's okay. You can bank any unused time (15-minute increments) for future sessions. For example, if you use 30 minutes, you can use 30 minutes later.*
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.
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).
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.
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!
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.
Thanks for this Paul! Just what I needed
My pleasure!
Thanks Paul, you're a king! This is so valuable info! Much apprecaited!
You're welcome and thanks for watching!
Great explanation! Really straight to the point tutorial and most of all: it works!
you're welcome and thanks for watching.
You are a godsend for this tutorial.
Thanks for watching. Don't forget to subscribe.
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.
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.
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.
Very slick. Saved me gobs of time in having to re-create an SVG image for the client. Thank You!!!
You're welcome.
Great tutorial!! you make adobe feel user friendly
You're welcome blaine gordon, 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!
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.
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!
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 so much, I have been trying to do this for 2hrs. Finally found you!
You're welcome BS SAKET, and thanks for watching.
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.
Great tutorial! Thank you so much 😀
You're welcome Kristine Jørgensen, and thanks for watching.
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.
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 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
Thank You !
You’re welcome
Brilliant. Thank you!
You're very welcome!
Thank you for this excellent tutorial! Very helpful.
You're most welcome.
super helpful. thanks man!
Glad it helped!
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.
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.
THANK YOU BRO. YOU REALLY HELPED ME.. I HAVE BEEN HAVING HARD
You're welcome, and thanks for watching.
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
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 agree with Mr Gordon Great Tutorial, Many Thanks
Thanks
it was really really helpful , thank u very much . keep up the work sir , you are an Angel
Glad it helped
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.
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.
Why is it that every time I follow these steps the image isn't traced properly?
It's probably the size.
Thank you very much! This will help my a lot!
You're welcome and thanks for watching
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.
Thank you! Worked flawlessly. :-D
You're welcome, Juliana Giraud, and thanks for watching.
Great and simple video!
You're welcome Kai, and thanks for watching.
Great video, thank you :)
You're welcome Ilanit Eliaz, and thanks for watching.
Very helpful! Thank you
You're welcome and thanks for watching.
thank you very much !
You are welcome!
Thank you Mr.Paul
You're welcome
Thank you So Much, Great Tutorial.
You're welcome and thanks for watching.
"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.
Great video! Thank you.
You're welcome.
Thank you so much paul
You're welcome, and thanks for watching.
Mr. Wilson, thank you! 🙌
You're welcome, and thanks for watching.
VERY USEFUL Thank you !
You're welcome and thanks for watching.
Right on point. Thank you
You're welcome.
Thank you!😀😀😀
You're welcome K4 Impressum, and thanks for watching.
Thank you for this DIAMOND!!
You are most welcome.
very helpful boss
You're welcome.
thank you 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, MY BROTHER!!!
Thanks
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.
Amazing, thank you!
You’re welcome and thanks for watching.
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
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.
thank you so much sir, it worked
You're welcome
Thank you so much!!
You're welcome
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.
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.
Cheers man!
You're welcome, and thanks for watching.
perfect thank you very much
You're welcome!
Thank you so much 🤩🤩🤩
You're welcome, and thanks for watching.
Thank you!
You're welcome Miller Ferreira, 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.
thankyou sir you are an angel
You're welcome and thanks for watching. If you have a newer version of Illustrator check out the link to an updated version of this tutorial.
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.
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.
Thanks a lot!
You're welcome, and thanks for watching.
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.
yes
You're welcome.
of ti...cheers!
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.
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.
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.
good job
thanks
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.
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.
Hello! I really think this tutorial could be the answer to my problem, but as i started following the same steps you did, my "image trace" is grayed out. I cant do anything with it like you're able to in the video. Any tips?
I'm not sure what it could be.
@@CaptivateTeacher Great answer.
@@CaptivateTeacher having the same problem. this tutorial may be depreciated
@@bangeroooart6639 Watch this video for newer versions of Adobe Illustrator: ruclips.net/video/PA6bOQeld8E/видео.html
thank you so much
You're welcome, and thanks for watching.