Highlighted

export logo to SVG with transparency mask

New Here ,
Sep 13, 2020

Copy link to clipboard

Copied

Hi,

 

I'm using the 7 day free trial of Illustrator, and I'm trying to decide if this is the right software to design web logos.

 

When I export the logo I designed in AI to SVG format, the objects with a transparency mask are made entirely transparent, not just the sections under the transparency mask.

 

Is there an option that I'm missing in the SVG Options?

Or is SVG export disabled in the free trial?

Or is Illustrator the wrong Adobe application to use in designing for the web?

 

Here's what a simple version looks like in AI:

Jason5FAF_0-1600058909505.png

 

Here's what it looks like in a web page builder:

Jason5FAF_1-1600059086277.png

 

Let me know if I'm missing the correct settings in SVG Save As, or if they are disabled in the trial version, or if Adobe Illustrator is not for creating web logos.

 

Thanks for your help.

TOPICS
How to, Import and export

Views

51

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

export logo to SVG with transparency mask

New Here ,
Sep 13, 2020

Copy link to clipboard

Copied

Hi,

 

I'm using the 7 day free trial of Illustrator, and I'm trying to decide if this is the right software to design web logos.

 

When I export the logo I designed in AI to SVG format, the objects with a transparency mask are made entirely transparent, not just the sections under the transparency mask.

 

Is there an option that I'm missing in the SVG Options?

Or is SVG export disabled in the free trial?

Or is Illustrator the wrong Adobe application to use in designing for the web?

 

Here's what a simple version looks like in AI:

Jason5FAF_0-1600058909505.png

 

Here's what it looks like in a web page builder:

Jason5FAF_1-1600059086277.png

 

Let me know if I'm missing the correct settings in SVG Save As, or if they are disabled in the trial version, or if Adobe Illustrator is not for creating web logos.

 

Thanks for your help.

TOPICS
How to, Import and export

Views

52

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Sep 13, 2020 0
Enthusiast ,
Sep 13, 2020

Copy link to clipboard

Copied

Hi, Jason5FAF.
I tried with a shape like the one you created and found the same result.
This may be a bug.
There are other ways to export svg files in Illustrator, so try that one.

 

https://helpx.adobe.com/illustrator/using/collect-assets-export-for-screens.html
https://helpx.adobe.com/illustrator/how-to/export-assets-web-app-design.html

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 13, 2020 0
New Here ,
Sep 14, 2020

Copy link to clipboard

Copied

What are the other ways to export SVG files in Illustrator?  I've tried Save As SVG and Export As SVG.

 

If Illustrator doesn't work for the web, does Adobe have an application that can creat images for the web?

 

Thanks for your help.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 14, 2020 0
Enthusiast ,
Sep 14, 2020

Copy link to clipboard

Copied

Your "Save As SVG" and "Export As SVG" is an old fashioned export method.
However, these days, the "Export Assets" method seems to be the recommended method.

For more information, see the links I mentioned above.


As an example, select the object, right-click and choose "Export Selection".
(I'm using the Japanese version.)

svg_ex.gif

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 14, 2020 0