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

2 Answers 2


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

  • Nice, this makes much more sense than my answer
    – JohnB
    Mar 14, 2014 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, 2014 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 i.imgur.com/d3isGnB.png
    – user20595
    Mar 14, 2014 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.
    – user20595
    Mar 14, 2014 at 22:35
  • 1
    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, 2014 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

  • That'd be too tedious. Anyway, thanks for this one. Is there any other way to do it?
    – user20595
    Mar 14, 2014 at 21:22

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.