Unwanted padding in PNG export if shadows applied

New Here ,
Nov 26, 2020

Copy link to clipboard

Copied

Hi everybody! 

 

I have a problem with XD. When I export some SVG elements in my mockup, if I put any kind of shadow on the components of the path, when I export in PNG (for Android) I get an annoying and useless padding in the PNG file. Even if I set the shadows' directions to the inside of the shape. 

 

This is without shadows:

Immagine 2020-11-27 002230.png

 

This is with shadows: 

Immagine 2020-11-27 002600.png

 

So: is there a way to export PNG with shadows but without that unwanted padding? 

 

Thank you in advance for the support! 

I used Photoshop's refine command with batch automation. 

 

Thank you anyway for the suggestion! 

TOPICS
Design, How to, Import and export

Views

135

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

Unwanted padding in PNG export if shadows applied

New Here ,
Nov 26, 2020

Copy link to clipboard

Copied

Hi everybody! 

 

I have a problem with XD. When I export some SVG elements in my mockup, if I put any kind of shadow on the components of the path, when I export in PNG (for Android) I get an annoying and useless padding in the PNG file. Even if I set the shadows' directions to the inside of the shape. 

 

This is without shadows:

Immagine 2020-11-27 002230.png

 

This is with shadows: 

Immagine 2020-11-27 002600.png

 

So: is there a way to export PNG with shadows but without that unwanted padding? 

 

Thank you in advance for the support! 

I used Photoshop's refine command with batch automation. 

 

Thank you anyway for the suggestion! 

TOPICS
Design, How to, Import and export

Views

136

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
Nov 26, 2020 0
Adobe Community Professional ,
Nov 27, 2020

Copy link to clipboard

Copied

One way is to mask them.

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...
Nov 27, 2020 1
New Here ,
Nov 27, 2020

Copy link to clipboard

Copied

I used Photoshop's refine command with batch automation. 

 

Thank you anyway for the suggestion! 

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...
Nov 27, 2020 0