How to Vectorize an Image in Inkscape - Tutorial

[Music] so you want to know how to collect all of the infinity stones wait you're not thanos my fault player hey guys i'm about to spike i'm kind today we're back once again taking a look at how to vectorize any image uh that you want to vectorize which basically if you don't know that means it images are like raster quality which means basically they're really blurry when you try to make them bigger and if you try to make them uh super super huge and they'll just get really blurry but a vector a vector you can scale to any size and it'll still be completely fully clear crisp edges and it's beautiful and it's great so we're going to take a look at how to make a regular image that will get blurry when you scale it and make it in a vector so you can scale it to any size that you want so the first thing i'm going to do is i'm going to click and drag our image into uh inkscape here which is the program we're using i'm going to hit ok on this little pop-up box comes in this is the twitter logo obviously now you can see when i zoom in here you can see how that gets blurry right you see that blurry edge gross raster graphic quality but when you zoom out it looks perfectly clear but when you zoom in they look like that that's ah yeah that's uh unfortunate really so we're gonna go ahead and i'm going to grab our tool here which is going to be the bezier curves and lines tool um and what we're going to do is i'm going to go ahead and click in all of these edges and we're just going to create some lines here so i'm just not going to worry about curving them i'm not going to worry about making them like round as roundish or like whatever we're just going to make sure that all these lines are here so every single time there's a point we're going to click on the point right there i'm going to go down here all the way down here click a point in and then down here we're going to click a point on every single one of these um edges here that's what we're going to do so then we're going to go ahead and connect this back up by clicking right there and i can see we have a black solid line now what we're going to do now is we're gonna go ahead and grab the uh edit pass by nodes tool which is basically the tool we use to curve these lines let's go ahead and grab all of these pieces and kind of just push them where we want now we're gonna use um a couple couple couple little techniques here just to smooth these out put like around there grab this piece pull it down grab this piece pull it down this piece pull it down you know this piece pull it down uh grab this piece below way down as you can see just grabbing the different points to try and line it up as best as we possibly can um and then all of this over here as well but you can see how this is actually super super easy to do you can really do this with no knowledge of inkscape or vector graphics or vector art or anything it's really really fun to do actually really easy to do um and it takes like zero zero uh time to do like i said obviously this is a more simple logo so obviously it's gonna be a lot easier to do but as you can see once we're done with that i'm gonna go ahead and go back to the select tool grab this image hit delete so you don't need that anymore um but what i'm gonna do is i'm gonna actually we're gonna delete we're gonna move it over my phone moving over like there you can see we now have the twitter logo but it's just an outline so to fix that we're gonna go to the right hand side and go to fill in stroke if you don't have fill and stroke over in the right hand side you have to go up to um where is it at question mark question mark it's one of these right here um you can see if if i didn't have it over here and be in this um one of these drop downs you can see uh they have a lot of different um docs that are over here so we have uh object to path and all these all these different things now what we're going to want to do is you're going to want to look out for um a line distribute and arrange and a couple of these other ones obviously you can see here an object we have fill and stroke there it is right there i found fill and stroke you can see um that's what we're going to be using right now so let's go ahead and go to fill and make sure this is set to solid um which is flat color which is obviously going to give us the color that we need now to get rid of the outline because we don't want the outline i'm going to go to stroke paint and then hit this little x and it'll get rid of the outline but you can see when we add a color let's eye drop the um the twitter bird you can see when we add that to the fill you can see they have the outline so let's go back to stroke paint and turn the outline off and as you can see there we go it got rid of it now there we go so we've literally just vectorized the twitter logo and like i said what that means is that now we zoom in on this um this is the raster original quality image you can see when you zoom in looking gross looking nasty but when you zoom in on this you can see that it is just beautiful and crisp all the way around every single edge so hope you ladies and gentlemen enjoyed today's tutorial i will see you in the next one but until then [Music]

Channel: TutsByKai

Views: 63,963

Keywords: tutsbykai, tuts by kai, kai, tuts, beginner, tutorial videos, tutorials, tutorial, how to, beginner tutorial, easy tutorial, simple, easy, animation

Id: SNKGPb8r9Po

Length: 4min 56sec (296 seconds)

Published: Mon Apr 18 2022