• This tutorial is for Inkcape (free vector program www.inkscape.org)
  • This is advanced level tutorial: you need to know what is Inkscape, how to create and manipulate objects, paths, fill and stroke.
  • Tested in version 0.92

2020.05.01 Important update.

Inkscape version 1.0 has been released. This version has received major updates to program. One of the new features added is new Live Path Effects dialog and new effects, one of these is the great “Offset” effect.

Below you will find an updated instruction for versions up from 1.0 and older instruction for versions below 1.0.

Sharp offset for Inkscape 1.0 and above

Inkscape Path Effects

Select desired path to change

  1. Go menu “Path -> Path Effects…” or press Ctrl+&
  2. Click [+] button in “Path effects” panel

3. “Live Path Effects” dialog opens..

4. Select “Offset” effect

Inkscape Offset and Mitter

5. Select “Miter” from “Join:” select box. By the way you can experiment with other join types, for various offsets as bevel, and rounded.

6. Adjust “Offset:” and “Miter limit:” values to your needs.

7. If you need to make effect permanent, go Menu “Path -> Object to Path” or press Shift+Ctrl+C

Sharp offset for Inkscape below versions 1.0

Problem: there are some offset tools in inkscape (http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Paths-Editing.html#Paths-Offsets). But they produce some kind of rounded and deformed paths in result. For example:

If you need sharp and exacts offset like in other drawing or CAD programs, you can achieve this in Inkscape also, but this needs more steps.

Solution: I found some workaround to this “feature” to achieve exact path offset is through duplicating the object, then playing with its stroke parameters, and later converting stroke to path.

Step 1. Make a duplicate of your original object (that is already a path object).

Step 2. Make a stroke of desired width, and remove fill of object. You can again make another duplicate of the same path and adjust its transparency, then set stroke of another for a better view of stroke width. Also set stroke style to “Miter join” and adjust values.

Step 3. Convert stroke to a path object.

Step 4. Make a another copy of original path. If you want a bigger offset of original, then align stroke object and one of the originals as you want, then path union both objects. If you want a smaller offset of original, then align stroke object and one of the originals as you want, then make a path difference.

Share This Story..

About the Author: markoze

I'm an exploring artist, illustrator and creator of digital media (2D graphics, illustrations and 3D designs). I share my works, tutorials, tips, free art, items and tools. I also create websites (and apps) for organizations, communities, groups, people movements, faith organizations and more.
Published On: May 10th, 2017Categories: Inkscape, TutorialTags: , , , ,
text to speech markoze infoBetter free text to speech voices on older "Windows"
Spaceship "Hopper" part 2 (v1.5)

Products, addons and solutions I recommend

  • Disclosure info: images and links here maybe affiliate links and promotions.