Retain Overlay effect in illustrator for SVG file

[Wanda. G]

Hi, I hope someone can help me out.

I have a design that is created in illustrator. It has an overlay effect on it, when I save the file as an SVG file, the overlay shows as white on my background whereas I need it to show as an overlay on any background that it is placed onto. How do I do this?

Thanks

Wanda

[Monika Gause]

Please show.

Please do include the Appearance panel.

Please do also show the resulting SVG

[Wanda. G]

Hi Monika

Herewith a screenshot of what I need to achieve.

The other screenshot is of the ai file with the appearance panel as requested.

The flower pattern is white inside a clipping mask, that sits behind the blue lines.

When I save this as a SVG file the pattern comes in white and not overlay when I place it in photoshop as a test.

 

 

[Monika Gause]

Not all blend modes are supported in SVG.

Also: whenimporting an SVG, the importing app might ditch things.

Do you need the SVG in Photoshop, or what will be the final use?

[Wanda. G]

Hi, the client wants it for their website, but they want it in an SVG format that is easily scalable, so I would imagine illustrator would be better for this application.

[Monika Gause]

Then why do you "test" it in Photoshop?

[Wanda. G]

So that I can see if it's creating the effect I need, where should I be testing this?

[Monika Gause]

Photoshop maybe interprets an SVG differently than a browser does. You cannot be sure of that.

So you need to set up a test case in HTML and also test it in different browsers.

[Kat Gilbert]

I gather that you client does not have Illustrator but only Photoshop? their web master or who ever does their site should have both, I would think. Just curious as to the details of the transition of a file to a client. The old version of transition from one to another app use to be eps- have you tried that one?

Monika- you are the master here so please forgive my intrusion but curious as to the reasoning.

[Monika Gause]

Good luck with EPS. Since it doesn't support any transparency related thing.

[Wanda. G]

Thanks very much I will try this.