Inkscape 1.0 New Live Path Effects (LPEs) Explained In-Depth

hello and welcome to yet another tutorial by Davies media design my name is Michael Davies and as most of you know by now Inkscape recently released inscape 1.0 with tons of new features and improvements part of that release is the introduction of the brand new and much more user-friendly live path effects dialog which I go over in my top 5 new features in Inkscape 1.0 video inside this new dialog there are also many new live paths effects 6 to be exact which we'll be going over in depth in this tutorial there are also many experimental live path effects that were added to the program though I won't be covering those in this video for the sake of time and because many of these are still rough around the edges [Music] but of course before I get into all that I want to direct you guys over to my website at Davies Media design.com as always I have tons of inkscape and darktable tutorials on here as well as my book of layers and help articles teaching you how to use free software so definitely check that out you can enroll in my 2.10 master class from beginner to pro photo editing on udemy you can enroll in any of my skills share classes by visiting school calm in could get more with a premium membership to Davies media design your premium membership includes access to things like my Help Center app ebooks like my gimmick book of layers and exclusive inkscape and dark table content not found on youtube you could start your Premium Membership off with a 7 day free trial and I'll include a link to this as well as all the relevant links from this tutorial in the description of the video all right so here we are inside of the brand-new eating scape 1.0 and I do want to mention I have the dark theme enabled here with these symbolic icons and those icons are set to the color white you can learn how to do that in my top 5 new features in Inkscape 1.0 video but as i mentioned in the intro of this video there have been many new live paths effects added to Inkscape 1.0 and that starts with the dashed stroke lpe lpe of course stands for light path effects to put it simply this effect converts a solid stroke line to a dashed line so let's open this up but first what I need to do is draw a path and I'm going to demonstrate this using a circle so the circle is going to be an object to start and I'm just going to click and drag the circle hold the ctrl key to maintain the portions or the aspect ratio I should say and if I hold the shift key it'll draw from the center and I'll release so let's grab the select tool here drag this towards the center of our composition and I'll change the color of this so it's a little easier to keep track of things so I'll just click on this to make it a bluish color let's go with maybe a lighter blue color in the swatches panel and then I'll hold the shift key and click on the red color and of course I can go to object fill and Stroke or use ctrl shift F to bring up my fill and Stroke dialog over here and then over here under stroke style let's just change this unit here to pixels and you can see this is about a 10 pixel stroke right now let's go with something like fifteen just to make that a bit larger and if I hit control four that's going to Center up my composition here so now we need to convert this object to a path so I'll go to path object to path so we have our path here now next let's bring up that new path effects dialog so I'll go to path path effects and that'll bring the dialog up over here let's close out the fill and Stroke dialog there and now you'll see we have a little plus sign when we have this selected so I'll click that plus sign that'll bring me to the live path effects selector dialog box this is the brand-new dialog as you could see a lot more user-friendly here and let's come over and click on dashed stroke you can either double click on it or click this little down arrow it'll give you more info and then click this check box so now you'll see the fill of our object here which we converted to a path has been removed and the stroke of the path is now a series of dashes of course if you wanted to keep the fill from the shape you can always duplicate the shape and then keep the fill but remove the stroke from the duplicate and then the other version of your shape that now has the dashes on it is going to maintain that stroke and so that would give you both the fill and the stroke here but in this case we're just gonna stick with the way it is and over here in the path effects dialog you'll now see some settings for the dashed stroke effect that we added here the first one is the number of dashes so this indicates how many dashes are between nodes if I come over here and grab my edit paths by nodes tool and I click on this you could see all the nodes here for our circle so we've got four nodes and there are three dashes in between each node you'll see the third dash is actually straddled here over the node we'll get into that later but I'll grab my selection tool again make sure we're clicked on our path here so the number of dashes right now is three so there are three - you're in between each node the third dash is going to be the same - that starts here so if I increase this number to five you'll see now there are five dashes in between each node counting the first and last so one two three four five the first and last dashes are going to be the same between nodes which is why you only really count three here but then you have the starting and ending - hole factor is going to be the size of the spacing between the dashes so right now this is set to zero by default I can go between zero and point nine nine nine nine nine if I go all the way up to let's call this one right now you'll see it'll automatically adjust and that will just get rid of all of the spacing between the dashes so the larger the number here the smaller the spacing between the dashes let's go with 0.5 just to show what that looks like and then we'll go back to zero so you can see zero is going to create a larger gap between the dashes there the next option is the used segments checkbox so if I uncheck this this is instead of having five dashes in between each segment that starts an end with a node so you'll remember we had four nodes so instead of having five dashes in between each segment there we now just have five dashes total so one two three four five and if I increase this number you'll see that will increase how many total dashes we have so now we have ten dashes total instead of ten dashes between each segment which if I click this option you'll see that's what happens here and now there's a lot more dashes let's bring that back to five the half start slash and check box is going to determine when the new dash begins so you'll remember if I grab the edit path by no tool and click on this that the dashes straddle those start and end nodes right now so if I come back here to my selection tool and click on this and I uncheck half start end that's going to have a dash start here at the beginning and then end at the end node there and then it'll also have the nodes start again so that's basically going to double the size of the dashes at the nodes because you have both a dash starting and ending at the same node instead of having it straddling that node so I'll come back over and check that next is the unified dashes option unify dashes attempts to even out the size of the dashes though this can lead to asymmetrical dashes between nodes in the end so right now with the unified dashes option checked it's trying to make each one of these dashes the same size if I uncheck that for this particular case nothing happens but in some cases it might end in an uneven final - somewhere like over here at one of the notes I'll check that the infobox is going to give you useful information about the LPE you're using so in this case it says add fill between many lpe to add fill so I had mentioned away at the beginning of showing you this tool how to get your fill back since the fill does tend to disappear with this tool this is just telling you another way to get your fill back so that's a useful piece of information here and then below that it says dashed stroke set default parameters if I check that little drop-down arrow this is going to give me options to set the default values of my dashed stroke LPE so if I were to set all these options it's basically going to set everything I have set up right now all of the current settings I'm using here as the default parameters for each time I access this tool in the future so it's not going to take effect until I close down Inkscape and then reopen it so all I have to do is come over here and click the set button and now if I were to closing Escape and reopen it the next time I would use this live path affect the number of dashes by default would be set to 5 I can also change it right now to something like 8 and then click update so that will be the new default next time I close xscape reopen it and use this LPE so this feature is going to be found across all the new live path effects so keep that in mind I'm not going to go over it for the remaining live path effects but it is there the next thing live path effect is the ellipse from point lpe so this effect is similar to an older effects found in the previous version of Inga scape known as ellipse by five points and this original effect allows you to draw an ellipse based on a path with five points this new effect is going to allow you to create an ellipse or circle from paths that contain various numbers of nodes so not just five with this effect you draw a series of nodes with the path tool then add the effect from the path effects dialog so I'll show you what I mean let me first get rid of this circle and then I'll come over here and grab my Bezier curves tool or my path tool which a lot of you might refer to it as that if you're used to using so let's say now I draw a series of points here so I'm drawing this random path now let's come over a grab my select tool that will select the path we just drew then I'll come over and click to create a new path effect or to add a new path effect to this path so here you'll see the original tool which was ellipse by five points and based on the handy icon that's here you can see that this tool required five different points on your path but now we have the ellipse from points tool and you can see by the icon here that this is allowing you to create paths with a different number of points it's showing three here it can be different from three but I can either click this down arrow once again and click the check box or just click once on the tool itself that will draw a circle around my original path so you have to remember that a circle is a type of ellipse it's just an ellipse that happens to have a 1 to 1 aspect ratio so this tool will either draw a circle or an ellipse so the first option here is called method this allows you to choose the type of ellipse that's drawn and by the way you can see the original path by clicking on this little source path checkbox here so here's the original path we have the four points on here and you'll see that the circle isn't perfectly aligning with our path the reason for that is that it wouldn't really be an ellipse if it adhere to all four of the path we drew just because of the nature of the way I drew the paths so for this particular option the circle is a little bit off but it's close but I'll come over here and change the method just to show you guys what these look like so for circle right now this is going to be the same because that's basically what Auto ellipse did is it forced a circle but this typically forces a circle shape no matter what type of path you drew then I'll come over here and go to isometric circle so this will draw my circle based on an isometric grid or an isometric perspective some of you may have seen my isometric grid tutorial in or my isometric drawing I didn't this is going to be that same sort of concept where you have a grid that's based on a different perspective than just a flat 2d perspective so the isometric circle here is adhering to the segment's I drew as best as it can but it can't really adhere to all three of these segments just based on the shape and the perspective this is taking on the next method though is the perspective circle so this is ignoring that sort of isometric grid and just drawing this in perspective in a way that is perfectly adhering to the way that my original path was drawn so you could see it's squeezing in perfectly inside of the three segments that were created here it's just taking on whatever perspective that creates then I'll come over here we can go to Steiner ellipse this is just a different type of ellipse you'll see that this ellipse is passing through three of the four points we created so that's about the best you could do without making it a totally irregular shape and then finally you have the Steiner in ellipse so that's going to be an inner ellipse drawn using that same type of ellipse but connecting with as many segments as it can while still maintaining that shape and being drawn inside of the original path let's come back here and change this to auto ellipse you also have the option to change this to an arc so if I click on this option you'll see that's going to open up the end here of our ellipse that aligns with the open end of my path that I drew other arc side is going to perform the opposite so it'll shift and only display that little open portion instead of displaying the rest so let me uncheck that the next option slice arc is going to turn this into that little Pacman looking circle so it's going to take it out as if it is a slice of a pie or a pie graph and then the next option let me uncheck the slice arc option and the arc option this is going to draw a rectangle frame around my circle and if I'm in one of the perspective modes it'll draw that rectangle inside of that perspective so let me come over here we can also go with the perspective circle mode and of course I can always hide the path if I find that annoying if it's getting too cluttered there so uncheck that the next option is the axes option so I'm going to keep this set to perspective circle so this is going to just slice up our ellipse in perspective here so showing us the axis that it's using for our perspective and if I change this to a different mode it's going to change the way those grids are drawn inside of the ellipse let's go back to perspective circle so you'll notice that these last two options will only be revealed if I have the perspective option enabled so if I go with isometric that'll get greyed out if I go with auto ellipse that'll be Steinar ellipse but if I go with perspective circle this allows me to draw perspective squares or a perspective axes so let me get out of that if I click perspective square it's going to close off the path I created the reason being that this path is actually a perspective Square except I miss the last segment there because I left it open so by closing that off it does create a perspective Square and perspective axes so this is going to draw the axes that it drew before but instead of just drawing it as this sort of even axes that's going to factor in the fact that this is in perspective so in this case it's almost like this end of our ellipse is further away this end of the rectangle as well as further away while this end of the rectangle and the ellipse is closer to us so that's why the middle of this axis the middle of these guys is going to be shifted further away from us you can also rotate the axes so if I click on this you'll see this is just going to rotate that ellipse I drew so it's going to maintain the same perspective where whatever is on this left side here is further away from us whatever is on the right side is closer to us but it's just going to rotate the object here so that will automatically update that shape based on that perspective so that's just an easy way to rotate an object using that same perspective let me just set this back to 0 and as I've already mentioned this will turn off or on the original path we drew of course I have to also turn off the perspective square in order to get rid of that original path so now we're back to the perspective circle on its own and I'm going to hit the backspace key because I do want to get rid of that for our next live path effect the next new lpe found in Inkscape one point out is called corners fill it slash chamfer and is used to create a curved corner at a joint known as a Filat and a beveled corner at a joint known as a chamfer these terms come from architectural and technical drawing software so they are kind of very techie terms but if I come over here and click to draw a path using my bazi a curves tool which I'm just gonna call the path tool from now on I'm just going to draw some arbitrary segments here and I'm just going to try to make these segments a bit dynamic so each time these segments intersect they create a corner here and I'm going to grab my select tool so now that we've drawn a path let's say we want to either bevel these edges or create rounded corners now I can come over here to my path effects click to create a new path effect and right here you'll see the new effect corners fill it / chamfer so I'm just going to click on that once to apply it so the first drop down here is the unit so this changes the unit that's going to be used for drawing the actual corners here and then the method is going to be how the corners are calculated and really this only plays into effect when you're drawing a rounded corner so you either have Auto which is going to automatically calculate those corners or you have force arc so force arc will draw an arc at your corners which is usually a more consistent and rounded curve for spazzy a on the other hand will draw a Bezier curve at the corner Bezier curves typically start with a steeper slope and therefore produce more oblong curves though the transition from the line segment to the curve itself will be smoother as Bayesian curves tend to ease into transitions whereas an arc is more focused on it being a more even curve so let's demonstrate here let me shift the method over to Auto for now and down here you'll see a series of buttons these allow you to select what type of corner you want to use so Filat is going to be a rounded corner so I'll hold ctrl and zoom in right now there is no difference this is still a pointy corner and the reason for that is we haven't done anything to the radius so the radius is going to determine the size of the actual corner here so the larger the number the larger the effect is going to be and I'll get into how the radius is determined in a second but for now let's just turn this up to a higher number let's just go with something like 40 for now and I'll hit the tab key so now you'll see we have these rounded corners and the method is set to auto right now so I'll hold ctrl and zoom in on one of these corners if I change the method to force arc nothing is going to happen because the auto method automatically had this corner set to force arc but if I come over and change this to force Bay's EA you'll see that will elongate the corner slightly not by a whole lot but a whole controls zoom out you can see it more towards these more intense corners so this corner takes a sharper turn if I change the method here back to force arc you'll see how much more rounded that is and if I come back and do force base ei this is creating a steeper slope here at the beginning and it more gradually eases into the transition while it's turning the corner and that creates this more oblong arc shape or this more oblong rounded corner I should say so hold ctrl and zoom out so the method pretty much applies mostly to whenever you're using the fill adoption let's click over to chamfer now so you can see our radius is set to 40 with chamfer and that is causing these edges to become beveled so instead of being rounded now they have this sort of cut through going on here and if you wanted to see the original nodes of this path you can grab your edit paths by nodes tool and that will show the nodes here as well as the knots which I'll get into a little bit later let's come back grab the selection tool of course if I shrink the radius size hit the tab key that will decrease the size of these chamfers here the size of these beveled corners but the next option is the chamfer steps this is only going to work if you have one of the chamfer options selected and the inverse chamfer option is actually going to reverse the chamfer going on here it's not going to do anything if you click it when you only have one chamfer step but here you can adjust the number of chamfer steps so if I go to 2 you'll see that will create two bevels going on and in this case it's going to invert it let me click the irregular chamfer so you can see this is what it usually looks like and if I go with 3 chamfers hold the ctrl key and zoom in you'll see now there are three bevels so that's just splitting that beveled segment up into however many chamfer steps we create and that's also allowing for the inverse chamfer option to work if we only have one step the reason inverse chamfer doesn't work is because this is just splitting in between the middle anyway so there's no way to really flip this on an axis versus when we add chamfer steps that's causing this to bend either inward or our depending on whether or not we have this inversed let me come back to one for this and also come back to the Filat and the reason for this is I just want to demonstrate this is what the inverse fella does is just kind of flip that arc to now it's turning inward so this is the normal one where it goes outward and this is the inward option if I hold control and zoom out you can see this is what it looks like across the board so let's switch back to chamfer the next option is to set the radius amount based on the percent so right now the radius amount we set is 30 and then it's using the units here which is pixels so the radius here is going to be 30 pixels but when I check the radius in percent option that's going to change the radius amount from pixels to a percentage of the line segments so I found in my testing that the percentage is based on whatever the second line segment is for the corners so we have one line segment coming in this way and a second one coming in this way I found in my testing that it takes the radius percentage from this segment here so this beveled edge will now be 30% of the size of this line segment so it should be around from here to about maybe here or so right now nothing happened but if I come over here and I just adjust this down and then back up now you can see this does indeed look like it's 30% of this line and the same is going to be true across all of the beveling happening here so this is for the chamfer option let me come over to fill it so you can see the rounding of the corners here is now much larger this corner is much larger than the others because this line segment is so much longer than the others and of course let me increase this to 50 that will now be 50% of those line segments and if I uncheck this option and then I adjust this again you'll see those will shrink back because now they're gonna be 50 pixels instead of 50% of the line segment the next option is to use knots distance instead of radius so this option is a bit complicated but if I come over here and I double click on this you'll see now we have our nodes displayed here and as I mentioned these are going to be our knots so the knots are basically the point at which the curves or the corners begin and then the point at which they end so what this option will do is it's going to use the distance between these knots instead of using the radius of the corner so this has been checked the whole time if I uncheck it and then redo the radius amount you'll see that this will change now so that's just another way to draw your radius of course I can draw the chamfer as well so if I change this back to use knots distance instead of radius you'll see that will change up the unit there and make these smaller in this case the next option is to apply changes if radius equals zero so this has been checked by default basically what this means is that if there hasn't been any sort of corner applied to anything yet this will apply whatever changes you make inside of the effects dialog here on the other hand if this option is unchecked it's only going to apply whatever changes you want to make to your corners on corners that already have a change to them so anything that has a non zero value in other words if that corner is already rounded or already beveled so let me demonstrate this option in action by resetting all the radii to zero so now all of these have zero values right now this is checked which means if I increase the radius here that will apply those changes to all of these let me come back let's reset this back to zero if I uncheck this option and then try to increase the radius nothing's going to happen so let's once again reset this back to zero so something else you can do with this live path effect is you can click on a single node and only edit that node so let's say for example we change the radius of just this one node right here so I clicked and dragged this and this is dragging the knots here so now only one corner here is beveled none of the other corners here have a nonzero value so if this option is unchecked and I increase the radius you'll see that only that one node there that had the non zero value is going to change none of the other nodes will change on the other hand if that option is checked and I change this now all of those nodes will have their corner values changed so the opposite effect will occur with the next option which says apply changes if radius is greater than zero so let's say I come up here and I increase these values this will increase all of them to 40 now if I uncheck this option all of these values are greater than zero so if I come back up here and try to change the radius size none of these values will change and then on the other hand let me just drag this corner here so this now has a zero value and maybe this one as well so now I have two corners with zero values so now with this option unchecked if I change the radius it's only going to allow one change so you have to manually type the radius here you can't hold your mouse like this and have it adjust because once these change their values to a non-zero value they now qualify here as being greater than zero so this option will no longer work on them so if both of these options are unchecked that means that none of these corner values will change no matter if they are zero values or non zero values so for example that one's a zero value now if I change the radius nothing will happen to any of these so let me just click to apply both of these the next option here is to change only selected nodes so if I have this option checked and then I come over here so we have a node here if I click on that this is the only selected node which means now if I come over and change the radius that is the only node that's going to be affected this is useful whenever you want to have mixed cornering so for example you want some of these to be rounded and some of them to be beveled so right now we have this one selected if I change it to fill it that becomes a rounded corner this one is still beveled this one's still beveled if I wanted to I could click on this node as well change that to fill it I could change the size of the radius so this just allows me a bit more freedom to customize the various corners here in my path all right so let's leave this path for the next effect the next new effect is the measure segments LPE this slide path effect automatically inserts the measurements of straight paths like in architectural drawings so with our current path that we already have drawn here let's add another path effect and for those of you who are beginners you can add multiple path effects to a single path and I can use the little search box here and type in measure so here we have measure segments and if I click on that that will add this new effect here to my path so you can see what this does is it's going to add the measurements here for each segment so we've got a measurement for this segment and then when it becomes a curve it's giving us a new measurement there and that's just happening all around so there are plenty of customization options for this the first option here let me just scroll down a bit so you can change the unit so right now we're in millimeters I can go centimeters and some of these by the way do make the arrows and some of the other lines in here look funky but let's just change the unit back to millimeters here but the next option is to change the orientation of the labels so right now they are parallel to the segment there are instances where they will be perpendicular if the segment is too small I'm actually not sure why that's not doing it there but right now these are all parallel so I can change the orientation for example we can go with horizontal so that just makes all the measurements either perfectly horizontal or in the case of these vertical paths it will align it vertically with that path you can also come over here change it to vertical so that's gonna do the opposite so let's come over here and just go with parallel for now the next option is to change the font of the measurements displayed here so by default this is sans normal if I click on this we could change the type of font being used so you could see there are a variety of fonts all the fonts that are available in Inkscape will be in here so I can go with this font here and then I can also change the size of the font so I can use the little slider here or I can manually change the value so let's go with something like 15 and click select the next option is merge overlaps and these allow you to set the point at which overlapping dimension lines which are the lines in the drawing here denoting the start and ending of segments so it's the point at which these lines are merged into a single dimension line alright so I'm actually inserting a new example for this just because I think the original example I did for the emerg overlaps wasn't abundantly clear but I just want to show you guys that I've drawn a path here that is pretty zigzagged and because of the shape of this path there is an overlap happening here in the middle so what merge overlaps is doing is it's defining the point at which the dimension lines are going to be merged into a single dimension line so as you can see here even though there are two paths right here that should both have dimension lines there's only a single one here and then the actual measurements for both of these segments are up top here so they've just sort of been thrown loosely in a different location in order to try to have both of these measurements displaying without them overlapping right here so if I come over to merge overlaps if I set this to 180 that's automatically going to turn off all merging of overlapping dimension lines so now you can see both of these dimension lines are showing up here and they're both overlapping each other because they are in such close proximity to one another and there is a point for this particular angle this particular segment at which these overlapping measurements will no longer occur so 180 just automatically turns that off but if I go to something like three degrees hit the enter key these are still going to overlap and I can sit here and manually increase this amount and you'll see once I hit ten degrees that's the point at which these merging overlapping dimension lines will unmerge essentially to put it a simple way so that's what the merge overlaps feature does back to the original recording but the next option is the position option position is the distance the measurements labels and dimension lines will be displayed from the line segment that it is measuring so in other words all elements of the labels here will be shifted upwards or downwards depending on whether you increase or decrease this value so right now we're set to five if I go lower this will get closer if I go higher this will push all those measurements outwards so let's bring that back in let's go with something like seven the next option is label position this will only move the measurement labels here so you'll see what happens when I increase this or decrease it it's only going to shift those measurement labels the next option is the helpline distance so that's going to be these little lines here and this option is going to change how far away these lines are from the original segment so you'll see that as I increase this value that's going to increase the distance there so that just kind of cleans this up a bit and if I decrease this value that just causes some weird things to happen there so the bottom portion of these lines will extend basically beyond the original segment so I'm just going to increase this I like having a tiny bit of separation there so let's just go with to the next option is the helpline elongation so if you want to make these little lines taller you can increase the value here or make them shorter by decreasing the value I'm gonna make these slightly taller finally you have the line width so that's the width of the lines themselves in here so I can increase this value that's of course making those lines thicker or I can decrease the value that will make these lines thinner and you can see in some cases when we make the lines thinner that brings back some lines so some dimension lines popped back up and here whereas if I make them thicker that causes them to disappear finally the scale option allows you to change the scaling factor so right now this is one to one which means this segment is exactly seventy one point six seven millimeters so if I wanted to change the scaling factor for something like an architectural drawing that I'm doing for a house in the real world obviously I don't want to have to draw the exact size of the house inside my computer that would create a massive file so you could change the scaling factor here and that way units can represent larger objects so you can create smaller drawings based on a certain scaling factor so for example if I change this to ten now it's saying that the actual size of this segment in the drawing is ten times larger in real life or in whatever medium we're actually using this drawing for and that's represented here in the units so there's also some additional check boxes here some additional options you can set the arrows to be outside so instead of having the arrows inside the help lines now they are located outside you can flip which side the measurements are on so now they're located inside the segment's instead of outside the next option here is scale sensitive and to be honest I couldn't figure out what it is that this does based on my testing we could see here it says when the path is grouped and the group is then scaled adjust the dimensions I tried testing this out based on these instructions here and I couldn't figure out what exactly it is that this does so if you know let me know in the comments the next option here is to rotate the labels this will simply rotate these numbers here so rotates the measurements puts them on a different axis the next option says hide line under label so here you can see the dimension line stops here at the measurement label and then it starts back up again so if I uncheck this option that just allows the line to go right through that so it doesn't look quite as good there and then the final option here if you have labels overlapping one another this will try to avoid that when it's checked so when it's unchecked you could see this is just allowing things to be a bit tighter and right there you could see it's overlapping if I check that again that's going to clean that up so for the sake of time I'm going to skip over the projection tab and go straight to the options tab so this tab allows for some more customization of the lines here of the measurements as well as the styling so for example we could change the color and opacity of the measurements here so if I change this to something like a red color you'll see that all of these measurements these labels will switch over to red I can also change the precision of the decimals here so right now this is set to 2 which means we're going to two decimal places I can go to more decimal places if I want or I can go to less I can even go to no decimal places so we could change the label format we have pretty much three options we can do both measure and unit or we can do just measure or just unit so the next option is for the black list segments and what this does is it's going to hide any of the segment's you denote here based on a numerical value and by default obviously you can't really tell what value is going to be what but if I come over here and click the show segment index option that's going to show you what numerical label these are using so it's going to start with zero and it's going to go all the way to seven so for example let's say I thought it was a bit crowded at this corner in this corner and I wanted to hide those I could type in one and six so come over here type one comma click the check box and now those two labels will disappear I can now get rid of these shows segment index and that gets rid of that if I wanted to invert it so that only those two corners display just click this little checkbox and that will invert our blacklisted segments I'm going to delete this and hit the check mark because I don't want any of these to be blacklisted and then uncheck that I'll skip over the next option as well as the last option because those are both pretty niche but the final option that I'll go over is to hide the arrows so when I click on that that will get rid of the arrows here inside of those dimension lines the final tab is the help tab that's just displaying some of the features in here a bit more those of you that are still with me thank you for continuing to watch this tutorial I know some parts are a bit technical just based on the new live path effects that have been added but the next new LPE feature is the offset effect this effect can be used to offset a shapes size by a numerical value as well as do things like add a stroke around a text so for starters let's get rid of this path that we've been working on and now I'm going to grab my text tool I'm just going to click on my canvas with the caps lock key and I'm just going to type open source just random text here and let me hit ctrl a to select all the text and just increase the size of this text a bit grab my Select tool let's Center this up so now that we have our text you'll see right now we cannot add a path effect to this we have to come over here to path object to path so now that plus button will appear there but first let me duplicate this text so I'll hit ctrl D to duplicate that if I move it out of the way you'll see now I have two of these I'll hit ctrl Z that's going to ensure we have our regular text remaining underneath here as well as this new offset we're gonna create so on the duplicate I'll come over here click the plus button and here you'll see the new offset lpe I did clear the search box earlier by the way so once you clear that you'll see the offset LPE and I'll just click the little check box so right now nothing has happened because we haven't set any offset amount so I'll start by doing that so over here you have the offset field and let me change this to 10 for now hit the tab key so you can see what happens there you can also change the color of this so right now these are both set to black for example if I just click on the blue color here from my swatches and then let's come over here and move this to the back so I'll lower that to the bottom of the stack there you can see it's adding a nice stroke around the text so let me decrease this actually first let me change the unit so I can change this to pixels and then decrease this to 10 pixels you also see up top there's a drop down here called join so this is just basically going to be the way that the corners of your text are going to be displayed here so by default it'll be set to miter and what mitre does is it essentially Clips the points so that they don't get too pointy but I have a variety of other options here I can go with beveled for example or I can click and go with extrapolated arc so I can just go down the line here some of these on the surface don't really appear to do anything you guys can play around with those then you also have rounded here so that will round the corners so if I have the miter option selected you'll see down here I have miter limits so that's just limiting how pointy these ends can be if I have the force miter option checked that's going to override whatever limit I set here and just automatically clip those points but if I uncheck that and let's say I put the miter limit to zero you'll see that will change the shape of the it actually looks more like the beveled option when we do that what if I set this to something like 50 you can't really tell with these letters right here I'll show you guys another example in a second but let me reset this back to 4 and hit the enter key so the last option here is called live update and if my text right now looks a bit different is because this feature has actually caused my escape to crash twice during this tutorial recording so I'm not going to demonstrate it here in real-time because I don't want to deal with the crash again but usually what happens with this is you grab the Edit path by nodes tool and you can adjust or transform the path that you've offset here and having this checked will just update the offset in real time it does slow things down and it does seem to require quite a bit of computing power so I'm not going to do it here with the text that I have going on here at least but I do want to demonstrate the opposite effect with the path instead of text so let's come over here grab the pen tool and just draw a quick path there like so grab the Select tool now I'll go to object fill in stroke so clicking fill and Stroke come up to stroke style let's change this to pixels and we'll go with 5 pixels here to make it thicker all right so I'll exit out of that and under path effects I'll click to add a new effect go with offset now let's offset this by 20 so that creates a crazy shape here if I come over and uncheck for smiter you can see this is what happens so now instead of having that really long pointy end it's automatically chop that off and if I change this to 0 you can see that gets even worse but if I up the miter limit that's going to allow for a pointer and so that was just something I wanted to demonstrate that I referenced a bit earlier so hit the backspace key to get rid of that so the last new live path effect introduced in Inkscape 1.0 excluding the experimental LPS aren't actually a duo of effects so this is going to be the power clip and power mask effects these effects allow you to clip or mask a smaller object from a larger path or in other words produce a cut out in the middle of a lower path when you have two paths so you'll see what I mean in a second so let's start by getting rid of this text here we don't need this anymore and I'm going to draw one object here so this will be a rectangle type shape and then we'll draw a circle let me change the properties of the circle so I'm going to click we'll make that a pinkish color shift click make that agree so right now with just the single object selected if I click the plus sign here you'll see these two LPs are actually grayed out so the power clip and the power mask both of these are grayed out right now and if I grab my select tool it selects both of these objects the little plus sign here is grayed out and the reason for that is you can only select one object one path at a time for this to work so what I have to do first is go to path objects a path and then go to object clip and then here you'll see it says set inverse lpe or we can come to mask and that has the same option so this is where these live path effects are located so now I'm going to go with the clip option first and click on that so once we do that that will cut the smaller shape or the top shape out of the bottom shape and then that will also add that power clip effect here under path effects automatically and under power clip you'll see we have some options so we can inverse the clip which is going to be the default that's how that cutout is happening if I uncheck that that will bring that back to a normal clip so let me click the inverse clip again you can flatten the clip that's just going to add a stroke using the same stroke from the bigger shape here or the bottom shape around the cutout and you can see there's some directions here in the info box if this isn't working for you you can go to the fill and Stroke dialog box and change the fill rule to even-odd so that should fix that minds working in this case and finally you have the hide clip option so that will just temporarily disable that clip and if you wanted to see what was going on behind the scenes you can use the new split view mode using control 6 and you can see what's happening here so the inner circle here is our clip and then you could see the border of our rectangle there so control six to get rid of that so I'll leave that where it is hold ctrl zoom out let's create another shape so let's move this out of the way so I'll create another rectangle and then this time I'm going to create a circle so click and drag this circle hold the ctrl key instead of having this be a bunch of colors I'm just going to change this to be a gray color and then I'm going to shift click on none to get rid of the stroke the reason I'm doing that is that the difference between a clip and a mask is that a clip is going to basically just cut out the entire shape no matter what whereas a mask will mask out the layer below but it's going to do that with either full or partial transparency or it's going to create full opacity depending on the color you use so just like for those of you who are used to using anytime you have a layer mask with white that's going to create full opacity a layer mask with black is full transparency and anything with a middle gray like in this case will be a partial transparency so what you see here is a grayish color it should partially cut a hole in this but leave some of the original color here behind so it should be partially transparent in the middle here once again I'll grab my select tool shift-click to select both of these and this time I'm not going to convert these to a path so I'm just going to go straight to object mask set inverse LPE so there you'll see that this will mask this out and because we used a middle gray color it's only partially making that transparent and then you have some of the same options over here you'll see this one's called power mask instead of power clip you can still invert it like so or you can hide the mask altogether or you have the option to add a background behind the mask so right now this is set to white we could change this to another color if we wanted to and that will affect how this looks behind here behind the partial transparency so if I exit out of that it's just going to be a slight difference in this case so there's our power clip and our power mask alright so that's all six of the new lps or live paths effects found in Inkscape 1.0 and that's it for this tutorial hopefully you enjoyed it if you did you could check out my youtube channel at youtube.com slash Davies media design don't forget to click the bell icon to be notified each time I have a brand new tutorial you can also check out any of the links to my resources in the description of the video so thanks for watching and I'll see you next time

Channel: Davies Media Design

Views: 27,294

Keywords: Inkscape 1.0, Inkscape, New Inkscape, Inkscape 2020, Live Path Effects, LPE, vector design, vector graphics, graphic design, fillet and chamfer, dotted stroke, ellipse from points, measure segments, offset, power mask, power clip

Id: jasNo_qF6Y4

Length: 45min 59sec (2759 seconds)

Published: Fri May 08 2020