Inkscape Envelope Deformation

hello and welcome to another video on inkscape in today's video we're going to be looking at envelope deformation and how we can use that combined with some other techniques to create images like this stay tuned and we get straight into it so to get started i'm just going to get rid of the page border if we come up to the top here we can use a little shortcut button to get to our document properties so we click on this come down unclick the show page border we can get rid of that then so now we've got a nice clean background to work on i'm going to import so up to file down to import i'm just going to import the image that i'm using i've just downloaded this from pixabay so if you want to use the same image i'll leave a link in the description below so we can just okay to all the settings and we have our image to work with so the first thing i want to do is sort this image out so it's a little bit easier to work with so i'm just going to ungroup it all i'll click off i'm going to select the squirts of water at the top i'm going to group those together i'm going to while the face is already grouped i'm going to open up our object dialog box and for the time being i'm just going to keep these all locked i'm going to leave it all on one layer but i'm just going to lock these elements so that i can't accidentally move them so the next thing i want to do is create some writing so i'm going to come over to our text tool and i'm just going to write out with caplock on i'm going to write out whale we can get the selection tool we can bring this over and now i can just stretch it to fit the whale a little bit better actually what i'm going to do first is convert this to a path i'm going to separate off the e i think i'll work on the e later on because i'm going to shrink that down make it a little bit smaller so i'm going to come up to path i'm going to go object to path so now we're working with an object i'm going to ungroup them because when you convert it to an object text to an object it does them individually and groups them so now we've got them ungrouped i'm just going to hold down shift i'm going to select w-h-a-l and then i'm going to come up to path down to union and union them together so they're one path so we can move the e out the way for a minute we're going to turn off snapping because it's making me jump about a bit i'm going to get my nodes tool i'm going to just do a little bit of adjustment so i'm going to take these two nodes here and i'm just going to drag them down and we take that node underneath and we just delete that and i'm going to bring this node down a touch as well so i think that'll do me for starters so the next thing i want to do is use the envelope deformation tool to adjust these letters to fit our whale shape a lot better so i'm going to come up to path i'm going to come down to path effect and this brings up our path effects dialog box so with our writing enabled if we go down to the little plus symbol at the bottom click on that and we get a choice of different path effects that we can use we want envelope deformation so we're going to click on that one and then here we've got a few different options so we've got enabled top and bottom path we've got enabled left and right paths so these just dictate whether or not we can use those and adjust those paths so when they're talking about paths they're talking about the bounding box path i'm just going to leave them both ticked you can untick them if if you don't want to use left and right or top and bottom but i'll leave them enabled anyway so underneath those we've got the four parts that we can edit individually so we can either use the first button which allows us to edit on canvas so this allows us to just work with each path individually same way as we would for normal path we can add nodes we can use handles and it's exactly the same as a normal path we've also got copy and paste paths and we also have at the end link to path in clipboard so to use this what you do is use your bezier tool draw a line along the path that you want to mimic right click on it press copy and then you can click on this and it will deform the top of your writing to the shape of that path i find edit on canvas a lot better to work with you can see exactly what's happening how it's affecting your writing so my advice is stick with edit on canvas and that's what we're going to be using so i'm going to get started with the top of our letters to try and keep them as nice and smooth and neat as possible it's better to try and minimize how much work you do with these lines you do too much it starts to deform the shape of your letters so if we can try and keep it so i think i'm just going to add a note there try and like i say try and minimize how much work you do with these these paths so we don't get too much deformation of of the shape of your letters i'm now going to swap to the bottom part and i'm just going to adjust that so we drag that down exactly the same i'm going to overlap it on the whale and then i'm going to use the whale to chop the ends off so i think that doesn't look too bad so what i'm going to do is i'm going to come up to path and i'm going to do object to path so now when we re-click on it you can see that i've got all the nodes available to work with individually so we can come in what i'm going to do is take that one out i think so i'm just going to go through and tidy these up a little bit and i'll get back to you in a second if you wanted to get rid of a handle you can just put your cursor over it hold down control click on it and that'll take it back into the node that you're working with you'll quite often end up with an excess of nodes that you can just delete makes it easier to work with the letters if you've got less nodes and also drag boxes over multiple nodes so that you can move them together so now i've got these letters where i want them i can fit my e in so get my selection tool i might rotate it slightly so it fits in better so i'm going to adjust these again i think slightly so i'm just going to drag over these ones and i'm just going to move them over a touch to make a little bit more space for the e now if we go back to the e rotate it around a bit i'm then going to come in to my path effects tool out of path effect we use the envelope deformation again and then i'm going to use the left path so i can bring that over i'm going to drag that corner down a touch i don't actually think that looks too bad so i'm going to stick with that actually what i'm going to do actually is right path just drag that center out bring that middle of my e out a bit so now i'm just going to go in and adjust some of these these individual nodes so i'm going to come up we're going to get hold of it we're going to come up to path we're going to go object to path so when i come back and i've got my individual nodes and then we can just do some fine adjustment so i'll zoom in a bit so i can see what i'm doing so again we've got quite a few nodes in here so we can just go through and delete nodes that we don't want um that looks like another node too many for my liking and that one to control and click some of these to get get rid of the handles so the next thing i want to do is i want to add just a block over the top of this just to so we can cut that tail out as well so object sorry path object path we're going to union all these together now so i'm going to get my selection tool all i'm going to zoom out a bit so i can see what i'm doing i'm going to select all the different elements i'm going to go up to path down to union you need them all together so they're solid now so i'm going to come up to objects i want my whale path i'm going to press ctrl d to duplicate it we're going to unlock it and then going to hold down shift select our writing and then i'm just going to come up to path and down to intersection now we can see our writings looking a lot better but we do need to do a little bit of work just to clean up some of these elements so i'm just going to sit here adjust some of these bits i'll say if we do drag it off the side again we can always reduplicate the whale shape and trim it up again so i'm just going to spend a little bit of time evening up some of these gaps with my nodes tool so now i've added in a bit of a mouth shape i've overlapped the edges again so what i'm going to do is just come in i'm going to select our path our whale shape path i'm just going to press ctrl d to duplicate again i'm then going to hold down shift let me get my selection tool i'm going to select the writing underneath and then once again i'm going to come up to path down to intersection to clean it up a little bit um but i just want to clean up this little tail area here so if we i'm just going to get this node i'm going to smooth it that's looking fairly good i think that's pretty good one last thing that i want to do is i want to cut an eyeball into here so all i'm going to do for that is i'm going to grab the circle tool the ellipse tool and i hold down construct control to constrain it uh cool i can't actually see what i'm doing so we change it to red we can see what it's doing i'm going to make that a little bit bigger so hold down control again drag it out and move the eye slightly i think when i select the writing hold down shift select the eyeball and then i'm going to go back up to path and down to difference i'm going to hide the whale path and the face and i think that looks better and i select the writing and i'm gonna give it a bit more of a whale color and i'm gonna hold down shift and give it a black stroke just gonna get the ellipse tool i'm going to hold down shift and control and drag out an eyeball i'm going to turn this black i'm going to hold down control to constrain proportions i'm going to shift it slightly and i think i quite like that so zoom back out a little bit so that's looking fairly respectable i'm gonna select the splashes and hold down shift i'm gonna give those a stroke it looks better i might actually just move that up a touch i think i'm going to give that a deeper blue if we come into the fill and stroke get the fill i'm going to do is i'm going to give it a radial gradient i'm going to get my gradients tool just so we can give it a little bit of a highlight and i'm just gonna lighten that slightly so i think that looks quite nice but what i'm gonna do is just add a bit of a background so we'll just add a light blue background so i'm just going to grab my rectangle tool so i want the opacity to be right up on the outside stop and we can adjust the stop colors and bring the color up something like that and then the center stop i'm just gonna brighten up i want it to be a nice sea blue one thing i'm not overly keen on is the corners here are a little bit too sharp for my like with the mouth it's a little bit heavy-handed so i'm going to just smooth these off a little bit so i'm going to come up get my nodes tool with click on here i'm going to turn that to a smooth node i'm going to do the same with this one this node i'm just going to move down a touch too many nodes so i'll delete one i'm going to drag this one down i'm just going to make that smooth node so that one change this so i can i'm going to go into stroke style as well and i'm going to round the joints make it a little softer now if we zoom out i'm just going to add in and get my bezier tool and i'm just going to add in a little line here so we're going to change change the size of that to 75 actually make it one just going to zoom in so i can see what i'm doing i want rounded caps i'm going to get my nodes tool and i'm just going to curve that so let's zoom out again and see what we think so i'm quite happy with that i'll get the selection tool we come down and there we have our whale writing thanks for watching and i'll see you in the next video

Channel: Create For Free

Views: 997

Keywords: inkscape, inkscape tutorial, inkscape tutorials, transform text in inkscape, inkscape transform text, inkscape effects, inkscape effect, inkscape beginner, inkscape beginner tutorial, Inkscape 1.1 tutorial, Inkscape 1.1 tutorials, inkscape tutorial text effect deformation envelope, envelope text effect, inkscape tutorial envelope, learn inkscape, vector design, vector graphics, inkscape text, vector type, Envelope Deformation, create for free, inkscape envelope deformation

Id: Om6vD20Y1OU

Length: 14min 34sec (874 seconds)

Published: Tue Sep 14 2021