1

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 ?

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

2 Answers 2

1

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

9
  • did u add manually blending mode in svg code ?
    – Anton
    Jun 4, 2019 at 13:16
  • No, I saved the svg with the blend.
    – user120647
    Jun 4, 2019 at 13:22
  • Is this Adobe Photoshop ? Cuz i am trying to achive it with Illustrator
    – Anton
    Jun 4, 2019 at 15:19
  • Is Illustrator.
    – user120647
    Jun 4, 2019 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, 2019 at 10:55
0

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 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.