Posts Tagged ‘how to create an expandable banner’

Exapndable banners in Flash SWF.

If you want to advertise your company with an expandable banner your in the right place. In this post i will include two tutorials how to create an expandanle banner for free (you wont have to pay up to 200$ in expandablebanners.com).

The easiest way to do so is by downloading a Macromedia Flash alternative software called Alligator Flash Designer 8 and it can be downloaded from http://www.selteco.com/download/sfld.exe. As soon as you download and install, please run their software.

1.If you already run the Flash designer go to the menu at: Frame > Frame Size and choose a width/height for your banner. In my case i did 460 x 360.
2.Now go to Frame again and choose Frame Delay, Select the Stio Checkbox and click OK

3.Draw a rectangle with the Rectangle tool and make it’s size as the size of an original standard banner which is 480×60. This rectangle will be also the background of your banner, and you can choose it color by pressing CTR+F.

4.Go to Frame once again and click Duplcate, and clock OK

5.Select the Frame2 on the right pannel of flash desihner under Frame List pannel. Now use the select tool and resize the rectangle to be equal to the full size of the document.

6.Go back to Frame 1, select the rectangle (click on the rectangle) and choose Item > Actions > OnOver. Choose Go To Freame and select the Frame 2 in the combobox and click OK.
7.Go to Frame 2 select the rectangle (click on the rectangle) and choose Item > Actions >OnOu”. Choose Go To Freame and select the Frame 1 in the combobox and click OK.
8.Create animation effect. Go to Frame 2, select larger rectangle and choose Item > Intro > Tween In. Select Frame 1:Rectangle as the tween start and click OK.
The banner is now ready, and you can preview it by pressing the F9 on your keyboard. Now you can add the requiered text/animations under frame one and frame two. When you ready you have to save it by

1.Choosing Movie > Export Options and check Transparent option. Uncheck Show loader progress. Click OK.
2.Choose File > Export SWF file and save Flash file.
To can now embed the flash file in your web page, but you should use DIV tag with absolute positioning such as

Absolute position will take DIV content off the HTML flow and place it over the elements that follow DIV tag. To make some space for the smaller rectangle (so it doesn’t overlap the text) use few nbsp; and <P> tags.

If you want to check out my Macromedia Flash / Adobe Flash tutorial about expandable banners, suscribe to my feed, so you will get notified when i submit it.