How To Create Line Style Letters with InkscapeHow To Create Line Style Letters with Inkscape https://logosbynick.com/wp-content/uploads/2019/06/line-text-logo-inkscape-1024x602.png 1024 602 Nick Saporito Nick Saporito https://secure.gravatar.com/avatar/d9a1bc4f29b2352da1ce14ad033328ab?s=96&d=mm&r=g
In today’s tutorial I’ll be demonstrating how you can use Inkscape to create simple line art-style letters and words that can be used individually as logos or as some kind of typography design.
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.
The following is just a brief outline of the steps taken to achieve the end result. For complete step-by-step instructions with voice narration, please refer to the video tutorial at the top of the page.
Vector Line Art Letters
The first thing we’re going to do is generate a series of strokes that are 10 px in thickness and have a rounded cap. We’ll use the Bezier Pen to create the first line, then we’ll make a bunch of duplicate copies and space them out evenly.
Next we’ll rotate them so that the corners run vertically and horizontally, bring the opacity down to 50%, then center our letter/text on top. Make sure you’ve converted your text object to paths first.
For this sort of design I recommend using a heavy weight font. I went with Montserrat Heavy.
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.
Now we’ll select the lines and the text and go to Path > Cut Path. This will result in the lines being broken apart in the shape of the letter. Simply delete all of the lines outside of the letter area.
Select the remaining lines and convert them to paths by going to Path > Stroke to Path.
Next, grab the Nodes tool and select the two nodes at the end of one of the lines.
With the two nodes selected, click on the button that says Combine Selected Nodes in the top toolbar. This will combine the two nodes together so that they form a point.
Go through and repeat this process on the rest of the design.
Once completed, you can bring the opacity of the design back up to 100% and you’re finished!
If you have any questions simply leave a comment below, and as always, thanks for watching!
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.
You might also like
Custom Text Treatment for Logo Designs using InkscapeCustom Text Treatment for Logo Designs using Inkscape https://logosbynick.com/wp-content/uploads/2020/05/custom-text-inkscape.jpg 800 470 Nick Saporito Nick Saporito https://secure.gravatar.com/avatar/d9a1bc4f29b2352da1ce14ad033328ab?s=96&d=mm&r=g
Inkscape Dark Theme for Windows Mac and Linux | 3-Click InstallationInkscape Dark Theme for Windows Mac and Linux | 3-Click Installation https://logosbynick.com/wp-content/uploads/2019/02/dark-theme-tutorial.png 800 470 Nick Saporito Nick Saporito https://secure.gravatar.com/avatar/d9a1bc4f29b2352da1ce14ad033328ab?s=96&d=mm&r=g
11 Free Templates for Inkscape and How To Install Them11 Free Templates for Inkscape and How To Install Them https://logosbynick.com/wp-content/uploads/2020/05/inkscape-free-templates.png 800 470 Nick Saporito Nick Saporito https://secure.gravatar.com/avatar/d9a1bc4f29b2352da1ce14ad033328ab?s=96&d=mm&r=g
Another great video Nick! I did the letter “N” as you did and it turned out fine and looked great. I then tried the letter “D” and it wouldn’t put the small dots on the lower right corner on the inside of the d or the outside of it. I tried it several times but still have dots everywhere but the lower right side of the d. Could this be because its a closed in letter?
Are you trying to do this with a single letter or an entire word?
If it’s a single letter, make sure you convert it to a path and ungroup it first as I did in the video.
If it’s an entire word, you’ll have to convert it to a path, ungroup it, then unify all of the letters together by going to Path > Union.
I am just trying to follow you stroke for stroke, so just a single letter. I was just wondering if there was a problem with my older computer at home keeping up with inkscape?
So here on my new computer at work I tried the tutorial again but this time I could not get past making the line. When I hit ‘cap’ under stroke style it only caps the top end of the line. the bottom is straight or slanted?
Thanks for your help, Ron