I would like to create something similar to the image below. I've tried the rotate and transform each, however that creates a really dark centre (refer to image 2). Any idea how to create image 1, without the dark center?

enter image description here image 1

enter image description here image 2

Any help is much appreciated.


  • 6
    When the moon hits your eye... Like a big pizza pie, that's a moire...
    – Joonas
    May 14, 2018 at 6:33
  • What kind of center you get really depend on the actual anti-aliasing method used. If your method would be perfect it wouldn't actually show up as a problem at all.
    – joojaa
    May 14, 2018 at 16:04

1 Answer 1


Do the same but adding a gradient to the vector stroke

  • From 10% of the main color, to main color, to 10% of the main color if it is over white

enter image description here

enter image description here

  • From the background color, to main color, to 90% of the background color if it is over a background color


enter image description here

  • Reducing the side colors opacity if it is over a image:



  • thank you! quick question. how did you manage to swirl your pattern like that? I tried the twist effect and it gave me what I've got in image 2. Thanks again.
    – Tian
    May 14, 2018 at 6:57
  • 1
    @Tian don't use a twist effect. Rotate a semi-circle instead. You can see the semi-circle that Danielillo started with in his answer.
    – Billy Kerr
    May 14, 2018 at 7:35
  • 1
    Right, is a semicircle rotated and duplicated 3º (120 times) from one of its extreme points.
    – user120647
    May 14, 2018 at 7:44

Your Answer

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

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