Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I am searching for an easy way to create (in vector) something like this:

enter image description here

essentially I would like to create lines starting for example: black 5pt, white 5pt, black 4pt, white 4pt, etc... all the way down to .001pt WITHOUT having to create each line individually.

any ideas or easy ways to do this would be greatly appreciated.

share|improve this question
Have you tried Blends? What have you tried? – Scott Dec 4 '13 at 20:26
no i have not tried blends.. I have tried transform and distort, zizag... (transform>effects) ok let me give it a try thanks f – esponapule Dec 5 '13 at 21:08

As SVGs are XML-based, it’s relatively simple to write yourself a program that generates the lines as desired. Just generate yourself a file with two lines and take a look at the source to learn the relevant parts of the syntax.

If you lack the programming skills and if you want the line thicknesses to decay exponentially, you can do the following (described for Inkscape):

  1. Create two 5 pt lines, (shown in long/black and short/red, below).
  2. Open the Align and Distribute tab and set Relative to to First selected.
  3. Select the longer line and then the shorter one.
  4. Use Align left edges of objects to the right edge of the anchor.

    enter image description here

  5. Group the lines.

  6. Open the Create Tiled Clones dialogue and Reset if you have used it before.
  7. Go to the Scale Tab and use settings like these (0.8 is the factor by which each line is smaller than the one to its left):

    enter image description here

  8. Create your Clones.

    enter image description here

  9. Remove the Clone positioned on your initial object.

  10. Select all your Clones (beware that some of them may be nearly invisible).
  11. Use Align Right Side (alignment tab)
  12. Use Remove Overlaps with the H and V set to 0 (also alignment tab)

    enter image description here

  13. Select the short line in your original (holding Ctrl).

  14. Remove it.

    enter image description here

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.