Friday, 9 March 2012

Flash Banner

Before i started creating my flash animations i drew up a quick sketch to give me an idea and an aim of what i want my animation to look like and how it will move. Below is a photo of the drawing that i created:



For my portfolio i needed to create a flash banner. This banner is going to go at the top of my website so that my portfolio is not static (so it moves). The animation i am going to make is the same banner that is already on my website just that it now moves. The programme that i will be making my animation on is called adobe flash.











First of all i had to load up adobe flash. Once it as open i had to create a new action script 3.0. Once i had the new document open i then had to chance the size of my banner. To do this i clicked modify document then changed the dimensions of the banner. Once i had the banner the size i wanted it i then added layers to my flash document so that i could use them later on in my animation.

Once i had my layers up i then had to insert the images i was using onto adobe flash by going to file then import to library. This meant i had all of my images on flash ready to be placed onto the layers. I put each image on a separate layers to allow me to move each image separately. To do this i dragged the image onto the first layer. Then i clicked 70 frames along the line and inserted key frame. I then moved the image to where i wanted it to be in 70 frames times. To make the image move i had to highlight the area between both key frames then create classic tween. This means the image will move from where it first started to where i placed it. I then repeated this process for the rest of my images till i had my flash banner complete.



The only problem i had with my banner is that is was to slow and wasn't on a transparent background. To fix this i change the FPS (Frames per second) this means the amount of frames which pass by per second. To make the background transparent i had to go to File > Page Settings, then tick the box which says HTML wrapper. I then had to change the window mode to "Transparent Windowless". This then means that when i opened my flash on my dreamweaver website it would have to background.

No comments:

Post a Comment