How to Make Canvas Transparent
How to Make Canvas Transparent
(OP)
I'm new to LiveMotion 2. In Adobe's help screens, I wasn't able to find the answer to my question below:
I have a simple animation comprised of an oval object behind another object that slides in and out of view (i.e., on and off the canvas).
I'd like to make the canvas transparent so that only the oval object and sliding object show against the background on the web page. How do I make the canvas transparent when the file is exported as a Flash file?
Thanks!
Bill B.
I have a simple animation comprised of an oval object behind another object that slides in and out of view (i.e., on and off the canvas).
I'd like to make the canvas transparent so that only the oval object and sliding object show against the background on the web page. How do I make the canvas transparent when the file is exported as a Flash file?
Thanks!
Bill B.
Talk To Other Members
RE: How to Make Canvas Transparent
SWF files are treated as opaque objects in browsers.
RE: How to Make Canvas Transparent
Normally that would be a good way to go, or just match the color using the same hex code. But in this case, the background is a textured color swatch, so I doubt if I could get them to match. I suppose I could try it.
Is there no way to make the canvas transparent, the way you can in Illustrator, for example, when saving a file for the web?
Bill B.
RE: How to Make Canvas Transparent
< object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=4,0,2,0"; width="200" height="200" >
< param name="wmode" value="transparent" >
< param name="movie" value="yourfile.swf" >
< param name="quality" value="best" >
< param name="play" value="true" >
< embed src="yourfile.swf" type="application/x-shockwave-flash" width="200" height="200" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"; wmode="transparent" >
RE: How to Make Canvas Transparent
Thank you! It worked. It's a shame, however, that it works only in later versions of IE. When I tried it with Netscape Navigator, there was only a white box; not even an animation. So, decisions, decisions. To have the animation for those with IE or go without the transparent background.
There's no other way to make the canvas transparent????
Bill B.
RE: How to Make Canvas Transparent
I copied/pasted the textured background swatch into the LiveMotion file, and it worked better than I had expected. Not perfect, but not bad. Most viewers wouldn't notice the difference.
Pixelchik,
I noticed one problem with your solution. The scroll bar and everything below the animation disappeared. Go figure! Also, I decided that the limitation to later IEs was a bit too constricting.
Thanks to both of you for your help. If anyone has a more elegant way to get a transparent canvas, please let me know.
Bill B.