Transparency in Flash

I have read through some posts about applying a transparent background to a flash file, however I am not having success.
I had created a flash movie, the background is white as was the page it was to go on, we have made a change to a textured background that I dont beleive will blend if I simply add it to the FLA.
I have read that to create a transparent BG, I go to File | Publish Settings click on the HTML tab and set Window Mode to
Transparent Windowless.
The BG is still white. I am in CS3, in the properties window the bg color does not have the option of no color.
Anyone point me in the right direction?
Gary

You're welcome Gary. Normally when you publish the html page with the transparent-windowless setting it should include the wmode parameter.

Similar Messages

I want to make my video's bakcground transparent in flash?

hi
I work on flash CS3
I created a video in sony vegas, and imported it to flash, but the background is black, I want it to be transparent, what should I do?
P.S: in sony, there is no background, except the original black backgound that we see when we open the projet?
can we make some changes in the flvplayback in order to fix this?
thank you in advance

If you want to create a transparent background, you need to chroma-key it:
http://www.moonpro.us/chroma.htm
http://forums.creativecow.net/thread/24/875709
http://www.videojug.com/webvideo/sony-vegas-tutorial-chroma-keyinggreen-screening
and a gazillion other links out there.
Google "Chroma-key Sony Vegas" for more info.
After you've processed your video like that, including the alpha channel, you can transcode to .flv. Just be sure you include the alpha channel all the way along. Then you'll need a flash video player placed on the Web page with the wmode set to transparent.
Best wishes,
Adninjastrator

Certain objects are transparent in flash movie

I've been getting reports from users that certain objects are invisible in my flash banner. The browser culprit is IE 8 (but someone also reported seeing this in IE 6). I have been unable to duplicate this and therefore, find it very difficult to troubleshoot. I do have the Wmode set to transparent, but I've made it opaque and still had the "invisible" reports. Here is the site:
http://tekkytoys.com
The objects reported as invisible are the robot's body and head. If someone out there can see this and give me a clue, it would be very helpful.
Thanks!
Mark

First guess here is that some elements may require a certain version of the player, and they don't have it!

Transparency issue flash please help

Has anyone come across transparency problem with png's and
animations in flash player 9.0.115.0 ? They seem to be showing a
semi transparent white box around the png or animation
is this an issue with the flash player or something else?
transparency
problem

I am a big user of pngs in my sites, but have never seen the
problem you posted. It could be the png settings you used when you
saved the image, or it could be the property settings on the bitmap
within the flash file, or it could be that the transparent part of
the image is actually not 100% transparent.
I dont believe it is anything with the flash player.

Transparent Background- Flash Movie

Is it possible to have a transparent background for a Flash
or Captivate movie?

check skin editor parameter alpha :

Confused... JPG with Transparency in Flash?

Hi,
I am working in Flash 8 on a PC. I have a cut out image of a
person's head, that is sitting on a layer above a background
graphic on a lower layer. When I look at the head image's bitmap
properties, it tells me it is a JPG (I pasted it in from
Fireworks). Q. :: How can the image have transparent areas (i.e.
the cut out region around the head) when it is a JPG? It works
well, but I want to make the head image an external JPG, and can't
figure out how to get te same effect. (I don't want to use GIF as
the image of the head is a photographic image.)
Perhaps it is possible to import a PNG into Flash with a
transparency? ... in Flash 6 player?
Thanks for your help.
Geoff

> Perhaps the file is in JPG form with a black
> background, and Flash knows to make the black an alpha
channel somehow?
Yes .. that is what it does.
When you imported the image in a format that must have had
transparency,
Flash was able to get that set up internally.
For those who want to know more, published SWF files can only
have four
image formats in them
1) zip compressed 8-bit image (with or without alpha)
2) zip compressed 16-bit image (no alpha)
3) zip compressed 32-bit image (with or without alpha)
4) jpeg compressed image (with or without zipped alpha)
Jeckyl

Transparent window, Flash in html is invisble

