: How to export an image from Photoshop with the multiply effect? I have a design in Photoshop with two images with the multiply effect. This effect is not possible in all browsers with Javascript/CSS3,

@Heady304

Make a new layer that is black and add a mask to it
Paste your image into the mask (alt+click the mask) and invert it


All the white is now masked out of your image, while black is solid, similar to multiply


Save for web as 24 bit PNG with transparency
Use ImageAlpha if you want to save it at a smaller size


It looks a bit dark compared to "real" multiply transparency, but is OK in my opinion.

Vote Up Vote Down

@Lee3735518

If you're trying to use the multiply layer effect without using CSS then you will have to save as a flattened image and not just saving the individual layer.

So if Layer 2 has the multiply blending mode which goes over Layer 1. Then you will need to save the image with both Layer 1 & 2 showing.

Vote Up Vote Down