Easily Create Logos Using Grids in Inkscape 1.3

the shape Builder tool introduced an inkscape 1.3 makes it super easy to create logos using grids and will demonstrate by creating this logo to start I'm going to show the page grid by going up to the view menu and checking page grid here if I zoom in a lot I will start to see the major grid lines which are a bit more opaque than the minor ones I don't actually need the minor grid lines so I'll make them invisible by going to file document properties choosing the grids tab clicking the minor grid line color box here and setting the alpha channel to zero I'll also raise up the alpha channel for the major grid lines so I can see them better next I'll go up here and turn on snapping then I'll go to the circles and Ellipsis tool and I'll snap to one of the grid intersections here then I'll click and drag while holding down Ctrl to create a circle and I'll make it an 8x8 Circle I'm going to turn off the circle's fill color by clicking the Red X down here and I'll give it a black Stroke by holding down the shift key and clicking the black color swatch to change the stroke width I'll right click the stroke with the box here and 0.1 should be good now I'll go to the select tool and I'm going to toggle off this button up here which will prevent an object stroke width from being scaled along with the rest of the objects now I'll duplicate the circle by right clicking it and choosing duplicate then while holding down shift and control I'll scale down the duplicate to make it a six by six Circle the snapping should say quadrant point to grid line then I'll duplicate this one and make it 4x4 then one more time for a 2x2 Circle next I'll go to the pin tool now snap to where the quadrant point of the biggest circle here meets the grid then I'll click one block below the bottom of the circle and right click to finish the path and I'll make the stroke width 0.1 to match the circles now I'll go to the select tool and duplicate the path then bring it one block to the left and I'll repeat that two more times next I'll go back to the pencil and click the bottom endpoint of the rightmost path here then click one block to the left of the leftmost path right click and set the stroke width to 0.1 now I'll go to the select tool duplicate the path and bring it up one block and I'll repeat that three more times okay I don't need snapping anymore so I'll turn it off I also don't need the grid anymore so I'll go to the view menu and uncheck page grid alright so to use the shape Builder tool on these objects I first need to select them all then I can activate the shape Builder tool by clicking this icon here now if I zoom in I can see some slight warping where the circles meet the straight paths the shape Builder tool apparently doesn't like circles but fortunately it's an easy fix first I need to go to the select tool and select just the circles and I need to turn them into paths by going up to the path menu and choosing object to path now I need to go to the node tool select all of the nodes of all the circles and click this button up here to turn them into symmetric nodes okay now if I go back to the select tool and select everything again then activate the shape Builder tool and zoom in I don't see any more warping alright so with the shape Builder tool there are two modes that I can use add mode and delete mode with the add mode active one thing I can do is Click individual segments which turns them blue however this also keeps the segment separate as I can see by the lines between them for this logo I want to combine these segments together to do this I can click and hold inside one of the segments then drag into the other segments this makes the lines between them disappear now I can click and drag from this segment up to the other ones here and if I need to undo the previous section I can press Ctrl Z and I'll get this small segment down here as well next I'll do the same for these segments and I want to keep this part separate from this one so be careful not to click and drag between them and finally I'll do this part now if I keep any segments gray when I apply all of this it will actually automatically delete those segments however if I want to go ahead and remove these segments now so I can get a better idea of how everything would look I can use delete mode I can either activate delete mode using this button or with ADD Mode still active I can hold down shift to temporarily switch to delete mode then I can click and drag over the segments that I want to delete okay now to apply everything I can either click the check mark button up here or I can press the enter key and here's the result I'm going to rotate everything a bit and I'll turn off the stroke color and give them all the same fill color for the moment now I can select the individual parts and give them different colors finally to add some spacing between the parts I'll select the outside part go to path path effects to open the path effects dialog then I'll start searching for offset here choose the offset path effect and I'll click the minus button for the offset setting here one time then I'll do the same for the other parts and to finalize the path effects I'll select all of the pads and go to path object to path okay that's how we can use the shape Builder tool to create logos with grids thanks for watching [Music] [Music] thank you

Channel: Sweater Cat Designs

Views: 19,155

Keywords: vector, graphic design, digital art, drawing, grid, gridline, logo design, modern, shape builder, offset

Id: rpgpuhX-Ebc

Length: 6min 26sec (386 seconds)

Published: Fri Aug 04 2023