web design template web design template web design template

Page : 1 2 3 4 5 6 7 8

1. Insert a new layer (Choose Insert > Layer) above the layer named as 'HTML'

2. Rename the layer as 'Logo'

3. Insert a Blank Keyframe (Choose Insert > Blank Keyframe) at frame 252 of the layer named as 'Logo'

4. Import (Choose File > Import) the logo.png file from the images folder and convert it into a Movie Clip (Choose Insert > Convert to Symbol) with the top-left Registration point selected and name it as 'Logo'

5. Choose Window > Info

6. In the Info panel, keeping top-left Registration point selected, set x position = 204 px and y position= 11 px.

7. Insert keyframe (choose Insert > Keyframe) at frame 268, frame 347 and frame 354 on layer named as 'Logo'

8. Select frame 260 of layer named as 'Logo', choose Window > Properties and in the Properties panel, set Tween = Motion and Ease = 100.

9. Similarly, select frame 350 of layer named as 'Logo', choose Window > Properties and in the Properties panel, set Tween = Motion and Ease = 100.

10. Select the 'logo' Movie Clip at frame 252 on layer named as 'Logo', choose Window > Properties and in the Properties panel, set Color Style = Alpha and Alpha Amount = 0%.

11. Similarly, select the 'logo' Movie Clip at frame 354 on layer named as 'Logo', choose Window > Properties and in the Properties panel, set Color Style = Alpha and Alpha Amount = 0%.

1. Insert a new layer (Choose Insert > Layer) above the layer named as 'HTML'

2. Rename the layer as 'Business Line'

3. Insert a Blank Keyframe (Choose Insert > Blank Keyframe) at frame frame 252 of the layer named as 'Business Line'

4. At frame 252 of layer named as 'Business Line ', type the following text 'Ready-to-use design concepts for the web' with the Text Tool and in the Properties panel apply the following text settings : Text Type = Static Text, Font = Arial, Font Size = 11, Text (fill) Color = #FFFFFF, Text Style = Bold and Text Align = Align Left.

5. Select the text 'Ready-to-use design concepts for the web' with the Arrow tool, convert it into a Movie Clip (choose Insert> Convert to Symbol) with the center Registration point selected and name it as 'business line'

6. Choose Window > Info

7. In the Info panel, keeping top-left Registration point selected, set x position = 158 px and y position= 44 px.

8. Insert keyframe (choose Insert > Keyframe) at frame 268, frame 347 and frame 354 on layer named as 'Business Line'

9. Select frame 260 of layer named as 'Business Line ', choose Window > Properties and in the Properties panel, set Tween = Motion and Ease = 100.

10. Similarly, select frame 350 of layer named as 'Business Line ', choose Window > Properties and in the Properties panel, set Tween = Motion and Ease = 100.

11. Select the 'business line' Movie Clip at frame 252 on layer named as 'Business Line', choose Window > Properties and in the Properties panel, set Color Style = Alpha and Alpha Amount = 0%.

12. Similarly, select the 'business line' Movie Clip at frame 354 on layer named as 'Business Line', choose Window > Properties and in the Properties panel, set Color Style = Alpha and Alpha Amount = 0%.

1. Insert a new layer (Choose Insert > Layer) above the layer named as 'Green Object 2'

2. Rename the layer as 'Actions'

3. Insert keyframe (choose Insert > Keyframe) at frame 354 on layer named as 'Actions'

4.
Choose Window > Actions.

5. In the Frame Actions panel type the following ActionScript as given below,

/* The below action is to loop the banner from the start*/

gotoAndPlay(1);


1. Choose Window > Library.

2. In the Library Window, Double Click on 'image1.png'

3. On Double Clicking, Bitmap Properties Panel will open.

4. In the Bitmap Properties Panel, set the following settings Allow Smoothing = on, Compression = Photo (JPEG), Use document default quality = off and Quality = 80, refer the image given below.

5. Make the same Bitmap properties for image2.png, image3.png and logo.png as done for image1.png

1. Insert a new layer (Choose Insert > Layer) above the layer named as 'Green Object 2'

2. Rename the layer as 'Border'
3. Select Frame 1 on the layer named as 'Border', draw a rectangle with the 'Rectangle Tool' , width = 391.8 px, height = 71.8 px, color value of the outline = #CCCCCC

4. Select the fill of the rectangular object and delete it.

5. Select the rectangular objects outline, choose Window > Info

6. In the Info panel, keeping top-left Registration point selected, set x position = 0 and y position = 0.

7. Choose File > Publish Preview > Default - (HTML)



Thus the Flash Banner is ready.

Regards,

Manoj Kotak.
The author is Director of Image Online Pvt. Ltd.
Developer of Layout Galaxy web site design templates for photoshop and Flash.

All accompanying logos, brands and product names are trademarks of their respective companies.

Blood for humans comes only from humans : Donate Blood
http://www.donate-blood.org   E-mail - om@donate-blood.org





© Image Online  2001-2003