Inkscape Tutorial: Vector Smoke Effect

[Music] this is Nick with logos finally calm and in today's tutorial I'll be demonstrating how you can create this vector smoke effect using Inkscape so we'll go ahead and open up Inkscape and get started here by the way if you'd like to know how you can make Inkscape appear dark and with these custom icons I'll have a link to that information in the description of the video so the first thing we're gonna do is set up our documents so I'll go to file document properties and if I want to set the display units to pixels and I'm just gonna turn off the visibility where it says show page border we'll get rid of that temporarily and what I'll do now is I'll go to view we're gonna want custom selected I'll zoom in at 1 to 1 then I'll open up the align and distribute menu with this button over here we're gonna want less selected chosen from that drop-down and then I'll open up the Edit objects colors gradients the stroke menu with that button there and then we'll be good to get started so in order to create this effect we're gonna use the draw freehand lines tool which is over here you could press f6 on the keyboard for a keyboard shortcut so go ahead and grab that tool draw freehand lines and up here where it says mode we're gonna want this option selected where it says create spiral path we're gonna want the smoothing set to 65 and we want the shape set to none and once we've done that we can come over to the canvas here and kind of just draw a squiggly line like that and what we want to do is create a couple of more of those lines so I'm gonna create another one that looks somewhat different we don't want these lines being too similar I'm gonna create a third a second one like that and now I'll go ahead and create a third one maybe something like that and if you don't like how it came out like I don't like how that one came out I'm just gonna hit ctrl Z to undo that and try again do something like that there we go that works pretty well and what we got here is we have three different but similar smooth fluid lines like that I'm just gonna grab the Select tool and I'm just going to space these out a little bit you might want to turn off the snapping up here that might get way spaced them out a little bit not too much maybe something like that and what I'll do now is I'll just click and drag over all of them I'm just gonna hold ctrl and shift and scale them down a little bit and what I'll do now is I'll go to extension when I have them all three selected I'll go to extensions generate from path and I'll choose interpolate and from the interpolate menu what I want to do is where it says exponent set that to 0 interpolation steps set that to 40 interpolation method set that to 2 and then all three of these options have them turned off and then go ahead and hit live preview to see what that looks like and you'll see it creates a bunch of different lines between them and you may have to adjust the interpolation steps like here I have mine set a little too high as you can see it's a little too dark in there I'm gonna drop that down to 30 and see how that looks and once you type that and you'll have to just click up click onto another box for it to update which as you can see there 30 looks pretty good looks a little better I'm gonna try maybe 25 okay I think that looks pretty good there I'll go ahead and leave that as it is and once I once we're done once we have it set to how we like it we can go ahead and click apply and then close out of that and what you want to do now is click and drag over all of them the whole thing hit ungroup so that it breaks it up into a whole bunch of different little lines because that's essentially what this is this is a bunch of different little strokes let me put them back and with them all selected I'm gonna go to path and this may take a minute or two depending on how fast your computer is I'm going to stroke the path and it's going to convert all of that into pads instead of strokes and I'll go ahead and click off of that if it takes a while if it if it seems like it freezes up your computer just give it a minute it will it will process so it's a little CPU intensive once we've done that we're going to have these three original lines here or I don't know if they'll rid the originals but there are three inconsistent lines with the rest of them it's gonna pull them out and I'll get rid of them click and drag over all of them press Delete on the keyboard to get rid of them and what I could do now is I'm gonna click and drag over all of these and I'm gonna group them together and I'm just gonna give it a nice gradient you can go ahead and color it color in however you'd like I'm gonna give it a gradient I'm gonna start with I'm gonna go with like a pink shade over here and then I'll come up here to the fill tab and where it says linear gradient go ahead and click on that and then I'll just press G on the keyboard to get the gradient tool and I'll just click on this stop over here and I'll make that maybe blue or maybe a different shade of blue maybe something like that over there and that pretty much does it for this tutorial as you can see we have created our abstract style vector smoke using Inkscape so if you have any questions let me know and as always thanks for watching [Music]

Channel: Logos By Nick

Views: 106,142

Keywords: inkscape, inkscape tutorial, vector smoke effect, inkscape smoke, nick saporito, logos by nick, logosbynick

Id: kuJRlMfG0HQ

Length: 5min 14sec (314 seconds)

Published: Fri Nov 17 2017