Export an SVG with grain texture

Question

Hello ! I have learned recently a new method to add grain texture on my illustration. I want my output file was an SVG to use such as a design for a website. The method is to add a mask on a copie of the form, and to add gradient and grain fx on this mask. The problem is, when I export the file in SVG the layer with the mask have totally disappeared. If I try to export in SVG the layer with mask lonely is not working.

The goal:

The result when I export in svg :

If you take time to read this, thank you very much !

robinv26133553 · Accepted Answer

Ok, I found a solution ! Illustrator export the mask, we can see the mask in the SVG code, but I think SVG not supports Superposition (in French, maybe layering in English) transparence mode. To counter that, we can adjust the opacity and color of the layer mask (image 2).

The mask code in SVG :

Image 2, modify the fill color and add opacity: %; :

the result:

Thank you for your reply !

Monika Gause · Answer

When making an SVG, you are exporting code. So you can only create in Illustrator what the SVG specifications support. SVG supports alpha masking, but it looks like Illustrator cannot export it correctly.

So your only options seems tobe tocreate this by coding it, or to convert the whole thing into pixels and then of course make a feature request on Uservoice.

Please post feature requests to http://illustrator.uservoice.com

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded