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.
As a result we have menu option as shown below right.
Duplicate the text object, colour it red and send the red object to the bottom.
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”
Off set by the same amount and also make sure “force miter” is unchecked. (Consequently you will have spikes! Check it just for fun 🙂
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?
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.