Turn Your Procreate Designs Into A Vector (iPad only)

In this short tutorial, we are going to explain two different ways to vectorize Procreate designs.
My Skillshare class that shows how to turn designs with multiple colours into vectors (with this invitation link, new Skillshare users will get 14 days of free access (sorry, they changed that from 2 months to 14 days, but it's still enough time to watch the course)): skl.sh/2OxuDfX
Subtitles and Translations, Subtítulos y Traducciones Legendas e Traduções Untertitel und Übersetzungen by (Fiverr Affiliate Link):www.fiverr.com...

[@octonolite_0]

Finally found a video with same use-case as mine. The results look amazing. I'm going to give it a try. Thanks!

[@monktarot7133]

Soooo helpful! Im a graphic design student and always on the go so I use my iPad often too.

[@timeakiss9236]

Omg! This video helped me a lot! Thank you very much!🧡🧡🧡

[@christopherteague555]

At last. A straightforward explanation,

[@NekoBakaProductions]

I came across this tutorial and can I just say, YOU SAVED MY LIFE. THANK YOU

[@MaggiFuchs]

Glad you found it helpful. :)

[@miklosnemeth8566]

Hm, exactly this hassle made me pick Concepts, which ab ovo, immediately convert your strokes, lines, sprites, everrything into vector graphics on an unlimited size canvas with unlimited number of layers. You can export directly to SVG. The ipad version of Concepts is brutally excellent. I was on the point of going for Procreate, when I learned that it is pixel graphics, a bummer, honestly.

[@tinygardentomato]

Do you have an Instagram where I can see some stuff you've vectorized with Converter? I want to learn more about how to paint in vector (not sure if you know, but figured I'd ask).

[@josephjohnson8502]

Thank you I completely forgot about concepts.

[@marlenaconnelley4250]

Super helpful! Got off to a good start. I wanted to mock it onto a shirt but all the file types I save it under, won’t allow me to post it into online mock-ups. Do you have any suggestions?

[@MaggiFuchs]

Try to save it as a png at printing size.

[@SINNICmusic]

How do you invert the design on iPad to have a white vectorized design with transparent background for black products and save the design in all its glory? I feel like I'm going crazy

[@MaggiFuchs]

I would just recolor the vector outlines in white. :)

[@TheClassyZombie]

You just saved my life, thank you so much

[@lestarikhanty]

I can’t t thank you enough for this! 😭🥰

[@MaggiFuchs]

Happy I could help. But why the crying smiley? 😶

[@chrisartart]

Hallo! Dein Video ist sehr hilfreich. Aber wenn ich die Grafik in Affinity Designer geladen habe, wie speichere ich sie in einem Format ab, welches ich dann z.B. bei Printify hochladen kann? Und hast Du eine Empfehlung für T-Shirt Print Anbieter, wo das Design in beliebiger Größe gedruckt werden kann? Bei Printify ist immer nur ein kleiner Bereich vorgegeben. Vielen Dank!

[@MaggiFuchs]

Normalerweise brauchst du dann ein png mit transparentem Hintergrund. Ich bin mir nicht sicher, was du mit beliebiger Größe meinst… ein All-Over Druck ist normalerweise wegen der Druckmethode nicht möglich, es ist immer auf einen Druckbereich begrenzt.

[@ari_ame_shumi8534]

For your art in procreate does everything have to be in separate layers in order to vectorize the image such as color and parts take for instance in your piece there is the rope looping the skull and hat would those need to be on separate layers?

[@MaggiFuchs]

No, it just needs to be separated by color.

[@hannyhoney]

Maggi, I have learned from you now :)

[@robsproducts]

Is adobe capture not available on the ipad anymore?

[@dutenn]

Is there some trick?! Online converting.... Isn't converting to vector, just the same picture and it doesn't download it. Just shows me basically the same image I uploaded. And yes, it's the (/vertorize) page. I get, uploading... Converting... Download option. Click download and shows image in new tab? Regular jpg

[@MaggiFuchs]

Hm… do you have a program on your iPad that can open a vector file? 🤔

[@ZephyrBW]

What about adding color to the converting to make it into a vector?

[@milipachecodesign2028]

I tried to do it on my computer using this online convertiung site and it just doesn't work for me. When I download the image it's still an image with anything vectorize =(

[@MaggiFuchs]

Hi Mili! In which program do you open it after vectorizing?

[@milipachecodesign2028]

@@MaggiFuchs Illustrator

[@MaggiFuchs]

@@milipachecodesign2028 In that case, why dont u use Illustrators Image Trace feature? It’s excellent, but unfortunately not available on the iPad, so I had to find a workaround :)

[@nishikiayaka1974]

I've designed and changed my file to vector. Somehow I can't share the vector file using gmail. Do you have any idea on how to share these vector files thru gmail or maybe other apps where it doesn't ruin the quality of the designs?

[@MaggiFuchs]

Maybe uploading it on Google Drive or Dropbox and share the link? :)

[@halfdeadsillygfx9841]

Why is this not working?? Wtf

[@OscarHernandez-ri9xb]

I did all the steps and when I open it on affinity designer 2 it doesn't show no anchor points it looks like it's still a pixel image too

[@MaggiFuchs]

Which program did you use to trace it into a vector? Adobe or the online version? Can you still open it in the Photos app?

[@OscarHernandez-ri9xb]

@@MaggiFuchs I did the online convertor and then opened it on affinity designer and the image still looks like it's pixels and no anchor points show up

[@MaggiFuchs]

@@OscarHernandez-ri9xb Can you still open it in photos?

[@OscarHernandez-ri9xb]

@@MaggiFuchs yes, when I click on it the image and it pops up if that's what you mean

[@MaggiFuchs]

Then I guess its still a pixel image and not converted. But it is so difficult to “diagnose” from the distance. Maybe check the original image again to see if it matches the requirements to be vectorized and then try again, maybe with a different online converter?

[@yaimamess1111]

Thank you again I’ll be following you on Skillshare as well.

[@HrSamstag]

