I am very new to Illustrator. Could you help me with following question:

Creating a gradient with a Screen-overlay type (near opacity selection) makes your radial gradient a glow pattern, removing the black circle around it.

enter image description here

But when saving to SVG the black circle appears.

enter image description here

How do I get rid of it ?

  • Hi Anton, could you add the svg code at the question please? – user120647 Jun 4 '19 at 12:00
  • 1
    prntscr.com/nxg5f9 - this is the effect i created in Illustrator to make a glowing point. It uses a Screen blending mode with a gradient Fill. If i try to save it my svg looks like this - prntscr.com/nxg685 If i try to Rastr it - glowing points simply dissapear from image saved in SVG. I know why... cuz its SVG format I simply want same glowing effect in my resulting SVG icon. – Anton Jun 4 '19 at 12:03
  • 1
    It would be more useful to see the svg code since I can not reproduce the problem, everything works correctly with gradients in screen blending mode in svg. – user120647 Jun 4 '19 at 12:07
  • 1
    i have been able to add mix-blend-mode: multiply; to paths that i need - that makes my svg icon look same as in illustrator. But i am not sure if this is the correct solution taking in account support of that feature in browsers. Can u clarify about this solution ? May be it's better to reproduce same glowing points without blending mode but i don't know what way to go to make it – Anton Jun 4 '19 at 12:14

Everything works fine using screen blending mode in svg. If this is a problem in your svg, instead of using blending modes, you can use a gradient with the same color and different opacities, from 100% to 0%:

enter image description here

  • did u add manually blending mode in svg code ? – Anton Jun 4 '19 at 13:16
  • No, I saved the svg with the blend. – user120647 Jun 4 '19 at 13:22
  • Is this Adobe Photoshop ? Cuz i am trying to achive it with Illustrator – Anton Jun 4 '19 at 15:19
  • Is Illustrator. – user120647 Jun 4 '19 at 15:20
  • Then can you pls tell more about proccess of saving. I am saving to SVG 1.1 or 1.0 and it cuts away all blending – Anton Jun 5 '19 at 10:55

Huge numbers of these Blending modes in the Transparency panel (like Screen) are not bolstered by the SVG file format. So these should be rendered into pixel parts, a procedure which is called flattening. For this, select the related articles and pick Object > Flatten Transparency. Note: the first components will be adjusted, so hold a unique Illustrator record when sparing the modified form to SVG. Hope this will help you.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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