Any ideas?
Full Version: Saving in Blending Modes other than Normal
Hm, I haven't really had to deal with this problem before but it's starting to become slightly annoying now. I'm working on a little project and I have a few parts of the design that I want to have the effect of the Overlay layer blending mode. However, if I try to merge it with a blank layer, it just reverts it to the Normal layer blending mode. I then tried to make the blank new layer the same blending mode (Overlay) and tried merging that, but nothing. I went as far as making a new file, putting the basic image in there, applying the same layer styles, and just saving it but that didn't work either. I wouldn't really have this problem if the blending mode were Soft Light since a low opacity Normal can kind of reach the same effect, but in this case, I'm stuck.
Any ideas?
Any ideas?
why don't you just save it as a .PSD file?
Because I need to use the image on a webpage. O_o
how do you usually save your files as for your web page?
I'm actually slightly confused. Can't you just not merge any layers & keep it at that?
Unless you mean you want an image to be in overlay effect over another image as you put it on the website? O_O;;
Unless you mean you want an image to be in overlay effect over another image as you put it on the website? O_O;;
No, I believe you're not getting the problem. You know how you can save an image with a transparent background but you can have a layer or whatever with low opacity on top and then when you put it on a page, it retains the opacity? I'm wanting to do the same thing but I want the layer to not have low opacity (Normal blending mode) and instead I want it to have the Overlay effect so that when I put it on the page, it looks the same as it would in the .PSD file. Nawmean?
However, I've already tried several methods like merging visible, merging it with a blank layer, merging with a blank layer with same blending mode, and etc. The only possible option, I'm guessing, would be to flatten the image entirely and just crop out that part and position it but I'm worried it'll be messed up in different browsers and/or resolutions.
Hm, yeah. Something like that.
However, I've already tried several methods like merging visible, merging it with a blank layer, merging with a blank layer with same blending mode, and etc. The only possible option, I'm guessing, would be to flatten the image entirely and just crop out that part and position it but I'm worried it'll be messed up in different browsers and/or resolutions.
QUOTE(lovescream @ Feb 17 2010, 11:07 PM) 
Unless you mean you want an image to be in overlay effect over another image as you put it on the website? O_O;;
Hm, yeah. Something like that.
i'm just getting started in this coding and designing stuff... but i recently read that
it's the format you saving in that's not causing the opacity
The missing manual 2nd edition
try and save it as png 32.
i hope i'm helping, lol
it's the format you saving in that's not causing the opacity
The missing manual 2nd edition
QUOTE
[i]PNG32 offers one feature that no other format does:
256 levels of transparency (also called alpha transparency),
which means that you can actually see the background of a
web page through a drop shadow on a graphic, or even
make a graphic that has 50 percent opacity (meaning you
can see through it) to create a ghostly translucent effect.
Unfortunately, Internet Explorer 6 for Windows doesn’t
properly display PNG32’s 256 levels of transparency:
Instead of making the transparent areas see-through, IE6
replaces these areas with a hideous blue background.
(There are several JavaScript based techniques—see http://
24ways.org/2007/supersleight-transparent-png-in-ie6, for
example—that can help IE 6 display PNG transparency correctly.)
Fortunately, Internet Explorer 7 and 8 can handle
PNG transparency, as can Firefox, Safari, and Opera.[/i]
256 levels of transparency (also called alpha transparency),
which means that you can actually see the background of a
web page through a drop shadow on a graphic, or even
make a graphic that has 50 percent opacity (meaning you
can see through it) to create a ghostly translucent effect.
Unfortunately, Internet Explorer 6 for Windows doesn’t
properly display PNG32’s 256 levels of transparency:
Instead of making the transparent areas see-through, IE6
replaces these areas with a hideous blue background.
(There are several JavaScript based techniques—see http://
24ways.org/2007/supersleight-transparent-png-in-ie6, for
example—that can help IE 6 display PNG transparency correctly.)
Fortunately, Internet Explorer 7 and 8 can handle
PNG transparency, as can Firefox, Safari, and Opera.[/i]
try and save it as png 32.
i hope i'm helping, lol
I'm pretty sure that's not possible, Mike. Transparency? Yes. Blending modes? Doubt it.
Yeah, I had a feeling it would come down to that.
Oh well, at least I tried. Topic Closed.
Oh well, at least I tried.
Topic Closed.
Topic moved.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.