Unlimited is here! Plus Membership just got even better Join Now
How to warp text into the shape of an object in Inkscape
  • By Design Bundles
  • 11 Dec 2016
  • 9 Mins
  • Inkscape Tutorials

How to warp text into the shape of an object in Inkscape

Discover how to warp text into the shape of an object in Inkscape.

If you want to know how to warp text into shapes in Inkscape, then check out our tutorial. Warping text adds a new perspective to how your text is displayed. This works especially well for projects such as Valentines cards, t-shirts, mugs and more. We will be converting the text to an object so it will be easier to manipulate into a shape. So let’s get started learning how to warp text into shapes in Inkscape.

How to warp text into the shape of an object in Inkscape 13

This technique works best with a nice thick font so it’s still readable after warping. We will be using a fun handwritten font called Amora Brush. Be sure to download and unzip your file then open Inkscape.

Step 1 - Add the Shape and Text

We are going to warp our text into a heart shape. You can also create your own shape using the Bezier Curve for a more customized design.

Once you have opened your shape, go to the Create and edit text objects tool on the left side toolbar.

At the top toolbar, click on the drop down menu for the Font Family. You can also type in the font name. Then, click on the document and start typing. To keep everything uniform, use Caps for all the letters.

How to warp text into the shape of an object in Inkscape 13

You can change the color of your shape and text by using the Fill and Stroke panel. To access it, go to Object > Fill and Stroke. The panel will appear on the right hand side. You can also change the color using the Color Palette bottom of the screen.

You may want to adjust the opacity of the shape if it makes the text easier to see.

To resize the text object, click on the Select and Transform tool on the left side toolbar. For easier reference we will call it the Move Tool. Now click and drag out a corner node to resize the text. You can move the text around by clicking + dragging from the center.

How to warp text into the shape of an object in Inkscape 13

Step 2 - Use the Path Effects Editor

We need to first convert our text to a path before we can warp it to the heart shape. Go to Path > Object to Path and once done your text will be separated into individual letters.

Open Path Effects Editor

With the text still selected, go to Path > Path Effects and the Path Effects Editor will open on the right hand side.

How to warp text into the shape of an object in Inkscape 13

In the Path Effects Editor, click on the “+” sign to add a new effect. A new window will open, now select Envelope Deformation.

How to warp text into the shape of an object in Inkscape 13

Warp Top Nodes of Text

You will see the effect has been added to the Path Effects Editor. Make sure to remove the tick for the box Enable Left & Right Paths. Next, click on the icon for Top bend path and a green line will appear on top of the text.

How to warp text into the shape of an object in Inkscape 13

On each side of the green line is a node. Click + drag on one corner node to warp it to the one side of the shape. Repeat for the other side.

You will notice that the middle of the word overlaps on the shape. You can click + drag on the middle of the green to move it down. You can also add another node by double clicking on the line and adjusting.

How to warp text into the shape of an object in Inkscape 13

Warp Bottom Nodes of Text

On the Path Effects Editor panel, click on the icon for Bottom bend path. Repeat the step above and move the nodes as needed.

How to warp text into the shape of an object in Inkscape 13

You can go back and forth between the top and bottom nodes to keep adjusting until you are happy.

How to warp text into the shape of an object in Inkscape 13

To make the changes permanent and lock the warped text in place, go to Path > Object to Path.

Step 3 - Clip Text to the Shape

You can go one step further to create a type of cut off style to the text. Select the heart shape, right click > Duplicate. This will create a copy on top of the text and shape. We need to select this top copy and text beneath it.



Click on the top copy to select, then hold Alt + click on the copy again. This will now select the text object beneath it. With the text selected, hold Shift + click on the top copy so that both are now selected.

The benefit of using Alt + click is so that you can access an object that is hidden beneath another.

How to warp text into the shape of an object in Inkscape 13

Go to Object > Clip > Set. The text will be clipped to the shape of the heart.

How to warp text into the shape of an object in Inkscape 13

You can now save the file in your desired format or export it as a PNG.

How to warp text into the shape of an object in Inkscape 13

There you go, now you know how to warp text into shapes in Inkscape. You have the flexibility to warp text into any shape of your choice. Have fun experimenting and creating unique designs for your projects.


6 Related Inkscape Tutorials

1- Open Silhouette Alta software. Click on the shape icon.2- Select your shape.3- Create your shape. If you are going to put a decoration onto a project you have already made, open that instead.4- Click on the right tab to access the library and your premade designs.5...

Ensure that your file has been downloaded and unzipped to use.1- Open Cricut Design Space.2- Type the text you would like to create a shape from.3- Change the font to the one you would like to use by clicking Edit and then selecting your font from the ...

*CM900 used.1- Open canvas workspace. Click on the text icon.2- Type your text.3- Change your font. I am using Garlic butter font from Font Bundles.4- If any letters are overlapping, click on the weld tool. Once all welded, click on offset.5- In the offset window, ...

Knowing how to change the opacity of a layer in Procreate is one of the most useful tools for designers, crafters and creatives. You can create unique designs or convert your hand-drawn images into digital works for your online profile. In this Procreate tutorial, discover two quick and easy ways ...

1- Open Cricut Design Space. Click on new project.2- Select the text icon.3- Type your text.4- When you type your text and select it, the text edit panel will automatically appear.Click on the font drop down box.5- In the font drop down box there is ...

Bokeh effect or out-of-focus blur in the background of your photos gives your portrait an aesthetic quality and professional look. You can achieve it with a special camera lens and photography skills. But did you know that with Canva, you can create the same effect with just a few steps?...

You may also like

Help Center
ol image