Introduction to FLASH 8

What is FLASH?
Flash 8 is a powerful tool created by Macromedia that has overcome the best expectations of its
creators.Macromedia Flash was originally created in an effort to realize colorful animations for the web as well
as to create animated GIFs.
Designers, web professionals and amateurs have selected Flash 8 by many reasons. Further we will see
why Flash 8 is interesting.

Why should I use FLASH 8?

The possibilities of Flash are extraordinary, each new version has outstripped the previous one, and the
present Flash 8 is not an exception. Although its common usage is to create animations (during this tutorial
we will see how easy it is) it has far more applications. They are so numerous that all web designers should
learn how to use Flash.
Flash has been made up in order to fix the great lack in the Internet: that is, Dynamism. This dynamism does
not imply only animations but rather interactive animations, which allow users to see the web as something
attractive, not static (unlike most of the pages that are made by the use of the HTML language). With Flash
we can easily and quickly create animations of all types.
It is easy to learn how to handle Flash, it has a friendly environment that invites us to sit down and spend
hours making whatever our imagination suggests, but that is not sufficient to be preferred by professional
designers. Then what is it?

Attractive Designs: Flash 8 allows the using of visual effects that will ease the creation of
animations, presentations and forms more attractive and professional. Moreover, it supplies a new set of
tools that will help you doing this easily and faster, such us filters and blend modes, added in this version.
Font Optimization: It also includes some readability options for small sized fonts, what makes our
texts more comfortable to read. Also you can edit this optimization, allowing you to select the configuration
preestablished for dynamic and static texts.
Consolidated Libraries: Now you can search any object existent in our movies faster, browsing our
open libraries from a single panel.
More powerful animation: Flash 8 allows much more control of the interpolations setting a new
edition mode form which you will edit the velocity the rotation, shape, color and movement are applied.
More powerful graphics: Avoid the unnecessary representation of vectorial objects setting an
object as a bitmap. Although the object is converted to a bitmap, the vectorial data remains the same, so,
in every moment, you can convert it again to a vectorial object.
Improvements in video importing: To ease the working with video formats, Flash 8 provides highquality new independent codec, completely skinnable.
Metadata Compatibility: Include your SWF files in searching engines defining a title, description
and/or keywords.
Mobile devices Emulator: Preview your Flash Lite compatible mobile devices movies oriented with
the new emulator Flash 8 includes.
ActionScript Wizard: The ActionScript Wizard has come cack. Was deprecated in the last version,
but now it has been retrieved and improved. Now ActionScript is at your reach.

The working environment

1 Page

Lab AC

Flash 8 Interface
Flash 8 counts with the most handy and intuitive environment or working interface.Moreover it has an
advantage because it is similar to other Macromedia programs (Dreamweaver, Freehand, Director), it makes
easier to assuming Flash, and faster its management and control. We will see this after opening Flash 8 for the

2 Page

Lab AC

Shacut Key Of Flash

3 Page

Lab AC

Close

Ctrl+W

Rotate 90 CW

Ctrl+Shift+9

Rotate 90 CCW

Ctrl+Shift+7

New...

Ctrl+N

Open...

Ctrl+O

Import to Stage...

Ctrl+R

Open External Library...

Ctrl+Shift+O

Export Movie...

Ctrl+Alt+Shift+S

Publish Settings...

Ctrl+Shift+F12

Default - (HTML)

F12, Ctrl+F12

Paste in Center

Ctrl+V

Paste in Place

Ctrl+Shift+V

Duplicate

Ctrl+D

Deselect All

Ctrl+Shift+A
Timeline

Cut Frames

Ctrl+Alt+X

Copy Frames

Ctrl+Alt+C

Paste Frames

Ctrl+Alt+V

Clear Frames

Alt+Backspace

Remove Frames

Shift+F5

Select All Frames

Ctrl+Alt+A

Edit Symbols

Ctrl+E

Distribute to Layers

Ctrl+Shift+D

Convert to Keyframes

F6

Clear Keyframe

Shift+F6

Convert to Blank Keyframes

F7

Arrange
Bring to Front

Ctrl+Shift+Up

Bring Forward

Ctrl+Up

Send Backward

Ctrl+Down

Send to Back

Ctrl+Shift+Down

Lock

Ctrl+Alt+L

Unlock All

Ctrl+Alt+Shift+L
Align

4 Page

Left

Ctrl+Alt+1

Horizontal Center

Ctrl+Alt+2

Right

Ctrl+Alt+3

Top

Ctrl+Alt+4

Vertical Center

Ctrl+Alt+5

Bottom

Ctrl+Alt+6

Distribute Widths

Ctrl+Alt+7

Distribute Heights

Ctrl+Alt+9

Make Same Width

Ctrl+Alt+Shift+7

Make Same Height

Ctrl+Alt+Shift+9

To Stage

