How To Export A Flash Animation With A Transparent Background
Remove white background from Flash file (run into attached)
Source: https://community.articulate.com/discussions/articulate-presenter/remove-white-background-from-flash-file-see-attached
Posted by: smithmonely.blogspot.com
24 Replies
The simple point is: How did you convert the GIF files?
I just converted yours, and it is absolutely transparent. All I had to practise to brand information technology loopable was to adapt the states to the "Forever" option before saving th gif every bit a SWF file..
Do yous know what GIF States are? they're merely the "frames" of an animated gif.
Y'all should treat animated gifs with proper software in lodge to have practiced quality results; full general conversion tools cannot retain meny attributes, like tramsparency, unmarried state attribute etc.
nosotros utilize Adobe Fireworks for this kind of stuff. Fireworks is perhaps the best PNG software on the market, and PNG, like SWF, are so important to elearning made past Articulate...
I fastened the swf yous need.
Hope information technology helps!
Hello Stephano,
Thank you for the assistance with this.....
I inserted the converted GIF and published information technology...it worked similar a charm!
I was nervous at start because when I first imported information technology into the slide, information technology however had a white background, just once published, it worked peachy.
If I get Fireworks, is it an easy procedure to catechumen these? What settings would I use?
Cheers for your efforts!
Dave
How-do-you-do Dave,
Using Fireworks, you but have to open the animated gif files, and Relieve them every bit Flash files;
I suggest, anyway, to try to insert each generated flash file into your slide and preview it; this because the simple "save as" option could retain just 1 cycle of states (in your instance, tha man only takes two steps and so he stops); if you lot need loops, practise the post-obit:
Y'all're done.
thank you
Thanks for the aid and direction on this....I take simply downloaded Firewords Trial Version and will give information technology a become.
Off I go!
Thank you,
Dave
Hey Stephano,
Your instructions were keen.....give thanks you!
The one affair I need to figure out now is how to slow the animation down. Also, the edges of the image I am using are a fleck pixelated. Is there annihilation I can do nearly that?
Thank you!
-Dave
P.S. Now I accept to find the money to buy Fireworks!
Howdy Dave,
you can deadening down or speed up your gif changing the milliseconds delay of each state:
Take a look: if you right-click a state and and then select Backdrop
You volition take a box where you can fix the filibuster!
The pixelated edges could be a resolution upshot... check your consign options and don't resize your flash file too much when you insert it into your presentation.
cheers
OK...got that one now. My brain is getting bigger, I can feel it.
I have a GIF that has 50 'states' (is that the correct way to say it?). It is set at 15/100. If I want to deadening information technology downwards, do I increase the number? is there a way to make them yet at once, or do I have to manually prepare the delay?
Thanks again for all of the help! You lot're a star....
-Dave
Yes, if you lot increment the delay, you irksome downward the specific chip of the animation....
If the AutoCrop and AutoDifference options are not checked, you're free to change each state filibuster (There'southward not an choice to alter them all); just if you need to slow down the whole animation, is simple: when yous Salvage as.. SWF file, click the Options push button: in the Flash choice window, you can set the State rate! Try to play with numbers and encounter what speed you become (if you increment the country rate, you lot increase thursday speed, and and then you have to come across the result in your Clear slide preview .
Unless you want to calculate flash charge per unit considering the gif frames and the delays....
Simply go and effort, the all-time affair!
Many thanks!
I will have a play with that.....
My first attempt to change the FPS using the options failed. I published three unlike animations and they all were at the same speed. (xv, 5 and 50 fps).
I demand to spend a little time to scratch the surface.
Cheers Stefano!
-Dave
Hello,
I am stuck on this 1. I am trying to loop this flashing greenish light that I saved equally a .swf using Fireworks. I accept fastened an Articulate Package if somebody tin take a look.
What I have done is attempted to use Fireworks to convert a .gif file to an .swf file. I demand to animate to loop and flash at a rate this seems natural. I have tried several times, but tin't seem to get this right. It only won't loop!
The outset screen is an flash conversion from the website I downloaded it from. The reason I don't used that is considering the background is white. The 2d screen has a transparent background, but does not glimmer similar I need it to.
Any ideas or help would be greatly appreciated!
Cheers,
Hello to all,
I still have not establish a solution for this notwithstanding, Any idea on how to address this one?
Cheers for whatever help directed this way.
Cheers,
Dave
Dave, did you try to overset the number of times changing the value of Looping attribute in Fireworks? effort to set a "20 times" value, for instance, if information technology's currently set on "loops forever"...
accept a try...
or just attach the original gif file so that we tin can endeavour to convert it with flash, if fireworks is non giving the wanted event...
thank you
I'm not sure what I did or what I am doing! LOL.....
I tried to set the rate to 20 but it however does not cycle through united states of america.
Here is a SCREENR of what I am doing to see if yous can selection out where I am going wrong. The last office of the SCREENR shows that the GIF flashes when I preview information technology.
SCREENR
I have attached the GIF just in example....
Thanks for all of the help Stefano. If this forum had a 'rep' system, I would click it for yous.
Cheers,
Dave
Could this be an event with Fireworks and Activeness Script 3?
Hmmm....not sure as I don't actually understand all of that.
Cheers,
Dave
No Dave, forget AS3 now,
it's a matter of fps (frame per second);
Allow's proceed :
Articulate flash content runs at 30 fps; although y'all might change this value, I would Not suggest to change it, always; information technology'southward the standard framerate good for fast and slow PCs.
Start of all, you didn't see tha looping because when y'all inserted your wink in the slide you didn't choose the Of import OPTION (in this example) "Movie plays independently of slide"; You lot should always consider this option with blithe gif-flash looping objects...
Second: Fireworks thinks in "States per 2nd" and when saving to flash, the option translates to Wink FPS; but it'due south quite a depression framerate, and when I tried to insert the correct Wink file, the upspeeding to 30 fps caused a besides fast blinking;
then I imported the states in flash, working in native mode 30 fps, and and then it's like shooting fish in a barrel.... you simply move keyframes to determine, and then export your wink.
then I imported united states in flash, working in native style 30 fps, and then it's easy.... you simply move keyframes to decide, then consign your wink.
I attached a Nothing file with everything you need.
Anyhow, find some time to have seriuosly EVERY tutorial posted in the community BLOG, even when information technology seems non relevant to your piece of work... this is my suggestion before going on vacation... Jeanette, Dave, Tom, are and then great, and have faced thousand of issues and posted how to deal with nigh all Clear Studio features....
Cheerio!
Hey Stephano,
There is a lite seedling that is starting to flicker now.....
I have read and re-read your postal service and also looked at the files yoyattached. Do I sympathise this right that you have performed some editingusing Adobe Flash or are all of y'all edits existence performed in Fireworks?
I am now able to go the looping activeness afterwards your pointing out the wrong setting I had. Now I need to nail down the speed of the animations....
Cheers,
Dave
Dave,
I wanted to advise that is yous buy fireworks and want an inexpensive way to learn to use the software you might try Lynda.com grooming courses. The site offers hundreds of training courses including all of the Adobe suite (Inclucing Fireworks) for simply $25 a month. or $250ish a year unlimited courses and use.
My company has provided this for me each year, and I use it as a "I forgot how to", or a "teach me how to" resource. It is one of the best software training deals bachelor. I am a corporate trainer total time, just a college instructor part time. The collage IT department put me on to this resourse several years ago. If y'all merely used it for one month and 25 dollars you could get all the Fireworks info you want, and unlimited other stuff too for that month. I love values. :<
Hi Dave,
Aye, I used Adobe Flash . in the naught you can find the source file, and the greentrafficlight.swf files that I published at 30 fps.
If you insert the file I made, you will run into the difference...
Using fireworks you will take to work quite a lot to slow downward your animation! If endeavor to increment state delays to huge values (800/100, 2000/100) in fireworks the resulting wink file seems not to work properly... it gets too difficult to "interpret..."
stefano
Hey Stefano,
Thanks for all of the help....my trial is still downloading at the moment. With that beingness said, I will take a stab once it's completed. Information technology sounds similar I can cutting Fireworks out of the equation...(bold I can import the animate GIF)
Your instance is exactly what I am afterwards, and then at to the lowest degree I know it can be done.
-Dave
Hey, you will need a software for graphics, anyway...
try to import your gif in flash and you lot volition accept a surprise... ane of the gif layer is rendered for compression, and you lot will say "Oh no it'south spoiled!" but information technology's not.
And so Wink is quite complicated, if you're not used to.
If I were you, I would simply: Copy each frame of th gif files (using fireworks, you tin visualize each state, ok?), and paste into your PPT slide; then, you employ POWERPOINT ANIMATIONS! much simpler, uhu! In your case, it's quite uncomplicated...
Hi Hasan,
Did you lot effort the Fireworks solution noted before in this thread?
Hello Hasan,
I'm sorry I joined back this thread tardily...
Well, if you use Flash only publish a swf file, making certain you have AS2 settings on, and insert your wink file in your presentation at slide level! Do not consider Flash transparency publish settings like wmode etc. you dont need them.
Hi Hasan,
the problem in your wink file is that each frame contains a not trasparent bitmap; the white background is non the flash stage background, is just office of each bitmap...
What I had to do was to edit the animated gif in Adobe Fireworks and clean the background of each state using tha magic wand tool.. observe the gif enclosed.
Then, when you have bitmaps, yous have to manually make clean groundwork... no tool perform automatically chroma fundamental...
I want to effort with Ms Powerpoint 2010 and animated gifs....who knows....
Hi Hasan,
if you open the .gif, clear the backgrounds of each state, and and so just relieve you should take your gif ok.
Otherwise, if utilise the save as blithe gif , the defautl pick for transparency is "No transparency"; y'all accept to set it to alpha transparency.
you tin can correct the walking assigning delays to the states, and moving a state up or down to take a correct pace.
thank you