How to Create an Eye Catching Banner With Inkscape

Having a distinctive banner at the top of your webpage or paper can add a lot of 'pizzazz' to what you are trying to present. Read this wiki to learn how to do it with Inkscape. Choose a distinctive font and type something with it.
Method 1 of 1:

Alternate Method

There is a better way of doing it, so the text remains text: by using clones.

  1. How to Create an Eye Catching Banner With Inkscape Picture 1How to Create an Eye Catching Banner With Inkscape Picture 1
    Start the same way, writing the desired text at the desired size and using the desired font face.
    1. 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.
  2. How to Create an Eye Catching Banner With Inkscape Picture 2How to Create an Eye Catching Banner With Inkscape Picture 2
    Open the "Fill and Stroke" dialog and unset paint for both fill and stroke, this is a needed step in order to be able to alter the attributes for clones.
  3. How to Create an Eye Catching Banner With Inkscape Picture 3How to Create an Eye Catching Banner With Inkscape Picture 3
    Create a clone of the initial text (Edit > Clone > Create clone) and put it on the canvas:
  4. How to Create an Eye Catching Banner With Inkscape Picture 4How to Create an Eye Catching Banner With Inkscape Picture 4
    Change the stroke color and width as you like.
  5. How to Create an Eye Catching Banner With Inkscape Picture 5How to Create an Eye Catching Banner With Inkscape Picture 5
    Adjust the font thickness by changing its stroke width.
  6. How to Create an Eye Catching Banner With Inkscape Picture 6How to Create an Eye Catching Banner With Inkscape Picture 6
    Make the fill color the same as the stroke color.
  7. How to Create an Eye Catching Banner With Inkscape Picture 7How to Create an Eye Catching Banner With Inkscape Picture 7
    Then create another clone of the initial text and use a temporary color (it will become the white border):
  8. How to Create an Eye Catching Banner With Inkscape Picture 8How to Create an Eye Catching Banner With Inkscape Picture 8
    Increase its width for the large border.
  9. How to Create an Eye Catching Banner With Inkscape Picture 9How to Create an Eye Catching Banner With Inkscape Picture 9
    Move it under the title text and make it white.
  10. How to Create an Eye Catching Banner With Inkscape Picture 10How to Create an Eye Catching Banner With Inkscape Picture 10
    Get another clone of the initial text, with both fill and stroke color set as black and the same stroke width as the white border:
  11. How to Create an Eye Catching Banner With Inkscape Picture 11How to Create an Eye Catching Banner With Inkscape Picture 11
    Move it under the entire stack, shifted one or two pixels down and to the right, for a drop shadow:
  12. How to Create an Eye Catching Banner With Inkscape Picture 12How to Create an Eye Catching Banner With Inkscape Picture 12
    Add some blur, decrease the opacity.
    1. The difference between the two methods are:
      1. We can change the initial text and the clones are updated automatically:
      2. Also you can change the font face or size, it will work perfectly:
5 ★ | 3 Vote