DEPARTMENTOF INFORMATION TECHNOLOGY

WOLKITE UNIVERSITY

MULTIMEDIA SYSTEMS
Itec4121

LAB MANUAL
Multimedia Lab IT 3rd Year

Why use Macromedia Flash 8?

With Macromedia Flash 8 you can:

 Animate graphics and text with smooth playback
 Add sound and music to your movies
 Develop interactive training tutorials
 With advanced Action script - create complex interactivity
 Create stand-alone executable files (projectors) to distribute your movies as one
file
 Develop rich multimedia websites entirely in Flash

Setup:

Whenever you start in Macromedia Flash 8, the first thing you will want to setup is the
Movie Properties dialogue box. This box outlines the properties of your movie; frame
rate at which your movie will play, the dimensions of your movie, background color and
what your rulers measure in. Located at the bottom of your Flash window you will find
the Properties dialogue box, if you click on Size you will get the following options.

Setting the Frame Rate to 24 will allow animations to play smoothly, if the computer is
fast enough to render the movements. Twenty-four frames per second is a good guideline
to follow for using your animations on the internet.

Layout - Stage and Timeline:

Below is the default layout for Macromedia Flash 8. The timeline indicates what frame
you are at and also indicates the number of frames in your movie. Within the timeline
you will find layers - you can have any number of layers within a movie and it is within

Itec4121 Page 1
Multimedia Lab IT 3rd Year

these layers that you put your graphics, text, and sounds. The Work Area is not viewable
when you play your movie, so it is a place to work on objects or if you want your objects
to “fly in” to your movie then start them from the Work Area. The Stage is where all
viewable objects lie. Anything on the stage is seen by the user.

Toolbox:

The toolbox contains all tools necessary for drawing, viewing, coloring and modifying
your objects. Each tool in the toolbox comes with a specific set of options to modify that
tool. The diagram below outlines the grouping of tools.

Itec4121 Page 2
Multimedia Lab IT 3rd Year

Program No: 1

PROCEDURE TO CREATE A MOTION TWEEN OF AN OBJECT.

Motion tweening is the ability to move an object in either linear or non-linear fashion.
This must be created carefully in order to achieve the desired results. This tutorial
will outline the steps in order to achieve a motion tween.

1. On layer one create a ball in the center of the screen.

2. Select the object by drawing a box around the ball with the selection tool.
3. Go to Insert - Convert to Symbol (keyboard shortcut - F8) to bring up the
Convert to Symbol dialogue box.
4. Give your graphic a name and select the radio button for Graphic and click ok

In order to complete a motion tween you must first convert any object
to a graphic symbol.

5. Now your ball is a Symbol (Graphic) and is ready for movement.

6. Right click on Frame 15 of layer 1 and choose Insert Frame. This will create a length
for your animation (15 frames).
7. Highlight the first frame by a single left mouse click on the frame. The frame should
turn black.
8. Go to Insert - Create Motion Tween. You will notice that a dotted line will fill in
between frame 1 and frame 15.
9. Highlight frame 15 then go to Insert - Keyframe. This will set a keyframe at frame 15.
You will now have a solid line with an arrow on the end closest to Frame 15.

Keyframes are needed in order to move the object between two points.
Frame 1 and Frame 15 are your Keyframes, therefore you can move this
ball between point A and point B.

Itec4121 Page 3
Multimedia Lab IT 3rd Year

10. In order to make a ball bounce we must have 3 keyframes; a starting frame, a frame
for the highest point of the animation and another frame in the same position as the first.
This will create a loop. Create a Keyframe at Frame 30 by highlighting frame 30, Insert -
Keyframe. You will now have an arrow from Frame 15 to Frame 30 as well.
11. Goto Frame 15 and move your ball to the top of the Stage.
12. You are now ready to preview your animation. Goto Control - Test Movie
(Keyboard shortcut = Ctrl + Enter)

Output:
District School Outpu:

Itec4121 Page 4
Multimedia Lab IT 3rd Year

Program No: 2

PROCEDURE TO LEARN HOW AN OBJECT MOVE ALONG A PATH(GUIDE)

In this tutorial, you will learn how to have an object move along a path (guide). This tutorial will
also give you experience with using layers.
Start by choosing File - New from the menu bar to clear your screen.

1. Setup your Movie Property box with proper frame rate and color.
2. Create two layers (by choosing the icon outlined below) - 1 for the guide and 1 for the guided
object.

3. On layer 1, create an object that you would like to move.

4. With the object highlighted, go to Insert - Convert to Symbol. Give the object a name
and select the radio button for Graphic - Ok.
5. Highlight layer 1 - frame 30 – go to Insert - Frame, to create an empty frame at frame
30.
6. Highlight the first frame in layer 1 - Insert - Create Motion Tween.
7. Highlight frame 30 - Insert – Key frame.

