Offset text effect Inkscape tutorial

Offset text effect Inkscape tutorial. There are a few ways to offset your text in the Inkscape program. Today we will look at the Path Effects Editor for this tutorial.

Offset text effect Inkscape tutorial

Did you know I have a YouTube channel? You can also watch the video there. Subscribe for more 🙂

Offset text effect Inkscape: Choose font

First of all, type out your chosen text by clicking the A tool on the right. I’ll just type “offset”. Secondly, to choose the text simply go to the T menu at the top and click to open the box.

Furthermore just click to choose your font. I will use Knuckle Down by Ray Larabie at Typodermic Fonts. I like this font because it is retro 70’s and geometric. It’s also free. Yay! Free font 🙂

Offset text effect Inkscape: Finalize text

First prepare the font for design by finalizing it. Secondly, select your text. Go to path-object to path. Next ungroup the text into separate objects. Finally, go to path-union to merge all pieces together. As a result we have a vector object that is no longer text.

Learn Inkscape 1.0

While there are some tutorials in this course, It is not the main objective. The lessons allow learners to understand the tools and why they are used.

Offset text effect Inkscape: Path Effect Editor

Go to Path- path effects. As a result a box will appear with a plus sign. In addition select your text and click the plus sign. There are many tools in the path effect editor. Look for one called “offset”. Open it.

Offset text effect Inkscape tutorial 8
Loading Preview…
Powered by Creative Market
Loading Preview…
Powered by Creative Market
Loading Preview…

Powered by Creative Market

As a result we have menu option as shown below right.

Duplicate

Duplicate the text object, colour it red and send the red object to the bottom.

Loading Preview…
Powered by Creative Market
Loading Preview…
Powered by Creative Market
Loading Preview…
Powered by Creative Market
Offset text effect Inkscape tutorial 8

Offset

With the red object still selected, (you may need to click the plus and choose “offset” again.) Choose the options shown. Uncheck “force miter” as this may result in wacky spikes. Go to path-object to path.

Duplicate the red object and also turn it green. Finally, send this green object to the bottom. To do this simply click Ctrl+D and END on your keyboard.

This will be a repeat of steps already completed. With the green object still selected, click the plus sign and choose “offset”

Offset text effect Inkscape tutorial 11

Off set by the same amount and also make sure “force miter” is unchecked. (Consequently you will have spikes! Check it just for fun 🙂

Offset text effect Inkscape tutorial12

Fix broken areas

ok, so first of all sometimes we have areas that break. Consequently I have a tiny break on the left. However there are certainly a few ways to correct it. To sum up here is the break apart method.

First click path-object to path. Secondly, click break apart. Finally click path-union. Easy peasy am I right?

Offset text effect Inkscape tutorial 8

The very last step is to select the green and red objects. Go to path-difference. This will consequently minus the overlap areas. As a result give us a negative space.  Finally colour the remaining portions as you like.

 

Offset text effect Inkscape tutorial
Offset text effect Inkscape tutorial
Tagged on: