Contact US

Log In

Come Join Us!

Are you a
Computer / IT professional?
Join Tek-Tips Forums!
  • Talk With Other Members
  • Be Notified Of Responses
    To Your Posts
  • Keyword Search
  • One-Click Access To Your
    Favorite Forums
  • Automated Signatures
    On Your Posts
  • Best Of All, It's Free!

*Tek-Tips's functionality depends on members receiving e-mail. By joining you are opting in to receive e-mail.

Posting Guidelines

Promoting, selling, recruiting, coursework and thesis posting is forbidden.

Students Click Here

How to Make Canvas Transparent

How to Make Canvas Transparent

How to Make Canvas Transparent

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?


Bill B.

RE: How to Make Canvas Transparent

How about copying the background of the web page into your animation?

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

This possible ONLY in later versions of Internet Explorer. The following is an example of how to do it. Simply add the information in bold to your object and embed tags in the HTML. (Remember to take out the spaces after and before the "<" and ">")

< 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.


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.

Red Flag This Post

Please let us know here why this post is inappropriate. Reasons such as off-topic, duplicates, flames, illegal, vulgar, or students posting their homework.

Red Flag Submitted

Thank you for helping keep Tek-Tips Forums free from inappropriate posts.
The Tek-Tips staff will check this out and take appropriate action.

Reply To This Thread

Posting in the Tek-Tips forums is a member-only feature.

Click Here to join Tek-Tips and talk with other members! Already a Member? Login

Close Box

Join Tek-Tips® Today!

Join your peers on the Internet's largest technical computer professional community.
It's easy to join and it's free.

Here's Why Members Love Tek-Tips Forums:

Register now while it's still free!

Already a member? Close this window and log in.

Join Us             Close