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. Picture 1 of How to Create an Eye Catching Banner With Inkscape
    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. Picture 2 of How to Create an Eye Catching Banner With Inkscape
    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. Picture 3 of How to Create an Eye Catching Banner With Inkscape
    Create a clone of the initial text (Edit > Clone > Create clone) and put it on the canvas:
  4. Picture 4 of How to Create an Eye Catching Banner With Inkscape
    Change the stroke color and width as you like.
  5. Picture 5 of How to Create an Eye Catching Banner With Inkscape
    Adjust the font thickness by changing its stroke width.
  6. Picture 6 of How to Create an Eye Catching Banner With Inkscape
    Make the fill color the same as the stroke color.
  7. Picture 7 of How to Create an Eye Catching Banner With Inkscape
    Then create another clone of the initial text and use a temporary color (it will become the white border):
  8. Picture 8 of How to Create an Eye Catching Banner With Inkscape
    Increase its width for the large border.
  9. Picture 9 of How to Create an Eye Catching Banner With Inkscape
    Move it under the title text and make it white.
  10. Picture 10 of How to Create an Eye Catching Banner With Inkscape
    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. Picture 11 of How to Create an Eye Catching Banner With Inkscape
    Move it under the entire stack, shifted one or two pixels down and to the right, for a drop shadow:
  12. Picture 12 of How to Create an Eye Catching Banner With Inkscape
    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:
Update 05 March 2020
Category

System

Mac OS X

Hardware

Game

Tech info

Technology

Science

Life

Application

Electric

Program

Mobile