If transparency set to false then flash shows up correctly.
However, if transparency is set to true with same settings then the
flash display disappears (isn't visible any more but the space that
it should use is used, but nothing is showning up).
Has someone else this problem? Or is it a bug air?

it's
a known problem

Desktop AIR 2.5 application with transparency and embedded Flash with wmode transparency error

I'm working on a desktop AIR project using the 2.5 SDK (ADT) to create an application that combines html and flash content. My application is using systemChrome none and transparent true. I have an swf element in my html file that I have set to wmode transparent. Instead of the swf rendering with a transparent background and showing the desktop like the html content does, I'm seeing a black box that fills the area where the Flash element is embedded.
Can someone please assist me in removing this black square so that my flash content is rendered within the html file with a transparent background instead of a black background?
When the AIR application is set to transparent, the Flash content must have it's wmode set to either transparent or opaque. Opaque gives it a white background (the stage background color), but transparent seems to just give it a black background.
Thanks!

Ok fellas,
It appears that I have indeed answered my own question. So thanks... uh, me As I've now figured out, the entire AIR application is basically still a Flash based Display Object, one that can render html using webkit. That means that even though my main application is written in HTML I can still load swf files into the display list of the root applications native window using the Loader class.
I had mentioned earlier that this didn't work, but actually it did work I was just having an error. In my flash file I had a reference error because I was referencing stage.stageWidth in actionscript. This produces a typeError in the AIR runtime when I add this to the root display list. I was able to finally see this error by add the -nodebug command to my adl testing script (adl app.xml -nodebug). For whatever reason my AIR 2.5 adl would not produce air.trace calls to the cmd console without that -nodebug command, which is extremely ironic. So adding in the -nodebug command actually gave me my debug traces! Welcome to the world we live in folks... I also found out that my traces in the swf also trace out to the console when you add this command in there.
In addition, the reason I was not able to get the Loader class to work from javascript was because I was not using the correct addEventListener call. If you are familiar with Actionscript 3.0 (which luckily I am) you will recall that you have to add the event listener to the "contentLoaderInfo" object of the Loader variable you instanciate.
Here's a snippet of how I was able to do this as well as another link that is buried in the documentation that's useful:
var loader;
loader = new air.Loader();
var file = air.File.applicationDirectory.resolvePath("test.swf");
loader.contentLoaderInfo.addEventListener(air.Event.COMPLETE, swfLoaded);
loader.load( new air.URLRequest(file.url) );
function swfLoaded(evt) {
     air.trace(" SWF LOADED! Woohoo! ");
     air.trace( loader.numChildren );
     loader.width = 1000;
     loader.height = 800;
     loader.x = 0;
     loader.y = 0;
     window.nativeWindow.stage.addChild(loader);
This is a very useful article on creating nativeWindows and other things, such as creating Flash based display objects and adding them to the stage:
http://help.adobe.com/en_US/air/html/dev/WS5b3ccc516d4fbf351e63e3d118666ade46-7e0a.html
Woohoo!

Flash Player for FLV files with alpha channel encoded

My goal is to play the the transparent background flash video on the bottom right hand corner similar to the video on this website : http://www.dropshipblueprint.com/
I already have the FLV file with alpha channel encoded. I was made to understand I will need a special flash player that can read alpha channel in the flv file to make the background transparent? Is this correct? If yes, then how to accomplish this or where do I get that player, maybe opensourece player? If the player is not a solution then how do I accomplish my end objective taking into consideration I have the FLV file with the alpha channel encoded. Thanks for your help. Sam

Sam,
Welcome to the forum.
Where do you need to play this "sprite" (the name for such a Flash video)?
If you need to add that to a Video, then there could be a few challenges in PrE.
If you need to add it to a Web site, then Flash Player (free from Adobe) should be able to display that.
Can you please give us just a bit more info, on how you wish to use the sprite?
Good luck,
Hunt

Help using image in Flash please..........

Hi all,
Posted a question the other day and still no answer to solve my problem and it is driving me mad
I am trying to use an image created in Fireworks that has gradients in it (please see attached pic).
For some reason Flash makes the image look real bad. I have tried importing into Flash as a PNG and as a JPEG, it still looks dreadful.
I am now wondering if I can create a Flash document using 'transparency' as a background then import over the image on the website however from what I can see I cannot create a transparent stage that is transparent in Flash, it has to be a colour. Is this the case or am I missing something????
Please can someone give me some idea on how to overcome this.
I cant believe I can make an image in Fireworks that Flash can then not maintain the quality. Seems soooooooo simple but yet doesn't work.
Helpppppppppppppppppppppppppppppppppppp

Hi Ned,
Thank you for sorting my other post out, good of you.
Not sure how to post a screen of what I see on here, will have a go.
I will also try your option imports however I am sure I have played and imported every way I can and it still isn't keeping the image clear.
If your able to import my image and it looks fine then I guess I 'must' be doing something wrong!
All I can say is it is like the resolution in Flash is not right. In Fireworks I can increase the resolution to make images better in quality, it seems in Flash I can't so the result, to me anyway, is that the imported image isn't clear.
When I import the image to Flash the beveled highlighted line is not clear, as it should be, it looks slightly out of focus.

How Do I Make a Transparent Background in CS6?

I was wondering if anyone could tell me how to make the backround of my flash animation transparent in Flash CS6. My animation is made up of text and I would like it to be on my website, which has an image as it's background and I would like the background to show through. Any suggestions would be appreciated. Thanks.

file>publish settings>html>window mode>transparent.

Flash Player 10 on Linux

Hi all,
I've got a strange problem on Linux (Ubuntu 8 running in
VMware): I've got a quite complex Flex application running in FP
10.0.12.36 where (in both Opera and Firefox)
- the "Settings" link in the FP context menu is greyed out
- the Settings popup does not appear when the Flex app tries
to save more data in a SharedObject than currently allowed for this
domain
- the Settings popup window does not appear when deliberately
triggered (via Security.showSettings)
With another simple Flex test application running in the same
OS as the same user in the same browsers, all these problems don't
appear. The only difference which I can see at the moment (apart
from the complexity of the application which of course shouldn't
play a role) is that the complex application is compiled from an
Ant task whereas the simple app is created and compiled inside Flex
builder.
I did not deliberately set anything in the Ant task which
could avoid the "settings" issue to work properly. In the Flex
compiler options I also can't see anything related to these
settings.
Does anyone have had a similar problem? Any clues or
suggestions?
btw: here is the Ant task:
<target name="compile_annex_flex_files"
depends="checkFlexHome">
<echo>Compile: start</echo>
<echo>FLEX_HOME: ${FLEX_HOME}</echo>
<mxmlc file="${ANNEX_SOURCES_DIR}/AnnexInterface.mxml"
output="${ANNEX_OUTPUT_DIR}/AnnexInterface.swf"
locale="en_US" debug="false" use-network="true"
static-rsls="false">
<load-config
filename="${FLEX_HOME}/frameworks/flex-config.xml"/>
<runtime-shared-library-path
path-element="${FLEX_HOME}/frameworks/libs/framework.swc">
<url
rsl-url="${SERVER_PATH}/framework_${FLEX_BUILD}.swz"/>
<url
rsl-url="${SERVER_PATH}/framework_${FLEX_BUILD}.swf"/>
</runtime-shared-library-path>
<compiler.source-path path-element="src"/>
<compiler.library-path dir="${basedir}" append="true">
<include name="lib/scrollbar.swc"/>
</compiler.library-path>
</mxmlc>
<echo>Compile: end</echo>
</target>
Thanks,
Thomas

