How to Create a Badge Typography Design on Inkscape

In this tutorial we will learn how to create an emblem logo which are really popular and dope logo with inkscape.

What you will learn

  • How to use shape tools
  • How to add stroke
  • How to create a circle
  • How to add text

Tutorial Steps

Step 1

Create a circle with the circle tool; hold ctrl while creating the circle to create a proportional process.

badge-design-step-1-1

Create a stroke-only circle by swapping fill and stroke in the bottom left corner > right-click > Swap fill and stroke, or you can choose Unset fill.

badge-design-step-1-2

Step 2

Duplicate the circle by pressing Ctrl+D, hold ctrl while creating the circle to create a proportional process.

badge-design-step-2

Repeat the steps like this image:

Step 3

Add a text with T, change the font to Graduate.

badge-design-step-3

Step 4

Select the text and inner yellow circle (the closest one to the black color), then in Text menu > Put on Path.

badge-design-step-4-1

You can try to rate the text positions.

Step 5

Add more text by pressing T and typing a word. select the outer yellow circle and the text, Then in Text menu again > Put on path.

badge-design-step-5-1

Click on the yellow circle (inline with the “screenprinting” text) and press V to flip the text vertically.

badge-design-step-5-2

Step 6

Create a circle, then duplicate with Ctrl+D to the right sides.

badge-design-step-6-1

And create a circle again, duplicate the inner circle with ctrl+D, then hold Ctrl while making the circle to create a proportional process.

badge-design-step-6-2

Then create a shape with the Bezier tool (B), draw some rectangle shapes, then select the two objects (the rectangle and the last duplicated circle) Path > Cut Path.

badge-design-step-6-3

Result:

badge-design-step-6-4

Step 7

Select the yellow circle, and change the stroke width to 0.1 px. You can rotate if you want to change the positions.

badge-design-step-7

Step 8

Type a text, then change the font to Damion.

badge-design-step-8-1

Adjust the kerning by selecting the Text.

badge-design-step-8-2

Create a skew effect by clicking the text once and drag to the top. See this gif:

badge-design-step-8-4

Result:

badge-design-step-8-3

Step 9

Now we are going to create the outstrokes. Duplicate the text and change the text color to black.

badge-design-step-9-1

Remove the fill, make sure in stroke only, Add the strokes, and increase the stroke width to 40px. And click outset ( Ctrl+) ) a few times. send the object to lower back.

badge-design-step-9-2

Delete the white gap by pressing F2 to enter the edit mode, select the outstrokes, and press the delete button.

badge-design-step-9-3

Result:

badge-design-step-9-4

Step 10

Duplicate the outstrokes, then move in right bottom a bit.

badge-design-step-10-3

Connect with Bezier tool (B), then unite in Path > Union.

badge-design-step-10-1

Result:

badge-design-step-10-3

Step 11

Duplicate the outstroke for the last time with Ctrl+D,

badge-design-step-11-1

Change the selected color to white.

badge-design-step-11-2

Result:

badge-design-step-11-3

Well Done!

I hope you learn something new in this tutorial; thanks for reading.

badge-design-zakeydesign.com

Tutorial Assets

Share via
Copy link
Powered by Social Snap