Ctrl+Alt+8

Group

Ctrl+G

Ungroup

Ctrl+Shift+G
Text

Lab AC

Move Frame Left

Ctrl+Alt+Left

Move Frame Right

Ctrl+Alt+Right

Move Frame Up

Ctrl+Alt+Up

Move Frame Down

Ctrl+Alt+Down

Select Left Frame

Ctrl+Alt+Shift+Left

Select Right Frame

Ctrl+Alt+Shift+Right

Select Frame Above

Ctrl+Alt+Shift+Up

Select Frame Below

Ctrl+Alt+Shift+Down
Tools Panel

Arrow

Sub Select

Lasso

Line

Pen

Text

Oval

Rectangle

Pencil

Brush

Ink Bottle

Paint Bucket

Dropper

Eraser

Hand

Magnifier

M, Z

Free Transform

Fill Transform

Object Drawing

J
Actions Panel Commands

5 Page

Pin Script

Ctrl+=

Close Script

Ctrl+-

Close All Scripts

Ctrl+Shift+-

Go to Line...

Ctrl+G

Find and Replace...

Ctrl+F

Find Again

F3

Auto Format

Ctrl+Shift+F

sCheck Syntax

Ctrl+T

Show Code Hint

Ctrl+Spacebar

Lab AC

6 Page

Import Script...

Ctrl+Shift+I

Export Script...

Ctrl+Shift+X

Script Assist

Ctrl+Shift+E

Hidden Characters

Ctrl+Shift+8

Line Numbers

Ctrl+Shift+L

Word Wrap

Ctrl+Shift+W

Preferences...

Ctrl+U

Lab AC

.PROCEDURE TO CHANGE A CIRCLE INTO A SQURE USING FLASH (1

1. Go to start->macromedia->flash document
2. Select the circle tool from the tool bar. draw a circle on the work area.colour it
3. Click on the 40th key frame-> insert new key frame.
4. Selecting the last key frame->draw a rectangle on the circle by selecting the rectangle

tool bar

so that it will cover the circle. colour the rectangle by the different colour.
5. Again click on the last frame->under properties->under tween->change the option shape from
none.
6. Then again select the last but one frame->go to properties->tween->change to shape.
.Go to control->test movie->see the circle changing in to rectangle .7

2) PROCEDURE TO DISPLAY THE BACKGROUND GIVEN (FILENAME: GARDEN.JPG)