The object is now setup to move, however, we have not given it different coordinates yet.
Now create a Guide layer (path for object to move) using the pencil tool. We will provide
movement later.

1. Lock layer 1 before drawing on layer 2. This stops you from moving the object.
2. Use the pencil tool to draw a path in layer 2. This path will now serve as your guide for
your object.

Itec4121 Page 5
Multimedia Lab IT 3rd Year

3. Highlight Layer 2, frame 30. Go to Insert - Frame. The guide must be as long as the
motion layer in order for the object to be guided.
4. We must now setup layer 2 to be the guide. Right click on the layer 2 name – go to
Guide.
5. You will notice the icon beside the title Layer 2 has now changed to a small hammer.
This means that the layer is now a guide.
6. Right click on the name Layer 1 now and goto Properties. Here you will change layer 1
to Guided. This means that your object will now follow the path in layer 2 (the guide
layer). You will also notice that the hammer icon for layer2 now has changed, indicating
that the guide layer now is guiding layer 1.

Itec4121 Page 6
Multimedia Lab IT 3rd Year

7. Unlock Layer 1 and lock Layer 2. Highlight layer 1 - frame 1 move your object to the
start of your guide (if it already isn‟t there). The object should “snap” to the start of the
line. This now sets your first keyframe for your object.
8. Highlight layer 1- frame 30, then move your object to the end of the line (guide). This
will set your last keyframe for the object.
9. Test your movie - Control - Test Movie (ctrl + Enter).

Output:

Itec4121 Page 7
Multimedia Lab IT 3rd Year

Program No: 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.
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.
14. Finally go to control-> test movie-> u will get a growing moon as the output.

Output:

Itec4121 Page 8
Multimedia Lab IT 3rd Year

Program No: 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. color 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 color 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.
7. Go to control and click on test movies .you will observe the ball bouncing on steps.

Output:

Itec4121 Page 9
Multimedia Lab IT 3rd Year

Program No: 5

PROCEDURE TO DISPLAY THE BACKGROUND GIVEN (FILENAME:

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 Color etc.
7. Go to control-> movie clip to see the final output.

Output:

Itec4121 Page 10
Multimedia Lab IT 3rd Year

Program No: 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, THEN 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 letter 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.

Output:

Itec4121 Page 11
Multimedia Lab IT 3rd Year

Program No: 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.
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.
7. finally test the animation by selecting control->movie clip.

Output:

Itec4121 Page 12
Multimedia Lab IT 3rd Year

Program No: 8

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 color of your choice. place the text on the left
of the work area.
7.Right click on the 70th keyframe of layer 2 and insert a keyframe. move the text to
the right side of the work area->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.

Output:

Itec4121 Page 13
Multimedia Lab IT 3rd Year

Program No: 9

PROCEDURE TO CHANGE A CIRCLE INTO A SQURE USING FLASH.

1. Go to start->macromedia->flash document
2. Select the circle tool from the tool bar. draw a circle on the work area. color 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. color the rectangle by the different color.
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.
7. Go to control->test movie->see the circle changing in to rectangle.

Output:

Itec4121 Page 14
Multimedia Lab IT 3rd Year

ADOBE PHOTOSHOP:

Program No: 1

PROCEDURE TO DESIGN A VISITING CARD CONTAINING ATLEAST ONE

GRAPHIC AND TEXT INFORMATION.

1. Open adobe Photoshop 7.0-> file-> new-> enter height 200 and width 400 for the
visiting card.
2. Select the rectangle tool in the tool bar and draw on the half of the work area-> color
it. Repeat the same for remaining half-> use different colors to color.
3. Copy any picture of your choice and place it on the work area-> Resize it using
transform tool.
4. Select the text tool and type text of your choice.
5. Apply the text font size, color and style of your choice.

Output:

Itec4121 Page 15
Multimedia Lab IT 3rd Year

Program No: 2

PROCEDURE TO TAKE A PHOTOGRAPHIC IMAGE. GIVE A TITLE FOR

THE IMAGE. PUT THE BORDER. WRITE YOUR NAMES. WRITE THE NAME
OF INSTITUTION AND PLACE.

1. Open adobe Photoshop 7.0-> file-> new-> enter height 800 and width 600
2. Open an image file and copy the image->paste the copied image on the new file.
3. Right click on the rectangle tool->custom shape-> select the shape->select the color-
>drag on your image.
4. Select the text tool->type your name, institution name and place.
5. Save the file.

Output:

Itec4121 Page 16
Multimedia Lab IT 3rd Year

Program No: 3

PROCEDURE TO PREPARE A COVER PAGE FOR THE BOOK IN YOUR

SUBJECT AREA. PLAN YOUR OWN DESIGN.

1.Open adobe Photoshop 7.0-> file-> new-> enter height 500 and width 400 for the
cover page.
2. Select the rectangle tool in the tool bar and draw on the half of the work area-> color
it. Repeat the same for remaining area-> use different colours to colour.
3. Copy any picture of ur choice and place it on the work area->resize it using free
transform tool.
4. Select the text tool and type text of your choice.
5. Apply the text font size, colour and style of your choice.
6. Go to layer->layer style->blended option-> select glow options of your choice.
7. Apply the effects using blended options.

Output:

Itec4121 Page 17
Multimedia Lab IT 3rd Year

Program No: 4

PROCEDURE TO EXTRACT THE FLOWER ONLY FROM GIVEN

PHOTOGRAPHIC IMAGE AND ORGANISE IT ON A BACKGROUND.
SELECTING YOUR OWN BACKGROUND FOR ORGANISATION.

1. Open adobe Photoshop 7.0-> file->open-> choose a file and open it.
2. Select the flower from the image using the lasso tool.
3. Go to edit-> copy->Again go to file->new->give height 500 and width 500.
4. Choose appropriate background and foreground colour from the tool bar.
5. Go to edit->fill->under use select background colour->ok.
6. Go to edit->paste.

Output:

Itec4121 Page 18
Multimedia Lab IT 3rd Year

Program No: 5

PROCEDURE TO ADJUST THE BRIGHTNESS AND CONTRAST OF THE

PICTURE SO THAT IT GIVES AN ELEGANT LOOK.

1. Open adobe Photoshop 7.0-> file->open-> choose a file and open it.
2. Go to image->adjustments->Brightness/Contrast.
3. After getting the Brightness/Contrast window adjust the brightness and contrast by
Dragging the appropriate bar setting.
4. Finally save the image file.

Output:

Itec4121 Page 19
Multimedia Lab IT 3rd Year

Program No: 6

PROCEDURE TO POSITION THE PICTURE PREFERABLY ON A PLAIN

BACKGROUND OF A COLOUR OF YOUR CHOICE - POSITIONING
INCLUDES ROTATION AND SCALING.

1. Open adobe Photoshop 7.0-> file->open-> choose a file and open it.
2. Select the flower from the image using the lasso tool.
3. Go to edit-> copy->Again go to file->new->give height 500 and width 500.
4. Choose appropriate background and foreground colour from the tool bar.
5. Go to edit->fill->under use select background colour->ok.
6. Go to edit->paste->again go to edit->free transform tool-> you will get a box around
the image for scaling and rotating.
7. Rotate and scale as per your requirement->and press apply.
8.Save the image.

Output:

Itec4121 Page 20
Multimedia Lab IT 3rd Year

Program No: 7

PROCEDURE TO REMOVE THE ARROWS AND TEXT FROM THE

GIVEN PHOTOGRAPHIC IMAGE

1. Open adobe Photoshop 7.0-> file->open-> choose a file with arrows and some
text -> open it.
2.select the arrows from lasso tool from the tool bar which you want to delete->go
to edit-> cut.
3. Select the text on the image using text tool and press delete.
4. Save the file.

Output:

Itec4121 Page 21
Multimedia Lab IT 3rd Year

Program No: 8

PROCEDURE TO TYPE A WORD AND APPLY THE EFFECTS SHADOW

EMBOSS

1. Open adobe Photoshop 7.0-> file->open-> choose a file and open it.
2. Select the text tool and place on the work area-> type your institute name
3. Select the typed text go to layer->layer style->blended option-> tick drop shadow,
inner
shadow, bevel and emboss->contour->satin->gradient overlay.
4. finally save the image.

Output:

Itec4121 Page 22
Multimedia Lab IT 3rd Year

Program No: 9

PROCEDURE TO USE APPROPRIATE TOOL(S) FROM THE TOOLBOX, CUT

THE OBJECTS FROM 3 FILES (F1.JPG, F2.JPG & F3.JPG); ORGANISE THEM
IN A SINGLE FILE AND APPLY FEATHER EFFECTS.

1. Open adobe Photoshop 7.0-> file->open f1.jpg.

2. Select the flower in it using lasso tool ->right click->feather-> give feather radius 20
pixels.
3. Go to edit-> copy-> open a new file with height 500 and width also 500->paste the
flower.
4. Repeat the same procedure for f2.jpg and f3.jpg-> select the flower ->give feather
effect-> edit->copy-> open a new file-> paste.
5. You will get o final single file with 3 flowers from different files.
6. Save the new file.

Output:

Itec4121 Page 23
Multimedia Lab IT 3rd Year

Program No: 10

PROCEDURE TO MAKE ANYONE OF ONE OF THE PARROTS BLACK &

WHITE IN A GIVEN PICTURE.

1. Open adobe Photoshop 7.0-> file->open original parrot picture.

2. Select a parrot using lasso tool from the tool bar.
3. after selection->go to image-adjustments->desaturate.
4. Then selected picture will now turn to black and white.
5. save as modified image.

Output:

Itec4121 Page 24