Highlighted

Adobe Illustrator affecting drop shadow in exported image

Explorer ,
May 26, 2020

Copy link to clipboard

Copied

I'm seeing a strange effect on an image in Adobe Illustrator 2017 after importing/placing it as a .png image that I exported from Photoshop 2017. The image was exported at 3700*3700 pixels from Ps and placed, scaled down proportionally, in Ai at 1200*1200 in an artboard but the effect is seen even without scaling down.

 

Here is a screenshot of the exported png from Ps.

Screen Shot 2020-05-27 at 3.04.28 AM.png

And the image below is in Ai. There is banding on the drop shadow! How is that possible for a raster file in .png to get affected like that ?

Screen Shot 2020-05-27 at 3.04.08 AM.png

 

How can I resolve this ? What can I do in either Ps or Ai to prevent this from happening ? Thanks!

TOPICS
Import and export, Performance

Views

184

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

Adobe Illustrator affecting drop shadow in exported image

Explorer ,
May 26, 2020

Copy link to clipboard

Copied

I'm seeing a strange effect on an image in Adobe Illustrator 2017 after importing/placing it as a .png image that I exported from Photoshop 2017. The image was exported at 3700*3700 pixels from Ps and placed, scaled down proportionally, in Ai at 1200*1200 in an artboard but the effect is seen even without scaling down.

 

Here is a screenshot of the exported png from Ps.

Screen Shot 2020-05-27 at 3.04.28 AM.png

And the image below is in Ai. There is banding on the drop shadow! How is that possible for a raster file in .png to get affected like that ?

Screen Shot 2020-05-27 at 3.04.08 AM.png

 

How can I resolve this ? What can I do in either Ps or Ai to prevent this from happening ? Thanks!

TOPICS
Import and export, Performance

Views

185

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
May 26, 2020 0
Advocate ,
Oct 06, 2020

Copy link to clipboard

Copied

I'd guess that the Ai file is CMYK? change to RGB see if it then looks ok when placed.

that would show up banding like this. 

how is the shadow being generated in the first place? if it susing the drop shadow effect in PS maybe test out making your own blurred object, see if the issue remains so you can eliminate whether its due to the source shadow quality or the placing of the file that causes it.

 

Is there a reason you can't just add the shadow as an effect in illustrator? then the raster effect settings will match the document / output. you may just be getting Moire patterns making the banding due to the png being scaled.

Have you tried making the png at the exact correct size in mm, rather than 'too big'?

 

 

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...
Oct 06, 2020 0
asim96 LATEST
Explorer ,
Oct 12, 2020

Copy link to clipboard

Copied

Hi d0nut247! I'm so sorry for the late reply, I forgot all about it.

 

Thanks for your response to my question. However, it has been months since I had that issue and I already finished that project either way. 

 

But yeah, as far as I recall, it was in RGB since I was only posting it for the web. The drop shadow is actually from PS that is part of a mockup. I didn't add the shadow effect in Illustrator because it was a PSD mockup image export but yeah, I guess I could have exported just the card itself and then added shadow in AI. I have not tried scaling it though. 

Thanks again though! I will try out your steps if I ever have to work with a similar file again.

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...
Oct 12, 2020 0
Resources