How to Create a 3D Text Effect with Interpolate on Inkscape

In this tutorial, I will show you how to create a 3d text effect with Interpolate on Inkscape and add shading to give more dynamic looks for the final results.

What you will learn

  • How to create outstroke with outset
  • How to use path effect
  • How to add multiple pages
  • How to use Interpolate extension on Inkscape

Step 1

Type a text with text tool (T), change the font to Bowlby One SC.

3d-text-interpolate-step-1-1

Convert the text to Path in Path > Object to Path

3d-text-interpolate-step-1-2

Step 2

Next, add the Perspective/Envelope in Path > Path Effects > click the (+) > Perspective/Envelope. Press F2 to enter the edit mode and drag the text like below:

3d-text-interpolate-step-2-1

Apply the path effect by converting to the Path in Path> Object to Path.

3d-text-interpolate-step-2-2

Ungroup the text by right click > ungroup.

3d-text-interpolate-step-2-3

Step 3

Arrange the text like the below:

3d-text-interpolate-step-3

Step 4

Unite the text by selecting all then go to Path > Union.

3d-text-interpolate-step-4-1

Result:

3d-text-interpolate-step-4-2

Step 5

Duplicate the text with Ctrl+D, then move to the lower back. Also, you can change the color to any (for example: red) for easier to see the difference.

3d-text-interpolate-step-5

Step 6

Select the text (the black and the red), then go to Extensions > Generate from path > Interpolate. set the steps and apply.

3d-text-interpolate-step-6-1

Send to the bottom, then remove the red color. Change the front path color to white. and the Extrude to red.

3d-text-interpolate-step-6-2

Result:

3d-text-interpolate-step-6-3

Step 7

Duplicate the extrude with ctrl+d then change the color to dark blue.

3d-text-interpolate-step-7-1

Combine the extrude only in Path > Combine.

3d-text-interpolate-step-7-2

Press ctrl+) to increase the stroke width and send to the lower back. And you can add some shading.

3d-text-interpolate-step-7-3

Final Result

That’s how you can create the 3d text with interpolation in Inkscape. Thank you for reading.

3d-text-interpolate-zakeydesign.com

Tutorial Assets

Credits

Share via
Copy link
Powered by Social Snap