How to make animations float with transparent background

I am taking a graduate course in adv. web design for an ed
tech program at a university. Neither my instructor nor anyone else
in my class knows how to get Flash animations to have a transparent
background, or even if this is possible. On behalf of us all, I am
wondering if it is possible to create a Flash animation without a
background--or with a transparent background, and then superimpose
it onto a web page so that the web page's background shows through
all but the animated part. We are using Flash 8. If it is possible,
can someone please tell us how to do it? I have seen web pages
where the animations float over the web page. Are these animations
made with Flash or with another program? Thank you!

Yes, it's easy, but haven't done it for a while, and not
since all the new ActiveX stuff on MS IE requires Java Script to
make the dotted outline go away.
To do it well takes a combination of Flash with the
publish-settings HTML Window Mode set to Transparent Windowless,
and tightly-designed CSS with your animation positioned in a div
that lies or overlays the exact place on the HTML page where you
want it. You can even have it scale to the entire visible window,
which can be quite cool. I did one for the holidays with snow
falling over an HTML page. It can block lnks from working, though,
so you can have the div (and animation) disappear when the
animation is done.

Similar Messages

  • How to export animated gif with transparent background and glow effect?

    I've been having issues lately with creating animated gifs in flash. I finally figured out a way to export a gif with a transparent background but I'm now having an issue with it again because I'm using a glow effect. When the gif is exported the glow effect changes into a very poor quality and becomes less of a glow and more like a solid color. I've even exported a png sequence from flash and put it into photoshop then created a gif from there but I'm still having the same issue. Is there anyway I can properly export this in gif form so the quality is the same as when I test it in flash?
    I've provided an image of what my issue looks like and the settings (I've messed around with the settings and this is the best I can come up with) . This is in photoshop but the result is similar in flash. The left one is what it originally looks like and the right is what it will look like after exporting. As you can see as I said before the glow changes into more of a solid color kind of like a border. Any help would be greatly appreciated, thanks in advance!

    A GIF is limited to 256 colors while a glow effect likely wants to tie up thousands (let's just say 'lots') of variations of tone.

  • Using animated gifs with transparent background.

    Hi guys,
    Keynotes 6.2.
    I have been onto apple support with this problem.
    I add a transparent animated gif to my project.
    It show as a movie correctly in the presentation but when exported as quicktime or HTML the movies fail.
    We eventually found out that quicktime does not support animated gifs. ( support.apple.com/kb/ht3775 )
    So I exported the animation onto a folder with all the frames separately and brought them into final cut pro.
    I then followed these tutorials on how to export with transparent background. ( http://provideocoalition.com/mspencer/video/fcp-x-and-alpha-channels and http://www.larryjordan.biz/fcp-export-transparency ).
    I now have a quicktime movie that if I bring back into Final Cut Pro it has a transparent background.
    However when I bring into keynotes it still has a black background. (presumably keynotes does not recognise the  Apple Prores 444).
    Any ideas how I can achieve what I need. ?
    I am using a program called crazytalk animator and can output with transparent background. Animated Gif or a series of image stills BMP, JPEG, TGA or PNG.
    Cheers
    SteveW

    This has been an ongoing issue for me since I switched from Powerpoint to Keynote. Most of the animated gifs with transparent backgrounds that I used with Powerpoint are no longer transparent in Keynote. You may want to search for those earlier threads on this topic...
    To summarize: I've had to open up my animated gifs in After Effects and use the Color Key effect to restore transparency, with mixed success.
    Good luck!

  • How to create image slice with transparent background without white halo around?

    Hi, I want to make slice image with transparent background. I set the slice option background color to my background color. But when the image is on my html page set against the same background color, it has white halo around:
    How can I get rid of the white halo?
    I need the slice image to have transparent background and not have a color background because it's going on a rollover button with the background change. I don't want it to look like this on rollover:

    >it looks to me like you built it with that "halo" to start with.
    No, I didn't put in the halo myself. The shape is a character from the Webdings font. It's set to some darker fill color and set on a transparent background. Photoshop put the white halo there after "Save For Web".
    > Make your graphic on a transparent background and Save for Web
    I did exactly that, see:
    I set the slice background to my color. I try the Matte option and come out the same with white halo.
    It seems I'm not making Photoshop antialias to my background color, instead Photoshop just antialias to white.
    What else do I need to do?

  • Animated gif with transparent background

    When I import in Keynote an animated gif with transparent background. The background becomes white. I did the following tests:
    If I extract a single image from the animated gif and import it in keynote the background is actually transparent but it becomes white when I import the whole gif.
    I also checked with other applications (NeoOffice) and the animated gif does come out with a transparent background.
    Do I do something wrong in Keynote ?

    This has been an ongoing issue for me since I switched from Powerpoint to Keynote. Most of the animated gifs with transparent backgrounds that I used with Powerpoint are no longer transparent in Keynote. You may want to search for those earlier threads on this topic...
    To summarize: I've had to open up my animated gifs in After Effects and use the Color Key effect to restore transparency, with mixed success.
    Good luck!

  • How to use/create icons with transparent background ?

    I would like to use icons with transparent background on JButtons, but I can't find how to do it. Until now, I've been using the ImageIcon class to create icons from GIF images. These images were created with MSPaint (sorry, I don't know what I could have used instead of that). Here is how I create my buttons :
    bPencil = new JButton(new ImageIcon("Pencil.GIF"));What could I do to make the background transparent and/or what software could I use instead of M$Paint ?
    P.S. : sorry if my question seems silly, but I'm a newbie in Java coding...

    Transparent images are GIF (256 colours) and PNG (true-colour, half transparency).
    You can store the image with your code, *.class files. You then even can deliver all inside a clickable, executable .jar file.
    This kind of usage is called "resource," and hence use getResource like this:
        java.net.URL imgURL = getClass().getResource("pencil.gif");
        ImageIcon icon = null;
        if (imgURL != null) {
            icon = new ImageIcon(imgURL, description);
        }You can use paths.
    There exist versions of MSPaint that easily loose their transparent colour on saving.
    For GIFs try internet palettes, or try to save as PNG (recent version).
    Start with a transparent image from elsewhere.

  • How to create typography jpg with transparent background?

    I am creating jpg artwork of typography to place on WIX.com and need to create the jpg with transparent background behind the font. Any suggestions that work?

    You're welcome.. If this solves the problem, be sure to mark the solving answer correct. This makes it easier for other users to find solutions for similar issues.
    Benjamin

  • How do i export a flash movie as an animated gif with transparent background?

    each export has the background in it.
    I have looked into the publish setting for gif but no option there, or in the background colour setting in the main design window has any Alpha or Transparency setting.

    Thought that issue went away. The only workaround I found was exporting a PNG sequence with transparency, importing it all back into a better animated GIF exporter like Fireworks as an image sequence and exporting it from there again. It will give you the best quality, control over the timeline, looping and various per-frame AGIF functionality.
    But yes, it's a multi-step headache.

  • How to I move gif with transparent background to jpg background?

    I am using the Master Squite CS 5.5 trail on Windows XP Pro with SP3.  I am not a Photoshop expert, but have done a fair amount for work with iit.
    I am trying to build some headers for websites and I know how to combine JPG images and text to ceate a header image.
    Now I have a couple of logos that I got in JPG format, converted them to GIF and made the backgrounds transparent.
    The "Move" tool doesn't seem to allow me to drag and drop a GIF image with a transparent background onto a JPG header background.  I tried converting the JPG header background to a GIF image too, but it won't let me move the transparent image to this background.
    I really need to get this to work somehow to create the professional look I want.
    Thanks!

    Your mistake is in assuming you need GIF anywhere in the process.
    Try this instead:  Paste your logo JPEG over the background as a separate layer, then remove the pixels you want to be transparent by either Deleting them or Masking them.
    -Noel

  • How to read a picture with Transparent Background?????

    i read a png file - a picture with transperent back ground - with READ PNG File and display it in my program using a Draw Flattened Pixmap function.
    i get a very dark background- black coulour- in the picture created.
    How can i resolve this problem???
    Please give your suggestions
    Many thanks in advance
    RENN
    Kudos always welcome for helpful posts

    continue discussion here

  • How to draw a box with transparent background ?

    Hi there,
    I want to do an effect where after I display the text, there will be drawing effect where it draws a rectangle around the text ?
    During the days of Final Cut Express, I bought plugins from LiveType, it has effects to do this.
    But dow to I do this now in FCPX ?
    Thanks

    Thanks Jim,
    It is a good tips that LiveType still works on Maverick !
    Now I gotta ransack my store room to look out for the LiveType dvd/disc ...
    Motion ? I thought Motion is very difficult to learn ... more difficult than After Effects ?
    Ok, i better look out for some tutorials on Motion then ... Motion can integrate with FCPX ?
    I just checked, the Motion that I have is Ver 5.0.7 (got this as a birthday gift). Is this compatible with Maverick ?
    Thnaks
    Jim Wanamaker wrote:
    A couple of thoughts. Livetype still works in Mavericks although I don't know about your plugins. You would have to try them. Obviously you can not send a livetype project to FCP X, but you could design your title and export it and then import to FCP X. That should work although you couldn't make any changes in FCP X. A second thought is to use Motion if you have it. You can easily create a title in Motion to do what you want by opening a title template, add and format text. Then add a bezier shape for your rectangle and use the write on behavior. Very simple to do.

  • Creating animations with transparent backgrounds?

    I'm running into some problems when using After Effects to create animations with transparent backgrounds for Keynote...
    I use animated gifs and short quicktime movies with uniform backgrounds as source files, use color keying to take out the backgrounds, preview them to see if they look OK, render the results as RGB+alpha, and... they don't show up as transparent in Keynote. They work in Powerpoint, however. I've tried outputting as .mov, as .gif, as premultiplied vs straight alpha... no joy. Can someone explain (or point me to an explanation) of how Keynote differs from other programs in its handling of transparency? What am I missing?

    Using a TYPE_INT_ARGB BufferedImage worked beautifully. I had played around with Image for hours, but it never occurred to me that BufferedImage would be needed. :)
    many, many thanks,
    Steven

  • How in Illustrator I write text with transparent background ?

    How in Illustrator I write text with transparent background ?

    that is correct. You open it in AI and you have an option to use area text, you first take the text tool and drag to make a text frame, which wors like it does in a layout program. Or you click the text tool any where on the canvas and just start typing if you want to make another line you either hit the return (enter) key or for  soft return use shift/return (enter).
    The default is a transparent background.
    All art i Illustrator is on a transparent background unless you add an object behind other objects that has a fill color.

  • Making an animation with transparent background.

    Hi everyone,
    I want to make my animation have a transparent background
    instead of a blank background so that it can blend with my
    presentation. Is it possible to create the movie like this?
    Ted.

    I haven't dealt with placing Flash content into a powerpoint file, so I don't know if the usual approach used in web pages is possible.  Normally, in a web page you just specify the parameter wmode="transparent".  Do you have any ability to set parameters for the swf when you place it in the powerpoint file?

  • How do i save a .png with transparent background?  cannot find in help

    how do i save a .png with transparent background?  cannot find in help

    rickseng
    With what program are you working and with what version of the program and on what computer operating system?
    I suspect that you are working with some version of Photoshop Elements. If that is correct, then be advised that some how
    your thread got posted in the Adobe Premiere Elements Forum (video editing) instead of the Adobe Photoshop Elements Forum (photo editing).
    If Photoshop Elements question, then please re-post your thread in the Adobe Photoshop Elements Forum or wait for a moderator
    here to see your thread here and move it from here to there.
    Photoshop Elements
    Thought....if are creating an image on a transparent background in Photoshop Elements Windows for a Premiere Elements Windows project, then you Save As png or psd.
    Please clarify if I have misinterpreted your question.
    Thank you.
    ATR

Maybe you are looking for