Link to home
Start Free TrialLog in
Avatar of lexusgs430
lexusgs430

asked on

photoshop

Hi,

Ive been having a problem I havent been able to figure out for quite some time.

I like to use different % layer transparency when designing for web, and saving them as png 24 images which I use to layer divs atop bg images and what not. In photoshop, if ever I try to save an individual layer which I have set to a lower opacity (say 37% for example), when I save the image it saves it as if I were to have selected "normal" layer blending mode, instead of the overlay I see on the screen.

Does anyone have any idea why this is, or if it is possible to save individual overlay layers as png24's?
Avatar of Sigurdur Armannsson
Sigurdur Armannsson
Flag of Iceland image

I tried this out and as far as I can see the upper layer delivers with the Overlay look.

Are you using Save for Web and Devices... ? with transparent background?

Saving individual layers is as simple as turning other layers off, click on the eye in the Layers panel.
For many different versions of the same file, like saving different layers, it's convenient to save them first as Layer Comp (see: Window > Layer Comp. When you have made all the Comps you want you can batch save it using File > Scripts > Layer Comps to files and select the format you need.

Hope this gets you at least half way.
oh, and saving individual layer lets say one color with Overlay does not seem to deliver anything because the overlay is not over anything.
Avatar of lexusgs430
lexusgs430

ASKER

Ya that is my point, the overlay layer is dependent on the layers below it seems like. So Id like the overlay I export to act like it does within photoshop ie, overlay itself when stacked ontop of a background image, like it does with 2 layers within the photoshop file.
For what are you using the png's? Web design? If so, isn't there transparency command for images?

However, when I place this kind of a png file into Illustrator it acts exactly like you are after. Transparency respected.

I put: web design png transparency  into Google and found tons of related articles about transparency in web design.
ASKER CERTIFIED SOLUTION
Avatar of David Brugge
David Brugge
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial