FLASH – Lab manual
1. Motion Tween Application in Flash
Aim:
To develop a Flash animation that demonstrates motion tweening,
Procedure:
1. Open Macromedia Flash 8.
2. Create a new file (File → New → Flash Document)
3. Use the Rectangle Tool (R) or Oval Tool (O) to draw a shape (e.g., a circle).
4. Select a frame on the timeline (e.g., frame 40), right-click → Insert Keyframe.
5. Move the object to a new location in frame 40.
6. Right-click between frame 1 and 30 → choose Create Motion Tween.
7. Test the animation using Ctrl + Enter.
2. Shape Tween Application in Flash
Aim:
To develop a Flash animation that demonstrates shape tweening.
Procedure:
1. Open Macromedia Flash 8.
2. Create a new file (File → New → Flash Document)
3. In frame 1, draw a shape using the Oval Tool (O) or Rectangle Tool (R).
4. Go to frame 40, right-click → Insert Keyframe.
5. Modify the shape in frame 40 (change it to another shape or size using Free
Transform Tool).
6. Right-click between frame 1 and 40 → choose Create Shape Tween.
7. Test the animation using Ctrl + Enter.
3. Ball Bouncing using Motion Guide Path in Flash
Aim:
To develop a Flash animation of a ball bouncing along a curved path using motion guide
layer.
Procedure:
1. Open Macromedia Flash 8.
2. Create a new file (File → New → Flash Document)
3. Draw a ball using the Oval Tool (O).
4. Right-click on the layer → chooses Add Motion Guide.
5. On the guide layer, use the Pencil Tool (Y) or Pen Tool (P) to draw a curved
bouncing path.
6. Select the ball layer, click frame 40 → Insert Keyframe.
7. Move the ball to the end of the guide path.
8. Right-click between frame 1 and 40 in ball layer → choose Create Classic Tween.
9. Drag the ball so it snaps to the guide path at both frames 1 and frame 40.
10. Test the animation using Ctrl + Enter.
4. Masking Effect in Flash 8
AIM:
To create an animation using a masking effect to reveal or hide content creatively (e.g., text
revealed by moving spotlight).
PROCEDURE:
1. Open Flash 8 → New Document.
2. Create a new layer → Name it TextLayer. Add a text or image to be revealed.
3. Add another layer above it, name it MaskLayer.
4. On MaskLayer, draw a circle (spotlight) using the Oval Tool.
5. Convert circle to symbol (Movie Clip).
6. Add frames (e.g., frame 60) in both layers → Right-click → Insert Keyframe.
7. Move the circle in frame 60 → Create Motion Tween on MaskLayer.
8. Right-click the MaskLayer → Select Mask.
9. Test with Ctrl + Enter.
5. Layer-Based Animation in Flash 8
AIM:
To animate multiple objects on different layers independently (e.g., background, character,
foreground).
PROCEDURE:
1. Create a new Flash file.
2. Create 3 layers: Background, Character, Foreground.
3. On each layer:
o Background: draw sky or landscape.
o Character: draw a character (or import image), convert to symbol.
o Foreground: draw object like grass/tree.
4. Use Motion Tween on Character layer to move across the screen (from frame 1 to
60).
5. Add slight movements (like wind in tree) on Foreground.
6. Insert Keyframes and test animation with Ctrl + Enter.
6. Growing Moon Animation in Flash 8
AIM:
To create a simple animation representing the phases of the moon, growing from new moon
to full moon.
PROCEDURE:
1. Open Flash 8 → New Document.
2. Draw a small crescent moon using the Oval Tool and shape cutouts.
3. Do not convert to symbol.
4. Insert Keyframe at frame 60.
5. In frame 60, draw a full moon shape.
6. Right-click between frame 1 and 60 → Create Shape Tween.
7. Optional: Add a dark background and stars.
8. Press Ctrl + Enter to view animation.
7. ActionScript to Play and Stop Animation
AIM:
To control an animation using ActionScript buttons to Play and Stop.
PROCEDURE:
1. Create a simple animation (e.g., moving object from frame 1 to 60 using Motion
Tween).
2. Create two buttons:
o Insert → New Symbol → Button → Design it.
o Add to stage: one named btnPlay, another btnStop.
3. Assign instance names to the buttons via Properties panel.
4. Open Actions (F9) on frame 1 and write:
stop(); // Stops animation initially
btnPlay.onRelease = function() {
play(); // Plays the animation
};
btnStop.onRelease = function() {
stop(); // Stops the animation
};
5. Test using Ctrl + Enter.
8. Combined Animation Movie with Sound (Motion + Shape Tween)
AIM:
To create an appealing animation combining Motion Tween, Shape Tween, and Sound.
PROCEDURE:
1. Plan a scene (e.g., a sunrise with clouds moving and sun growing).
2. Create:
o Background layer (sky).
o Sun layer: Draw sun as a shape → Use Shape Tween to grow it.
o Cloud layer: Create cloud symbols → Apply Motion Tween to move them.
3. Import a sound:
o File → Import to Library → Add MP3.
o Create new layer: drag the sound to timeline (background music).
4. Sync sound:
o Select the sound frame → Properties → Sound → Sync → “Stream” or
“Start”.
5. Add keyframes, timing adjustments for smooth animation.
6. Export the movie: File → Export → SWF or AVI.
