Tuesday, March 27, 2012

Ad Banner


I created this advertisement for Union Volleyball Club. All of the pictures are from the Union Volleyball Club and the picture of the plasma and the remote control are from toxiclab.org. Before starting this animated advertisement, I had to edit some of the photos using Photoshop. I had to crop some of the photos. I also used the lasso tool on Photoshop to lasso around the teeth on a picture. After I did this, I adjusted the yellows using hue/saturation. I moved the saturation all the way down and moved the lightness all the way up. This allowed me to brighten the teeth of the photo.

After I edited all of my photos, I opened up Adobe Fireworks and creased a new action script document using Actionscript 2.0. I modified my document to make the canvas and made the dimensions to be 500 pixels by 600 pixels and i made the frame rate at 28 frames per second. Next I imported the picture of the plasma screen television onto my canvas. I then changed the name of layer one in the timeline panel to say plasma. I then extended the timeline of the plasma to last through frame 26 by clicking on frame 26 and went to insert, went down to where it said timeline, and clicked on frame. This added 25 frames to the first frame.

I then inserted a new layer and named it channel 1. Next, I clicked on the second frame and went to modify, timeline, convert to keyframe (F6). Next, I clicked on file, import, import to stage, and imported the first picture  I wanted to use. While the picture was still selected, I went to modify, convert to symbol, and made the picture a movie clip and named it channel1. Then I clicked F6 four times to get the movie clip on frames 2-6. While staying on frame 6, I then went to the actionscript panel and pasted this code...stop();. Then I changed the alpha color to 0%.

After I did that, I inserted a new layer again and named it channel 2. I clicked on frame 7 and hit F6. I then imported my second picture and converted it to a movie clip. hen I pressed F6 four more times to get the clip of the frames 7-11. I then pasted the same script into the action script panel on frame 11. Then, I created channels 3,4 and 5 the same way I did channel 1 and 2.

After I finished all of the channels, I created a new layer and named it remote control. I imported the picture of the remote control onto the new layer and then inserted another new layer and named it invisible button. After that I created for every "number" (channel) on remote control invisible button. Then I clicked on the button for "number one", opened the action script panel, and pasted this script...on (release) {gotoAndPlay(2);}. I did this for all the buttons changing the number based on what frame each channel started on.

The last steps for me was to create one more layer, name it action script, click on frame 1 and paste stop(); into the action panel. Then I saved my advertisement, clicked on control, clicked test movie, and clicked on  in flash professional.Then there you have it. It seems like a lot of steps but it really was not that hard to do once you got going on it.