AI is still the magician since it’s the only sw offering „simplify“ path and in desktop version only. Big drama. I want to use the vectorized result in Shapr3D and this solution here - which is btw. the only that works with iPad so far - creates a massive amount of anchor points. Which again slows down the performance in Shapr3D massively. So sad. :(

[@MaggiFuchs]

Glad to hear that it works, and I agree, it is very annoying that we are not able to "simplify" the paths right now. I hope that they add those features soon to Illustrator app or somewhere else....

[@madate2009]

When I go to download it, then open the file, it's suddenly massive. The quality is great, all details are nice and crisp. But I have to keep scrolling on the image to see portions of it and for some reason, I can't zoom out or make it smaller. Help! I did everything that was instructed.

[@MaggiFuchs]

Hi Madeline. Which program are you using to opening it?

[@beprominent7860]

I’m confused about the website, it would’ve been great if you linked it in the description.

[@MissChelle]

Thank you. So much. Can I save layers this way?

[@MaggiFuchs]

Hi! Yes, when you save them like this, you save them as separate layers. This is what you need to do to vectorize them. But if you want to keep them together in one file, not vectorize them and still preserve the layers, I would recommend saving the whole document as a psd or procreate format.

[@MissChelle]

Thank you ☺️

[@davepajaroja2255]

I love u so much..thank you sooooo much

[@victoriatrestrail]

Fantastic. Thank you.

[@katiewelikanna3588]

Thank for this, just to get my understanding right all you have to do is open it in affinity and it turns into a vector? Or is the affinity opening step 2 of using the online converter? can this work low res or should the size always be high res?

[@MaggiFuchs]

Hi Katie! You have to convert it first, Affinity does not have an automatic tracing feature. And the higher the size of your artwork, the better the quality of the vector will be.

[@Mala_Buko]

When I upload the file to vectornator the image turns back and white

[@MaggiFuchs]

You can only automatically trace it when its black and white. You need to recolor the vector once its done.

[@denizcelebicom]

I love you so much for this. Thanks! Starting my merch soon and I only used procreate so far 😳 exciteeeed!

[@MaggiFuchs]

Good luck with your merch journey 🍀

[@RED89P13]

What about going back in to fill colors or does vectorizing this way also allow color

[@MaggiFuchs]

Well, colors are more complicated. If you want to do it directly on the iPad, I did a Skillshare class on that because there are a few more steps involved. But if you have a design that contains many colors, I would recommend to do it on a computer with a program that can handle that (e.g. Illustrator). However, if you want to use the vectorized Procreate lineart and fill it with colors in any other vector program afterwards, that should be no problem.

[@facktheauthority5813]

What’s a good program like this for windows?

[@MaggiFuchs]

I am sorry, I have no idea about Windows, apart from using Adobe Illustrator. This is a tutorial for the iPad.

[@M1L31]

That's it? Pretty easy Thanks

[@manuelrenaldofreyreh.8446]

Thank you thank you thank you thank you

[@MaggiFuchs]

You are so welcome

[@marianotenaglia3260]

Nice way! thanks

[@lynneeie5226]

Maggi.... do you do custom design logos?? I ask, well, in a year or so, I am going to try a thing I have brewing in my head. I can't do it now, but I might want a logo for it, I do want a logo, and I have an idea... but I am not good with sketching. I can do a rough sketch, but it might be fun to hire you for making it nicer? If you do that?

[@MaggiFuchs]

Hi! Sorry for the late reply. Well, difficult to say… I guess it depends on the style you want etc. If you want, you can send me your ideas or a rough sketch if you have via eMail and then I have a look and we take it from there. ;-)

[@lynneeie5226]

@@MaggiFuchs I jumped the gun, and asked waaaay too early. It will take me a while to get to the point where I can take action on this idea I have. A long while. So, for the time being, please forgive me asking, and in about two years, or a year, if I am lucky, I will remember this and ask again, and then be ready with a small sketch. I do have ideas... I just have some roadblocks first. 🫣😬

[@MaggiFuchs]

@@lynneeie5226 😂 Well, whenever you are ready, you know where to find me! :)

[@lynneeie5226]

@@MaggiFuchs Ha! Maybe not in the world, but in the cyber world ;-) and sounds good. (& fyi, please do not feel need to respond, ok? but have been keeping fingers crossed for the two of you, that all is well or soon well.)

[@MaggiFuchs]

@@lynneeie5226 Thanks Lynne. We‘re getting there… :)

[@redmaple1982]

is there a way to do the reverse? I would like to open a vector file in procreate and an some texture

[@MaggiFuchs]

I would open it in a vector program and then just save it as a pixel image

[@redmaple1982]

@@MaggiFuchs thank you! Is there a way to keep all they layers?

[@MaggiFuchs]

Maybe, if you would be able to save it as a psd or any file format that supports layers? 🤔

[@fesyaa8407]

Thankyou!

[@Rumplestiltskin177]

Hello! How do you save it. Because when i save it as a jpeg or something it looses all of its clarity and i am not sure what to do!😣

[@MaggiFuchs]

Hi! Sounds like you have a very small image? Maybe it could help to check your file size and resolution?

[@Rumplestiltskin177]

@@MaggiFuchs thank you so much! I will check that out!☺💙

[@miken1923]

Where do you publish your t shirt designs ?

[@MaggiFuchs]

Hi Mike! On print on demand sites like Merch by Amazon and Spreadshirt. If you would like to know more about the T-Shirt business, we have a few videos over at our channel kzbin.info :-)

[@lillyvallejo6397]

My image came out way to large, any tips?? I’m not sure how to adjust the size

[@MaggiFuchs]

