Saving a PNG with MULTIPLY effect

[magnusa33778419]

I'm not a pro in PS and I might be totally dumbfounded - but I can not figure this out...

Need to create a PNG file that is needed as a layer on a website (I get no help from the web designer) - so I need to save a B/W picture as a PNG filer with the same effect as "multiply" layer in PS. When trying to save it like described it comes out as solid with no transparency.

I know you can save the file with the "transparency" added but as the file needs to lay on top of a coloured background it then comes out "milky"

Can anyone please tell me if it is possibel to save the file as I describe above. In case then please let me know how to!...

WBR,

Magnus

[c.pfaffenbichler]

Please post meaningful screenshots.

Is the image completely desaturated?

If so loading the luminance or one channel as a Selection, inverting it and creating a black solid color layer and hiding the other layers might work for a PNG-24.

[magnusa33778419]

Hope this description help better to understand my problem.

I need to preserve the effect of having "multiply" filter on the layer. The background in this case is the light blue color - and it maintains the color true. See pic effect

The only way I understand I can save this layer id to save it with a transparent filter - although the picture contains white and makes the file "milky" and the background color is not maintained. See pic effect below

[davescm]

Hi

Blend modes need two images to blend. So whilst you can use a blend mode between layers in an image you cannot set an image to have a blend mode wherever it is used.

So kennethkawamoto2 has given you the correct answer. Forget transparency just save your PNG as normal and set the blend mode using CSS in the website.

Dave

[Kenneth Kawamoto]

...or merge the gloss effect layer (set to multiply) and the bike frame layer, then export as transparent PNG

[magnusa33778419]

I can not do that as the background will be changed all the time within a colour configuration web-browser. Easiest for me was to only have this layer as a blend layer and the background contains of solid colours - the colour options are 25 colours for different parts of the bike.

[Kenneth Kawamoto]

You can even change the hue with CSS filter: hue-rotate() - you only need one file!

[magnusa33778419]

Yes this must be the best solution - although the web designer has yet not come up with this solution... So I guess the PS guy need to educate the WEB guy with a solution... LOL

... let's wait for the responce...

😉

[Kenneth Kawamoto · Accepted solution]

PNG itself cannot contain blend mode but you can use CSS mix-blend-mode: multiply;

[Trevor.Dennis]

I wonder if the OP is confusing the multiply blend mode with transparency?

As in the solid  white layer in the screenshot below, allows the black circle on the layer to show through because the white layer is set to multiply

magnusa33778419   If you need a transparent PNG, just turn off or delete any background layers, and save as PNG.  When used in a web browser, they will retain the transparent background.

[magnusa33778419]

Thank you so much for all the quick help!

...I consider I have the correct answer to my problem and I have briefed the Web Designer about what kennethkawamoto2 learned me regards to CSS code!

Thank you so much guys!

...Next time this is the place to go to get professional answers!!!

WBR,

Magnus