How to Create an Eye Catching Banner With Inkscape

Choose a distinctive font and type something with it. , Resize the text (keeping the Ctrl key pressed to preserve the aspect ratio). , Then outset it (Path > Outset) a few times using whatever the value is default for the operation until you are...

32 Steps 1 min read Advanced

Step-by-Step Guide

Step 1: Choose a distinctive font and type something with it.

This is the master text, source for cloning, you don't want it to show in the final design so it has to be placed outside of the canvas.

Step 2: Resize the text (keeping the Ctrl key pressed to preserve the aspect ratio).

,,,,,,,,,, The difference between the two methods are:
We can change the initial text and the clones are updated automatically:
Also you can change the font face or size, it will work perfectly:

Step 3: Then outset it (Path > Outset) a few times using whatever the value is default for the operation until you are happy (due to the large size the outset is not bad with a large step

Step 4: at the small size it would destroy the text).

Step 5: Change the color to the desired one and resize down to the size you will actually use.

Step 6: Now duplicate the text for the border.

Step 7: Color the duplicate temporarily in any random

Step 8: non-white color (we need to see it over the white background) and move it under the initial text:

Step 9: Apply the outset effect until happy (no need to resize this time

Step 10: we are working on a rough border) and make it white.

Step 11: Duplicate the white border and make the duplicate black.

Step 12: Move the black duplicate at the bottom of the stack and shift it one or two pixels down and to the left for a drop shadow effect.

Step 13: Open the "Fill and Stroke" dialog and add a bit of Gaussian Blur and maybe also decrease the opacity a little:

Step 14: Enjoy or post your finished work.

Step 15: Start the same way

Step 16: writing the desired text at the desired size and using the desired font face.

Step 17: Open the "Fill and Stroke" dialog and unset paint for both fill and stroke

Step 18: this is a needed step in order to be able to alter the attributes for clones.

Step 19: Create a clone of the initial text (Edit > Clone > Create clone) and put it on the canvas:

Step 20: Change the stroke color and width as you like.

Step 21: Adjust the font thickness by changing its stroke width.

Step 22: Make the fill color the same as the stroke color.

Step 23: Then create another clone of the initial text and use a temporary color (it will become the white border):

Step 24: Increase its width for the large border.

Step 25: Move it under the title text and make it white.

Step 26: Get another clone of the initial text

Step 27: with both fill and stroke color set as black and the same stroke width as the white border:

Step 28: Move it under the entire stack

Step 29: shifted one or two pixels down and to the right

Step 30: for a drop shadow:

Step 31: Add some blur

Step 32: decrease the opacity.

Detailed Guide