Skip to main content
Inspiring
December 29, 2017
Answered

Export As with Layer Effects

  • December 29, 2017
  • 4 replies
  • 11533 views

I don't know if this is a bug, but when I use "Export As" to export a PSD file to JPG or PNG, it removes the layer effect (such as a gradient). My research has been no help. Thoughts?

Thanks

    This topic has been closed for replies.
    Correct answer DanielCPalmer

    Hi all, I found it...you were all incorrect . I reset prefs, nothing. Moved to a different file, still didn't work. But that's where I found the error. The original stock image was overlapping the edges (I had not hard cropped after brining in the photo). And the gradient overlay was not set to align with layer. So while it looked great in the working file, the export was aligning the gradient to the entire image (beyond the physical borders), not just the visible image inside the file dimension boundaries. Make sense? So that little "align with layer" when using "export as" matters, but doesn't matter when you use "save for web." Somewhat confusing and there is no documentation on this. 

    Adobe, is this intentional or a bug? Love to hear you weigh in.

    Thanks

    4 replies

    Participant
    May 10, 2022

    This is still a problem in 2022, four and a half years later. It has to be a bug, right? Thanks for sharing the Save for Web tip.

    Participating Frequently
    January 15, 2020

    "Export As" and Gradient layers changing on export still exists in 21.0.2

     

    The Save for Web doesn't exhibit this flaw. Export As shouldn't be scaling the gradient to the extents of the layers, only to the relevant raster. This doesn't make any sense.

    Participant
    January 24, 2020

    I ran into the same issues. Here are the results I was getting. You can see how the gradient shape distorts then changes completely.

    The only way I was able to correct it was to Rasterize Layer Styles and then Export As…

    Participant
    March 3, 2020

    I cant get mine to save the effects in jpeg? I tried to rasterize, i tried smart object, flatten and nothing! Any ideas? I have shadowing around fonts/ objects that I need

    Vishu_Aggarwal
    Participating Frequently
    December 30, 2017

    I have created the same layer setup like yours and tested the export as option, it worked perfectly fine. I am using Adobe Photoshop CC 2018 version 19.0 on Mac OS 10.13.2.

    Please let know your Photoshop build version and the OS.

    Vishu AggarwalAdobe Certified Instructor, Professional and Expert
    DanielCPalmerAuthorCorrect answer
    Inspiring
    December 30, 2017

    Hi all, I found it...you were all incorrect . I reset prefs, nothing. Moved to a different file, still didn't work. But that's where I found the error. The original stock image was overlapping the edges (I had not hard cropped after brining in the photo). And the gradient overlay was not set to align with layer. So while it looked great in the working file, the export was aligning the gradient to the entire image (beyond the physical borders), not just the visible image inside the file dimension boundaries. Make sense? So that little "align with layer" when using "export as" matters, but doesn't matter when you use "save for web." Somewhat confusing and there is no documentation on this. 

    Adobe, is this intentional or a bug? Love to hear you weigh in.

    Thanks

    Inspiring
    December 30, 2017

    Or you can crop the entire image before exporting. I tend to like to leave it uncropped to edit later if needed...

    chanaart
    Community Expert
    Community Expert
    December 29, 2017

    You might need to restart! I just Exported it and all the effects are there! (of course a flattened file but I see my effects..)

    Enclose is a sample.... I added all the effects to make sure they all stay and they did!

    Maybe reinstall?

    Send a sample?

    Inspiring
    December 29, 2017

    See attached screenshots. Shut down PS, restarted and this. Not sure what I'm missing. Original art up top; export options below; layers palette to the left. Missing bottom white grad.

    chanaart
    Community Expert
    Community Expert
    December 29, 2017

    You have a layer mask that creating the effect. Use PNG and make sure it is transparent Background!

    PNG will maintain transparencies. Also you have Quality 30% so it might take out some effects. Try Quality 100%

    Chana