Hi lilly... I‘m not sure I understand your question. A vector does not really have a size, it can be scaled to any size without loss of quality. If you are referring to the vector, maybe you can just select it and make it smaller? I really hope this helps. :-)

[@lillyvallejo6397]

Thank you so much for answering my question and so quickly 🙏🏼 I understand now

[@MaggiFuchs]

@@lillyvallejo6397 Glad I could help! :-)

[@tinygardentomato]

The online converting website says it changes my files to SVG, but when I open them in affinity, they are still pixelated and I can’t select the line to show any nodes. Has anyone else had this issue?

[@MaggiFuchs]

Which Affinity program are you using?

[@tinygardentomato]

@@MaggiFuchs the blue one that you use in your video, Affinity Designer. I was able to find an iPad app that is a bit laggy, but so far seems to do the job though. But I do wonder of the mystery as to why the website didn't work. I'm sure I did something wrong! Lol And can I just say WOW? You are so sweet and kind and already responded to me? Thank you so much! Can I keep you in my back pocket? 🤣❤

[@MaggiFuchs]

@@tinygardentomato You’re very welcome. :) Since you are using Affinity Designer, I am not sure what happened. But I am glad to hear that you managed to make it work. :) Not sure if I would like to live in your back pocket, but if you have any questions, feel free to reach out. 🤗

[@tinygardentomato]

@@MaggiFuchs lol the offer is always open! But I do have a question for you: how do you transfer complex coloring to vector? I did use your skill share link and watched your video on how to transfer the colors, which was so helpful! But any idea on complex coloring, like a galaxy type piece? Thank you! :)

[@MaggiFuchs]

@@tinygardentomato You mean with lots of gradients and things like this?

[@Therealgregoryplays8293]

why do i loose alot of detail?

[@MaggiFuchs]

Are you using Adobe or the online converter? I would assume it is due to your settings, or maybe your original image is of low quality or low resolution.

[@elvinadevita5039]

Thankyou so muchhhh😳😭🥰

[@xalpionex3691]

Thanks maggi! May I ask what’s the benefit of turning designs into vector art?

[@MaggiFuchs]

In my opinion, the best benefit is that you can scale them as large as you want without any loss of quality.

[@davidc5735]

Also vector is required if creating template for cutting etc

[@johnapexart452]

Thank you so much🙌🏽

[@MaggiFuchs]

Happy to help!

[@aidennash1832]

Now there’s adobe illustrator to vectorize !!

[@zeetumanibasumatary9269]

How do you vectorize in illustrator on iPad? I was actually searching for this.

[@MaggiFuchs]

I already downloaded it on my ipad, but i had no time yet to test the program.

[@MissChelle]

Is it free tho?

[@MaggiFuchs]

@@MissChelle No, for Illustrator you would need an Adobe Subscription like when using Adobe Capture. But if you want to vectorize for free, I'd recommend using an online converter like in the first part of the tutorial.

[@roberthobbs8222]

@AidenNash Illustrator on the iPad does not have an image trace function at this time.

[@serpart2102]

How work this with designs in colors? Is posible? In the online converter

[@MaggiFuchs]

Hi! If you have only one color in your design, convert it to black for the conversion, and then, once it's a vector, recolor it in any color you want. If you have several colors in one design, it's more work and I explain how to do it in my Skillshare class (you can sign up for a trial membership with my links, and then you can watch the class). :)

[@zacharyparker4713]

Hi, great video! Is there a way to add an SVG to an already existing document in the App?

[@MaggiFuchs]

You mean adding a vector into Procreate? The only way I know would be to just go ahead and convert it into a pixel design, e.g. save it as a png with transparent background and import it into Procreate. Just make sure that you choose a correct size and resolution. :-)

[@joemanebeard8011]

Hi, there is some another way to do this without affinty designer? i want no spent 20 dollars for that 😅

[@MaggiFuchs]

In theory, you could use any vector program. But I have no experience if there are any free ones on the app store.

[@realrael3550]

iPad sucks