You will be left with a small square on the corner. Select the rectangle and one square then go to Path and choose Division.

The Division tool under the Path menu is used to cut objects according to the shape beneath them. Step 2 - Use Division to cut out the border design You will see a small red X appear when the rectangle corner is in the middle of the square.ĭuplicate the square three more times and position at the remaining corners of the rectangle. Click + drag this square to the top left corner of the rectangle. You can also adjust the size using the Width and Height at the top of the screen. Holding Ctrl, click and drag out a square about 1' x 1'. Select the Create rectangles and squares tool again. Then further down the panel select Snap an item's rotation center. On the right side panel at the top click Enable Snapping. We want to enable the snapping tool so that positioning is more accurate. To change the stroke hold Shift + click on a color. Click + drag out the rectangle shape on the canvas.Ĭhoose a color fill from the bottom palette.

Many thanks to my friends at OpenArt.ro, and Inovatika for motivating me to write this.On the left hand side click on Create rectangles and squares. Pretty please (this is not a requirement, only my humble wish) send an email to dioanad at server with thanks for motivating me to publish it and expressing your unhappiness to the same personįor destroying my motivation to publish more.īe nice, polite and do not do nasty things with the address above. This tutorial is free, but if you find it entertaining,

You can leave comments, complaints, suggestions, praises on my blog. Update: as requested by a reader, here is the SVG source

optionally, add a glossy area (white to transparent gradient).

use the same gradient for the stroke as with the fill but with inversed atart and end points.

fill with a bright color, like this light green.

edit the nodes and make the lines slightly curved.

with the Bézier tool draw a rough arrow.

When I write on by blog the blurb for an Inkscape tutorial I usually present the process by showing the start image, the end image and an arrow like this:

Inkscape gradient width