Tell me more ×
Graphic Design Stack Exchange is a question and answer site for professional graphic designers and non-designers trying to do their own graphic design. It's 100% free, no registration required.
up vote 2 down vote favorite
1

Image's blend mode is set as multiply and it is showing the effect correctly in Adobe Fireworks. However, when overlapping the same image with another, separate image in the browser, the effect looks different.

share|improve this question
2  
You have already asked this question and received a very good answer: photo.stackexchange.com/questions/5183/… – Kyle Sevenoaks Feb 18 '11 at 10:50
arrrrrrrrrr dint get solution thats why i put it again.. :) – Jack Feb 18 '11 at 11:24
1  
Fireworks' native file format has a .png extension which causes a lot of confusion. While a browser CAN read that native .png format, it's not capable of rendering all the native Fireworks features in it. As such, if you want to use PNGs, you need to EXPORT the .png from Fireworks into a separate file. – DA01 Feb 18 '11 at 13:37
1  

1 Answer

up vote 2 down vote

The standard JPG/GIF/PNG files Fireworks exports do not support blending modes.

If you blend two images in Fireworks together, it doesn't export two images with blending modes, but rather than one blended image. If you have only one image with a blending mode set, Fireworks exports the image blended with the background (or any other layer(s) behind it). The result is not dynamic and that's why it works as you described.

While the effect is not achievable with just image files, it is achievable to some extent with javascript. See e.g. Pixastic.

There is some related discussion on Stack Overflow too: Are photoshop-like blend modes possible in HTML5?

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.