Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
1

Export As with Layer Effects

Explorer ,
Dec 29, 2017 Dec 29, 2017

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

11.3K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Explorer , Dec 30, 2017 Dec 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

...
Translate
Adobe
Community Expert ,
Dec 29, 2017 Dec 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?

sample.jpg

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Dec 29, 2017 Dec 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.

Screen Shot 2017-12-29 at 2.12.00 PM.png

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Dec 29, 2017 Dec 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%

Sample with PNG.png

Chana

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Dec 29, 2017 Dec 29, 2017

Turn off the white background...see if it works.. if you export to JPEG with a white background it will take away the gradient..

Chana

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Dec 29, 2017 Dec 29, 2017

Looking again at your screenshot your gradient overlay layer is not on. Turn it on I am sure it will be back!

(visibility....) and the white background is on.

Here is your screen shot...

Screen Shot 2017-12-29 at 12.30.13.png

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Dec 30, 2017 Dec 30, 2017

Chana, I appreciate your immediate responses to me, but none of your answers are legitimate.

I need a web-optimized JPG with the layer effects functional when I use "Export As." When I save for web, which is being phased out, it works great.

Thanks

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Dec 30, 2017 Dec 30, 2017

Hi

I've just tried but cannot reproduce what you are seeing here :

You may need to try a Preference reset and restart

Dave

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Dec 30, 2017 Dec 30, 2017

Add a color fill over the entire file (like the teal I have) and see what that does. Could be a prefs issue, but this isn't the first time it's happened.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Dec 30, 2017 Dec 30, 2017

Hi

I just tried and there was no issue with the additional color fill layer. I also tried different blending modes. All worked as expected in Export As.

I would try a Preference Reset.

Dave

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Dec 30, 2017 Dec 30, 2017

You can still use Save for the web legacy.  Try another file and see if it is working. All of my files that I tried work perfect!

I am sure you restarted. if this problem is continuing please contact the tech support.

I was so curious I tried so many files...and it is working so I guess it is not a global problem!

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Dec 30, 2017 Dec 30, 2017
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Dec 30, 2017 Dec 30, 2017

I need a JPG not PNG.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Dec 30, 2017 Dec 30, 2017

I need 30% quality for web optimization.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Advisor ,
Dec 30, 2017 Dec 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 Aggarwal
Adobe Certified Instructor, Professional and Expert
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Dec 30, 2017 Dec 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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Dec 30, 2017 Dec 30, 2017

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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Dec 30, 2017 Dec 30, 2017

Yes I can replicate that

Dave

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jan 15, 2020 Jan 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.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jan 23, 2020 Jan 23, 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.

MAIN_TITLE.png

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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Mar 02, 2020 Mar 02, 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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
May 10, 2022 May 10, 2022
LATEST

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.

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