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'm trying to create this halftone effect in Inkscape but I'm not able to produce it. All I'm able to do is create a small circle and clone it to produce simple halftone. But how do I do this?

Circular halftone effect

share|improve this question
up vote 9 down vote accepted

To quickly create the desired image we can use the Clone > Create Tiled Clones... tool.

Here is the steps involved (in Symmetry: P1: simple translation mode):

  1. Draw a circle of desired size (e.g. 400 px)
  2. Set fill to nothing
  3. Set Stroke

    • Paint to fully transparent (here I used light blue for demonstration
    • Style to Mid Marker DotL (dot size depends on stroke width!)

    enter image description here

  4. Choose Clone > Create tiled clone with the following settings:

    • Rows, Columns 1 x 10 (for 10 clones)
    • Shift x: -100% (to keep clones centered)
    • Rotation per columns 10°

    enter image description here

  5. Select all or create a group.

  6. Choose Clone > Create tiled clone with the following settings:

    • Rows, Columns 1 x 10
    • Shift x: -100%
    • Scale X (per column): -10%
    • Scale Y (per column): -10%

    enter image description here

By choosing different settings we may change number or color of dots, rotation, or introduce a fade effect if needed.

  • For changing colors of the dots we have to apply Extensions > Modify Path > Color Markers to match Stroke in step 1. above before we make the stroke transparent.

  • Additionally in the next example a Fade Out of 10 % in Blur & Opacity and a rotation of was added when creating the clones in step 6.

    enter image description here

share|improve this answer
Nice, this makes much more sense than my answer – JohnB Mar 14 '14 at 21:28
@JohnB Not really, because with your approach you are much more free to do things other than black dots. – Takkat Mar 14 '14 at 21:29
This seems better. I'm doing this right now. And I'm unable to get the step 4 working correctly. Here's how I see after performing 4th step – ASRM Mar 14 '14 at 22:02
Okay, it was solved by selecting all and aligning them to the center (horizontally & vertically). But now, how do I change the color of the circles? Or how do I add circular gradient to them so that they appear faded as the circles go deeper? Thanks a lot anyway. – ASRM Mar 14 '14 at 22:35
1. Draw circle - 2. define stroke paint with the color you need 3. define mid markers DotL 4. Extensions > Modify Path > Color Markers to match Stroke to make dots the color of the stroke 5. Define stroke color A (opacity) to 0 to make it invisible 6. proceed with 4. in answer above. The "fade" effect will add transparency to the color. – Takkat Mar 15 '14 at 18:52

This would be easier with Illustrator's Transform Effect, but with Inkscape I believe you can only emulate that by combining Duplicate and Transform.

You can create rings of dots by using a rotation transform. Offset the center of rotation of a dot, duplicate it, and apply a Rotation Transform. The angle of rotation will be defined by the number of desired dots in the circle divided by 360.

You can use the same technique to quickly create multiple rings. This is not quite exactly the same as your posted graphic because it will result in the same number of dots per ring, but this will help illustrate how to use transform and duplicate together:

Start with a ring like this, select it:

Inkscape screenshot

Duplicate it via Edit → Duplicate or by pressing Ctrl + D

Apply a Scale Transform via Object → Transform

Inkscape screenshot

Repeat until happy:

Inkscape screenshot

share|improve this answer
That'd be too tedious. Anyway, thanks for this one. Is there any other way to do it? – ASRM Mar 14 '14 at 21:22

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.