1

I've looked all over the stack and internet but haven't been able to find the exact answer. I've tried doing the legacy "File > Export > Export As" and ticking "use artboard" but it hasn't solved my issue. I've also tried opening the SVG file and reducing the artboard to fit the content but as soon as I use it somewhere else, it just adds the transparent area back immediately.

I've attached my SVG and a snippet of the file. I have a lot of different objects on the illustrator file and don't want to break out to a new file everytime i want to export something. If anyone has any idea how to remove the transparent area from the clipping mask I'd really appreciate it.

https://www.dropbox.com/sh/pgtpr03xmjzg7uv/AAAUmFLfdOeJ2mp1N4O-bMYma?dl=0

Improve this question
5
  • 1
    Hi. It's not clear what your problem is. Do you want a solid white background instead of a transparent one? Are you trying to release the clipping mask? What format are you exporting as? Can you edit your question, and state exactly what you are trying to do. Thanks.
    – Billy Kerr
    Mar 6, 2021 at 23:19
  • No, I have a layer mask using the text over the gradient background. When I export it, Illustrator has kept the area which the gradient takes up, but retailed it as a transparent area. If you open the SVG in Indesign or import it into something, you will see the issue.
    – Kevin Auyeung
    Mar 6, 2021 at 23:47
  • 1
    I checked the files. I see no problems. There's only a gradient filled object with the letters used as a clipping mask. Why are you using InDesign to open/place an SVG? You could just use the AI file. Also you still haven't said what format you are trying to export from Illustrator.
    – Billy Kerr
    Mar 7, 2021 at 1:20
  • 1
    Why are you using a clipping mask in this manner? Simply apply the gradient to the type shapes rather than using them as a clipping mask --- You can apply one gradient across all the shapes. see here In AI, clipping masks are artwork and in many "export" cases the underlying artwork will not be ignored (even going from AI to PS). The only solution is to remove or expand the clipping mask, or find some other method of construction.
    – Scott
    Mar 7, 2021 at 2:16
  • @scott, YES! haha, completely forgot about that. Sometimes it just takes a second pair of eyes to look at it! Solved
    – Kevin Auyeung
    Mar 8, 2021 at 11:53

1 Answer 1

Reset to default
1

It is not necessary to use a clipping mask in that manner.

Simply apply the gradient to the type shapes rather than using them as a clipping mask.

It's possible to apply one gradient across all the shapes.
See this question if you are unfamiliar with how to do such a thing.

In Illustrator, clipping masks are artwork and in many "export" cases the underlying artwork will not be ignored. This is even true merely moving from Illustrator to Photoshop with artwork. If Photoshop can't "ignore" the dimensions of the underlying artwork, there's little hope it'll be ignored in the SVG format.

Often the only solution is to remove or expand the clipping mask, or find some alternate method of construction so that the underlying artwork doesn't extend farther than desired.

(I am a bit surprised that clipping to an artboard doesn't work, but that must be due to the vector nature of SVG files.)

Improve this answer

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.