Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Go Unlimited Maybe Later
How to Create an Offset in Inkscape
  • By Design Bundles
  • 01 Jul 2017
  • 9 Mins
  • Inkscape Tutorials

How to Create an Offset in Inkscape

If you need a font to be thicker, we'll show you how to create an offset in Inkscape.

In our tutorial today we will show you how to create an offset in Inkscape. An offset can make a thin font thicker so that it is easier to cut with your machine. You may also want to add an offset for stickers to give a clearance around the edges. Follow our tutorial as we guide you through a quick way of adding an offset.

How to Create an Offset in Inkscape. 16

To show the process we will be using this lovely script font but we have many more calligraphic fonts to choose from.

You will first need to install the fonts on your PC or Mac before opening Inkscape. Once done, go ahead and open a new document in Inkscape.

Step 1 - Add and Edit the Text

Let’s begin by adding the text first. On the left side toolbar, click on the “A” icon to access the Text Tool. Change the font in the Font Family in the top toolbar, then change the size. Click anywhere on your new document to enter text edit mode and start typing.

How to Create an Offset in Inkscape. 16

We also decided to add glyphs to our text for that little bit of extra flair. The color of the text was adjusted using the Color Palette at the bottom of the screen.

How to Create an Offset in Inkscape. 16

Step 2 - Convert Text into an Object

To apply an offset, we need to convert the text to an object. Before following this step, make sure you are happy with your text. Once converting to an object, you will not be able to enter text edit mode.

Click on the Move Tool top left then go to Path > Object to Path.

How to Create an Offset in Inkscape. 16

The letters have now been separated into individual objects but we need to ungroup and then combine them. First, Right click > Ungroup and while everything is still selected, go to Path > Union. The Union feature is effectively the same as using Weld in Silhouette. This combines all the elements into a single object.

How to Create an Offset in Inkscape. 16

Step 3 - Create an Offset

For this tutorial we are going to use the Linked Offset option as it is easier to work with.

Use the Linked Offset

Make sure that your text object is selected, then go Path > Linked Offset.

How to Create an Offset in Inkscape. 16

Now, look for the little triangle which should appear at the top of your text.

How to Create an Offset in Inkscape. 16

Click + drag this triangle up to increase the thickness of the offset. Don’t worry about the color, we will fix that shortly.

How to Create an Offset in Inkscape. 16

Change Offset Color

To be able to see the offset more clearly, choose a color from the Color Palette at the bottom of the screen. The color can be changed at any point.

How to Create an Offset in Inkscape. 16

You can carry on editing the offset and making it thicker or thinner. Once you are happy, move the text below the offset so we can clearly see the next part of the process.

Convert the Offset to a Path

You may want to keep the offset as is so you can skip this part if you want. We want to remove the smaller pieces like the center of the “O”. This is so we create clean cut lines when cutting with our machines.

First, go to Path > Convert to Path. Then, with the text object still selected, go to Path > Break Apart.

How to Create an Offset in Inkscape. 16

You will now see all the little pieces we want to remove. A quick way to do this is by going to Path > Union.

How to Create an Offset in Inkscape. 16

Align Text Objects

The offset and the smaller pieces have been combined into one object. To align both objects, go to Object > Align and Distribute. The Align and Distribute panel will open on the right hand side.

Next to Relative To, select First selected. Then, click on Center on Vertical Axis and Center on Horizontal Axis.

How to Create an Offset in Inkscape. 16

You can still change the color of either object. Here we opted for a lighter offset and a darker text.

How to Create an Offset in Inkscape. 16

Step 4 - Save Design as a SVG

If you want to use your design as a cut file, you will need to save it as a SVG. To do this, go to File > Save As, then in the window give your file a name. Click on the drop down menu for Save as type and select Plain SVG.

How to Create an Offset in Inkscape. 16

We tested the design out in Silhouette Studio. After ungrouping and separating, we clicked on the Send button. As you can see, the offset has nice clean cut lines without any stray areas.

How to Create an Offset in Inkscape. 16

We hope you enjoyed this tutorial on how to create an offset in Inkscape. An offset can be used in many different projects including adding impact to text. You can even add patterns to your text, making it stand out and look amazing.




6 Related Inkscape Tutorials

Today, we will go over how to make an offset stroke in DesignScape. You can use this technique to quickly outline your text.DesignScape is available for Gold Plus Members only and is an excellent substitute for Photoshop and Illustrator. The program is internet-based, so it won't take up space ...

*CM900 model used.1- Open canvas workspace. Click on the text icon.2- With the text selected click on the edit panel.3- Click on the offset icon.  new window will pop up. This will enable you to place an internal or external offset in your text. You can adjust ...

There are many ways you can design your Instagram feed but the most creative way to make your profile stand out is to create a puzzle feed. Instagram puzzle makes use of multiple photos that you post separately to create a large, eye-catching collage that connects shapes, colors, and images ...

In today’s tutorial, we will show you how to create an isometric illustration in Adobe Illustrator. Isometric designs are great for giving dimension and character while still being flat vector shapes that are easily scalable.In the following tutorial, we will create a cute candy store aided by isometric ...

You can create professional and visually appealing email signatures using DesignScape, which is what we’ll be showing you today. Your email signature should provide information about you and your company along with a call to action or marketing element.DesignScape is an excellent alternative to Illustrator/Photoshop and is ...

Do you want to make a custom email header in Canva, but not exactly sure where to start? Then you’re in luck! Email headers promote your brand and immediately tell customers who you are. In this tutorial, we will take you step-by-step through the process of creating a custom ...

You may also like

Help Center
ol image