THROUGH YOUR NAME USING MASK.
1. Go to start-> macromedia-> click on flash document
2. Go to file-> import->open external library-> select a background image Click open.
3. The selected image will be stored in your library. Open library and drag the image on the work
area by selecting the image.
4. go to view->zoom out->resize the picture such that it should fit the work area.
5.insert layer2. choose the text tool from the toolbar and type your name.
6.Select the text to change its font size and colour of your choice. place the text on the left of the
workarea.
7.Right click on the 70th keyframe of layer 2 and insert a keyframe. move the text to the right side
of the workarea->right click on the 69th frame of layer 2-> choose create motion tween.
8.right click on layer 2 choose the option mask.
9.Go to control->test movie to see the animation.` 1\

3) PROCEDURE TO CREATE AN ANIMATION TO REPRESENT THE GROWING MOON.

1. Open flash 8 software -> click on flash document->go to windows->properties ->select the
properties tool-> choose the Background to black.
2. Go to fill color under tool bar-> select the white color.
3. Select the oval tool in order to draw the moon. u will get a white circle.
4. Select the oval tool in order to draw the moon. u will get a white circle.
7 Page

Lab AC

5. Select the white circle on the worksheet using the selection tool->right click->convert to
symbol->select movie clip->give suitable name eg: moon->click ok.
6. Go to filter->click on the + symbol->select glow to apply glowing effect-> select the color to
white under glow and adjust the blur x/blur y values.
7. Click on the + symbol again and chose blur-> again adjust the blur x/blur y values.
8. Place the moon where ever you want on the work area.double click on layer 1 and rename as
MOON.
9. Insert another layer->rename it as Animation.
10. Select the fill color to black-> select oval tool and draw a circle on the moon to cover the
moon->select the newly added circle-> right click-> convert to symbol-> movie clip-> name it as
Animation.
11. Go to filter-> select + symbol->give the glow and blur effect as did for moon.
12. Select the 150th frame in moon layer->right click->insert key frame. repeat the same for
Animation layer.
13. Click on the 149th keyframe of animation layer ->right click->press create motion-> select the
animation movie clip and move slowly across the moon.
.Finally go to control-> test movie-> u will get a growing moon as the output .14

4 ) PROCEDURE TO CREATE AN ANIMATION TO INDICATE A BALL BOUNCING ON

STEPS.
1. Go to start- macromedia- click on flash document
2. select the line tool and draw the steps. colour it using the paint bucket tool
3. Select the circle from the tool bar and create a circle on the work area.
4. Now fill the colour to the circle using the paint bucket tool from the tool bar.
5. Go to frames right click on the first frame and choose insert key frame.
slightly move the ball. Repeat the same procedure by adding new key frames to
show the ball change the shape of the ball slightly when it touches the surface.
6. In order to change the shape use the free transform tool.
.Go to control and click on test movies .you will observe the ball bouncing on steps .7

5) PROCEDURE TO DISPLAY THE BACKGROUND GIVEN (FILENAME:

8 Page

Lab AC

TULIP.JPG) THROUGH YOUR NAME.

1. Go to start-> macromedia-> click on flash document
2. Go to file-> import->open external library-> select a background image Click open.
3. The selected image will be stored in your library. Open library and drag the image on the
work area by selecting the image.
4. Resize the image to fit on the work area.
5. Select the text tool from the tool bar.
6. Type your name. Select the text and go to property to apply appropriate font effects like
font size, style and Colour etc.
.Go to control-> movie clip to see the final output .7

6) PROCEDURE TO CREATE AN ANIMATION WITH THE FOLLOWING FEATURES.

WELCOME
* Letters should appear one by one
* The fill colour of The text should change to a different colour after the display of the full
word.
1. Go to start->Macro Media-click on Flash document.
2. Choose the textbox from the tool bar. Type the word as WELCOME on layer1.
3. Select the complete word, increase its Font size and change the colour.
4. In the timeline window, select the 1st frame-Right click on it-choose insert key frame.
Now delete a last letter {E} and change the colour of the remaining word.
5. Repeat the above procedure till you delete every word in WELCOME.
6. Now select all the key frames->Right click ->choose Reverse key frames.
7. After reversing the frames copy the last frame and paste on its next. now in the new frame
Select all the complete word welcome and change the colour.
8. Finally, go to control-click on test movie you will get the required animation.

7) PROCEDURE TO SIMULATE A BALL HITTING ANOTHER BALL.

1. Go to start->Macro Media-click on Flash document.
2. choose the circle option displayed in the toolbar. create two circle at the opposite ends.
3.go to frames-> right click on the 1st blank frame and click insert key frames.
9 Page

Lab AC

4. Select the 1st ball and make it to move towards the other till it touches.
5. Change the shape of the ball using free transform tool as soon as the two ball touches
each other. after hitting each other make them to move towards opposite direction.
6. before moving to the opposite direction bring back the balls to its original shapes.
.finally test the animation by selecting control->movie clip .7
CREATE AN ANIMATION TO MOVE A BALL ACROSS SCREEN ALONG A STRAIGHT LINE .(8

1. Select Flash Document

2. Select Frame
3. Select Circle from the Tool Box.
4. Draw the Circle on the Workspace
5. Select the Frame and Right click on Frame
6. Select Create Motion Tween
7. Select Frame 30 on Timeline
8. Right Click on frame 30
9. Select Insert Key Frame
10. Click on Selection Tool in the Tool Box
11. Move the Circle to another location on the Stage.
12. Click on Frame and Press Enter.

9)Create an animation to rotate a Circle around another Circle in a path.

1. Run the Flash Software
2. Select Flash Document
3. Select Frame 1 on Time Line in Layer 1
4. Select Circle from the Tool Box
5. Draw the Circle on the Workspace
6. Select 1 Frame and Right Click on it
7. Select Create Motion Tween
8. Select 60 Frame on Timeline
9. Right Click on the Frame and Insert Key Frame.
10. Select another Layer 2 and Select Frame 1 in that Layer 2
11. Select Circle from the Tool Box
12. Draw a small Circle on the Workspace around first circle
13. Press F6 and drag the Circle to some other point and repeat the steps for some Timeline.
10 Page

Lab AC

14. Click on Frame and Press Enter or Click on the Play button in Control Menu Bar.
15.
10)Write an Action Script for drawing an item or writing the text with free hand Movement
using mouse.
Description:
Using this program we can draw an item or write the text with free hand movement using mouse
Procedure:
Open New Window
Open the Actions Palette (WINDOW->ACTION) or F9.
Notice that the Action Panel opens with empty page.
Write the Source code for the action to be performed
Save the File with name freehanddraw.fla
:Program
In the Actions panel, enter the following code
;var flag:Number=0
; var noDraw:Boolean = true
()this.onMouseDown=function
}
; this.lineStyle(2,0x00ff00)
; noDraw = false
; this.moveTo(this._xmouse,this._ymouse)
{
()this.onMouseMove=function
}
if(!noDraw)
}
; this.lineTo(this._xmouse,this._ymouse)
{
{
()this.onMouseUp=function
}
; noDraw=true
; this.lineStyle(2,0xffffff)
; this.moveTo(this._xmouse,this._ymouse) //
{

11 Page

Lab AC