Create Isometric Carved Letters with Inkscape

Create Isometric Carved Letters with Inkscape 1024 602 Nick Saporito

In today’s tutorial I’ll be demonstrating how to create isometric carved letters with Inkscape, where it appears as if the letters have been carved into the surface.

Learn How To Design Logos

If you want to learn how I come up with logo design ideas, be sure to check out my Logo Design Academy - an interactive 18-part video course where you will learn my entire creative process for coming up with logo ideas and implementing them.

I made a similar tutorial back in 2016, but my approach will be different this time. In the previous tutorial we set up an isometric grid and drew each letter/number freehand. This time, we’ll be using a stock font and distorting the desired word/lettering to fit an isometric grid.

The following is just a brief overview of the steps taken to achieve this effect. Please refer to the video tutorial at the top of the page for complete step-by-step instructions. 


First we’ll need to download and install the font being used in the tutorial, which is 8 Bit Wonder. I chose this font because it’s a nice, square font with sharp corners and no round edges. This technique can theoretically work on a font with rounded edges, but it’ll be a little more tricky and should only be approached by advanced users.

The font can be downloaded here: 8 Bit Wonder. Check my tutorial for installing fonts in Inkscape and GIMP if you need help getting the font installed.

Creating Isometric Letters

Once we have our font installed, we’ll write out the word we want to apply the effect to. For the sake of this tutorial I’ll just be used the word “TEXT” for example. Then convert the text to a path, ungroup it into individual letters, make everything green, and bring to opacity down to roughly 50%.

150+ Logo Templates

Need a professional logo but have a limited budget? Or are you a designer looking to add to your inventory of design elements? Check out my bundle of 150+ high quality logo templates, all designed by Yours Truly.

Step 1

Next we’re going to use the Select tool to shear the text one step to the left, then rotate it two steps counter-clockwise.

Step 2

Now we’re going to enable snapping (in the toolbar) and use the Bezier Pen to manually draw shapes within the letters that start at the corners and come straight down vertically. The shapes will alternate between two different shades of the same color. For this example I used blue, but you can use whatever you’d like.

Step 3

One trick for determining which color which shape should be is to identify the angle of the top of that shape. In my example, each shape which has an angle going down and to the right at the top was colored in with light blue. Each shape which has an angle going down and to the left is colored with dark blue.

Step 3

It may seem a little tricky at first, but it’s much simpler than it appears once you get the hang of it. I would really recommend watching the video tutorial at the top of the page for this one. It might help you grasp it better.

Step 5

Once you’ve gone through and created shapes over each of the letters you can go ahead and delete the original green letters beneath them. And with that, our isometric carved text is finished!

Become A Master of Inkscape!

Want to learn more about how Inkscape works? Check out the Inkscape Master Class – a comprehensive series of over 50 videos where I go over every tool, feature and function in Inkscape and explain what it is, how it works, and why it’s useful.

Be Notified of New Posts

Join the Logos By Nick mailing list to be notified of new posts. Members receive free design templates and special discounts on courses and various products. Your information will not be shared with any third parties.

Logos By Nick LLC is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to As an Amazon Associate I earn from qualifying purchases. Read affiliate disclosure here.

Nick Saporito

Designer, content creator, and the founder of — an educational media platform for learning about graphic design.

All stories by: Nick Saporito
  • Ethan

    This is very nice and it helped me a lot, but I didn’t grasp how to do the other letters in the alphabet other then T, E, and X. I need to learn how to do an H, A, and a N. If someone could help me it would be gladly appreciated. tnx 🙂

    • Nick Saporito

      Whatever is most convenient for you 🙂 I put these videos here as a backup for my YouTube channel in case something ever happens to it, and because they bring in Google search traffic here as well. If you’re on the mailing list then you’ll get an email every time a new video is posted.

      YouTube’s ad revenue pales in comparison to what I make from selling courses and templates on these posts, so I always try to encourage people to watch tutorials here, and I incentivize it with ad-free videos.

  • Cory Wyatt

    Looks great Nick! Your tutorials on Inkscape and gimp have really helped me develop my skill! I have to point out on the “E” in “TEXT” you’ve left out one shape!! On the left upper corner there is one spot that needs an object created. Where the top drops down and left! I only notice these things when it’s not my work and I know I appreciate when somebody had pointed it out!

Leave a Reply

Your email address will not be published.