Tuesday, March 27, 2012

Flash Ad Banner

I used the Flash program to create an ad banner for Disney World Theme Parks. I used many different tools in order to create this banner. First I had to edit all the pictures in Photoshop, I used the resize tool to make all the pictures the same size as my banner. I also cropped some  of them and I used the burn tool on the picture of Epcot.
After I had all my pictures edited I opened Flash Action Script 2.0, I made the frames per second 30, the width 500 and the height 200. Then I imported my four pictures into the library. I renamed "Layer 1" to "Images" and created another layer called "Text." I put my first image into the images layer and set the X and Y axis to zero. Then I converted the image to a symbol and made it a movie clip. Then I inserted a keyframe on frame 15 and inserted a Classic Tween between frame 1 and 15. I made fram 85 and 100 keyframes and put a Classic Tween inbetween them as well. Then I set the opacity of the photo to zero on frames one and 100. I did this by going to the Properties Panel then the Color Effects Tab and selecting "Alpha" and draging it to zero. Doing all this created the effect of the image slowly showing up then fading away.
Now the first picture is done and I had to put the other one in, I did this by right clicking the picture and selecting "Duplicate Symbol" then I double clicked it, went to the Properties Panel and selected "Swap" then I selected the other image I wanted to use. Then all I had to do was repeat the previous steps until I had done it for all my images.
To add text to my photographs I locked the images layer and started working on the text layer. I used the rectangle tool and drew a black rectangle without a line, I made the width of my rectangle 500, the height 40, and set the X and Y axis to zero. Then I converted the rectangle to a Movie Clip and set the opacity to 80. I used the text tool to write what I wanted to be in the box, then I selected both the rectangle by holding down shift and converted them both into a Symbol/Movie Clip. Next I made transitions for the text. I did this by creating keyframes in the same frames as the ones on the images layer and then adding Classic tweens in the same places as in the images layer. On the ones where the text drops down I set the ease to "100 out" and on the ones where the text goes up off the picture I set the ease to "-100 in." Every time I wanted to change the text for the next picture I had to duplicate the symbol so that it would only change on the picture I wanted it to and not on all of them.
After doing all of this my banner is completed and it's a sophisticated photo gallery. The photos fade in and out simultaneously with the text.


Where I found my Images:
http://www.bestorlandovacationpackages.com/
http://www.windsorpalmsusa.com/blog/disney-world-epcot

http://www.disneyinsidersecrets.com/blog/walt-disney-world-resort/disneys-hollywood-studios/
http://cincomom.com/2012/02/week-3-countdown-to-disney-were-looking-forward-to-conquering-animal-kingdom/

No comments:

Post a Comment