: Photoshop: why won't layer styles render correctly? Been trying to search for an answer online for quite a while now but can't seem to find anything new. I'm familiar with layer styles and
Been trying to search for an answer online for quite a while now but can't seem to find anything new. I'm familiar with layer styles and I've been merging them down to rasterize a layer, but for some reason none of this logic seems to be of any help with this particular case; Although a familiar concept, I must admit that I have never used layer styles to this degree, so the amount of variables is what gets me lost.
Photoshop CS4 Extended, Mac OS. Image dimensions 4000x4500px at 300dpi.
I was practicing with layer styles, mostly creating layers with flat single-colored areas of shape and experimenting with the settings.
I ended up creating several layer copies with the same blobs, setting layer Fill to 0%, then applying different styles to them to create whatever is visible. Some style settings cause the blob to expand over the original shape's dimensions which I don't want, which calls out for a layer mask. But if you apply a mask directly to the layer, the style itself is affected by the mask boundaries, not just what you see, as would happen in case of normal pixels. As a workaround, most styled layers had to be placed into folders, and the mask stencil applied on the folder instead of layers. Actual layer fill set to 0% is because I was working with glassy objects and I wanted to focus fully on what the styles alone do.
All looks nice when the .PSD is open in Photoshop, but from there on, nothing seems to work. The image always ends up looking completely different when trying to export it into flat form. Especially light effects like bevel just seem to get baked to the image as full-on burnt white, even though the light that I'm seeing in Photoshop is subtle, three-dimensional, graded and translucent. Layer>Rasterize is greyed out.
These are all of the things that result into an incorrect rendition:
Max quality .jpg
.png
Finder thumbnail of the very same .psd
file that looks good when open in Photoshop
Merge visible
Merge layers
Flatten image
Convert to smart object
Merge down, when the layer below the selected styled layer is empty and unstyled
Happens in both cases, when the background is
transparent, and when it's filled with 100% opaque pixels.
I had to take screen captures to get the image to compare.
Left: Every time a render, this happens. This example is without a background.
Right: In Photoshop, the item floating half over opaque pixels and half transparency.
More posts by @Reiling762
3 Comments
Sorted by latest first Latest Oldest Best
The rendering errors happen when zooming to certain levels. You can see the issue here: recordit.co/383Znu7qt2
The issue doesn't happen at all if you lower the resolution of the image. The effects also seem to be different on different machines—The issue happened less on the higher spec of the 2 machines I tested on–which leads me to believe it is a performance issue.
The issue seems to be from any layer styles that use lighting—bevels etc. So the only advice I can give you is–recreate the layer styles manually, work at a lower resolution or work on a higher powered computer. I'm not sure there is much else to be done about it.
Edit: It seems the appearance is consistent across machines, the layer styles just took longer to render. It looks like @Mysterfxit is correct that it is a difference in the rendering method or layer styles at different zoom levels, and his suggestion of changing the cache levels does remove the difference in rendering.
One thing to note—If you reduce the image size the styles render how you want them to, which may be an easier fix than adjusting all your layer styles again (I tried reducing to 1000px wide, nothing else, so you could try reducing it less).
I opened your PSD. I see you use several different blending modes in the effects.
Blending modes depend heavily on the layers below it to render the image, so I suspect you won't be able to merge the layers accurately keeping the transparency and the effects.
One solution would be to change the blend modes to normal in the effects, rebuilding the image differently.
This is zoomed preview rendering issue in Photoshop. What you see when your artwork is zoomed to fit your screen (not 100%) isn't accurate and your flattened/rasterized image on the left in your example is actually what your artwork looks like.
When viewed at 100% you'll see that the effects stay the same before and after flattening/exporting/rasterizing.
When not viewing at 100% photoshop uses a different (faster and less processor intensive) method to render the layer effects for preview. Most of the time it works well, but in this case it seems to greatly affect the bevel and emboss layer effect.
Unfortunately this means that your artwork really looks the way you don't want it to.
To fix it you're going to have re-adjust all your layers while working at 100%
or...
Go to Preferences-->Performance---History and Cache
Set Cache Levels to: 1
Quit and Restart Photoshop.
Now you'll see a more accurate preview at all scale levels, but with a performance penalty.
Here's a post on the Adobe forums discussing a similar issue.
forums.adobe.com/thread/1112285?tstart=0
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.