Just in case anyone wants to know the solution (took me a
couple of hours of tedious nitty-gritty testing): the problem was
caused by using wmode = transparent for the Flex app while using
the Quicktime player in a different div on a higher layer (i.e.
here z-index = 3).
Please note that the problem did not appear on Windows and
Mac computers, only on Linux.
If I didn't use wmode = transparent then there were problems
with the Quicktime player which would disappear after a second or
so behind the Flex app (briefly showing the first image of the
selected video).
So, if you're running into the same problem and you have to
cater for Linux, there are in my opinion two options:
1. use Quicktime (e.g. if you have to) and set wmode =
transparent. Then the "Settings"-related things won't work in Linux
but if you have an application where the involvement of the media
player is crucial, you won't be able to use QT anyway in Linux.
There seem to be a couple of ways to get QT behaviour running in
Linux (using mplayer or totem) but from my own and colleagues'
testing this works on some Linux machines, on others it just won't
(don't ask me why). So this is probably not an avenue to go down if
you have to deal with a "unknown" target audience.
2. use a Flash/Flex-based media player and omit the wmode =
transparent setting. This sounds easy and straightforward but there
may be reasons beyond your reach (legacy support for QT, no flash
streaming server available, ...)
Here are the corresponding snippets from the embedding HTML
page:
AC_FL_RunContent(
"src", "${swf}",
"wmode", "transparent",
} else { // flash is too old or we can't detect the plugin
// -->
</script>
<div id="quicktime" style="display:block;
position:absolute; left:192; top:96; z-index:3;">

</div>

Can't embed a flash content in html air program

everyone please help me:
this is the code in app:/app/m.html:
<object type="application/x-shockwave-flash" width="72" height="22"><param name="movie" value="app:/upload.swf"></param></object>
if the tag <transparent>true</transparent> in the application.xml, the flash content can't show:
but when i remove the tag <transparent>true</transparent>,the flash show:
is this an air runtime bug?
how could i make the flash show?
btw: i need the tag <transparent>true</transparent> in application.xml.

Hi,
I think this is known limitation for SWF rendering, see 1.5.* release notes:
http://www.adobe.com/support/documentation/en/air/1_5_1/releasenotes_developers.html#issue s
SWF content in applications using transparent windows
SWF content in HTML does not display properly for applications using transparent windows.
I'd advise to ask A team for status of that issue in subsequent releases,
regards,
Peter

Remove transparent canvas/background from behind image

Howdy,
Is it possible to remove the transparent background (see pic) of the canvas so that all I export as an image is the asymetrical rock? I want to use the rock as a button in flash and need it to be the exact shape of the rock without the 3 transparent corners (bc the corners are then perceived by fla as part of the button, so then I get this square button instead of asymetric rock shape button). Sorry if this is posted elsewhere.
Thanks for any help you can give!
k

Nice flame silky...
Yes I am well aware of transparent means. And yes, I saved the file as a .png, retaining transparent qualities.
Here, I'll type slow so you can understand...
Again (as I stated originally) the issue is this...when I import the .png into flash the png file comes as a square. I don't want a square the 3 transparent corners get in the way. Yes the 3 corners arrowed in my originaly querry are transparent, BUT flash registers the image as a square, not as the asymetrical rock shape, which is what I want. I've included another pic so you can see the problem (see below).
If you click the pic, it will enlarge and you can see the blue lines (top & right) which are the border for the imported .png. Again, I want to import this rock image solely as the rock with no transparent tag alongs. Can this be done or not?
Kindly share, or let someone with more patience and understanding answer my questions.

Flash type movie controller for Quicktime movies.

I plan on changing flash movies to Quicktime movies on some websites I manage so that they will play on iPads and iPhones but I want a movie controller that disappears when the cursor is not over the movie and I want a movie controller that is semi transparent like flash movie skins. All I get is the same "old" controller that has been on Quicktime movies for 15 years. How do it?

Here's my implementation of the HTML5 videos :
http://www.wyodor.net/_Movies/sublime/
http://www.wyodor.net/_Movies/sublime/camendesign/
http://www.wyodor.net/_Movies/sublime/camendesign/compact.html
Look at the source to see how it's done.
Camendesign defaults from *HTML5 MP4* to *HTML5 OGG* to QuickTime to Flash.
The compact.html page is my implementation. It's the easiest to understand and does not use JavaScript.

Transparency in Flash

Similar Messages

Maybe you are looking for