0

I am very new to Illustrator. Could you pls 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.

But when saving to SVG the black circle appears. How do I get rid of it ?

If I explained badly let me know, I will add screenshots.

  • Hi Anton, could you add the svg code at the question please? – Danielillo Jun 4 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 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. – Danielillo Jun 4 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 at 12:14
0

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 at 13:16
  • No, I saved the svg with the blend. – Danielillo Jun 4 at 13:22
  • Is this Adobe Photoshop ? Cuz i am trying to achive it with Illustrator – Anton Jun 4 at 15:19
  • Is Illustrator. – Danielillo Jun 4 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 at 10:55

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.