Designing a Vintage Logo in Inkscape

In this tutorial, you will be designing a simple vintage logo in Inkscape. It’s a very simple process, and involves only typography and the Put on Path feature. Here are the 2 fonts we’ll be using here, along with where to find them:

Bree Serif

Bebas Neue

After downloading the fonts, open up Inkscape, choose the Text tool (F8) and enter VINTAGE in Bree Serif.

You might notice that the spacing between different letters isn’t as even as you would like. In typography, kerning is the process of adjusting the spacing between characters in a proportional font, usually to achieve a visually pleasing result. To do that in Inkscape, simply click in between 2 letters with the Text tool, then press ALT + left or right arrow keys to increase or decrease the spacing; use SHIFT + ALT + left or right arrow keys if you want to make bigger changes.

Once you’re satisfied with the kerning, add 2 more lines of text in Bebas Neue: VINTAGE LOGOTYPE and YOUR SLOGAN HERE. Next, create a circle with the Circle tool (remember to hold down CTRL to lock the proportions so you get a perfect circle).

Now for the fun part: select both the circle and VINTAGE LOGOTYPE by holding down SHIFT with the Select tool (F1), before going to the Text menu and choosing Put on Path. Amazingly, doing so places the text onto the curvature of the circle. Essentially, the way the text flows is based entirely on how the line curves and scales, so feel free to experiment for different results.

Don’t worry, you will still to able make changes to the text as per normal, such as changing the font or font size. Similar to kerning, you can move the text along the circle by clicking on either end and pressing ALT + left or right arrow keys.

However, one issue with using a full circle is that parts of the text tend to disappear for some reason. As such, one suggestion would be to delete parts of the circle that you don’t need. First, select the circle and convert it to paths by going to Path > Object to Path.

Let’s delete the nodes on the lower half of the circle since we want the text on the upper half. Finally, select the 2 nodes on the each side of the circle, choose the Node tool (F2), and click on Delete segment between two end-point nodes. You’ll get something like this:

Once done, you can just shift the text to the middle of the curved line and widen the letter spacing so it takes up more space. Repeat the same steps for YOUR SLOGAN HERE, but for the lower half.

Unfortunately, the text seems to be on the opposite side of where we want it to be. The solution is to select both the text and circle, and go to Path > Reverse. Much better:

Now it’s just a matter of kerning and customizing the design to your preferences. Once you’re satisfied with the result, be sure convert all the text to paths. If you try to scale the design without doing so, the text will act in erratic ways. Give it a try and you will see what I mean.

Finally, remove the lines, add some colors, and you’re done!

Leave a Reply