INTRODUCTION:
I know that you've seen it. Sometimes its cool, and sometimes they can be REALLY annoying. Floating Flash over webpages. Once I seen this, I wondered how they done that. I thought maybe it had to do with ActionScript or some tedious process but its actually simple once you know the secret code to set up your file correctly. Simply, the movie's background is transparent- allowing the pages contents to be seen behind your movie.
This tutorial is designed to teach you the process of manipulating your flash movie so that It will have the ability to float over your webpage. By the end of the tutorial, you will have the ability to play your Flash movie containing transparency in Internet Explorer (Only works in IE on Windows OS).
LETS GET STARTED
First you simply need to get your graphic you want to use for the movie. I would recommend something to a 3-D effect to give the appearance that its raised up off the screen. Also, have the background of that image transparent.
Also, make your design that will incorperate some shadow depth effects or something. Also, have a fiddle with the Opacity since Flash will preserve it once imported. Once you have your file I would again recommend that the file type be .PNG but im sure it could be anything.
Now, the size of your movie will be the area in the web browser your movie will move around in. Ok, get that imported and convert it to a symbol. And since its 'Floating Flash' I would put action to the symbol so that you will be able to see more how it works.
Alright, finally export your movie (swf file) - save it.
No Comments for this page.
|