adobe flash activity 2-flying ball

18
Adobe Flash Activity 2-Flying Ball Edcp 447 Session 4

Upload: vienna

Post on 14-Feb-2016

28 views

Category:

Documents


0 download

DESCRIPTION

Adobe Flash Activity 2-Flying Ball. Edcp 447 Session 4. Background. Workspace: Designer File save as “flying ball” Stage Property Size edit: 600 x 400px B ackground color. Earth image edit . File>import to the Library>earth image>drag and drop in the Stage - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Adobe Flash  Activity 2-Flying Ball

Adobe Flash Activity 2-Flying Ball

Edcp 447Session 4

Page 2: Adobe Flash  Activity 2-Flying Ball

Background

• Workspace: Designer• File save as “flying ball”• Stage Property– Size edit: 600 x 400px– Background color

Page 3: Adobe Flash  Activity 2-Flying Ball

– File>import to the Library>earth image>drag and drop in the Stage

– Select “Free Transform Tool” on the Tools menu– Right click to “Break Apart” the image to edit (Now, the image

property has been changed into “Shape” from “Bitmap”)

Earth image edit

Page 4: Adobe Flash  Activity 2-Flying Ball

– Use “Eraser” to remove dark part

– Select the dark part and delete it

• Resize it and place it at the bottom

• Double-click “Layer1” to change the layer name into “earth”

• Right click to convert the edited image “new_earth”

• Lock it on the layer

Page 5: Adobe Flash  Activity 2-Flying Ball

– Import airplane picture– Create folder in the Library to organize clips– Click on the left bottom icon to create a new layer– Rename the Layer 2 into “airplane” by double-

clicking the highlighted part

Edit an airplane

Page 6: Adobe Flash  Activity 2-Flying Ball

– Resize the airplane– Right click to Set Apart for editing the image– Click “Lasso Tool” to cut out the plane– Convert the new plane to save into the Library– Lock it in the timeline

Page 7: Adobe Flash  Activity 2-Flying Ball

Draw a ball• Hide the airplane to have a larger stage to work on drawing a

ball• Add a new layer and double-click to name it as “ball”• Select “Oval Tool”• Change fill and stroke to choose color• Select “pencil tool” to draw lines on the ball• Convert it to save in the New picture folder in the Library• View all the pictures on the stage to resize the balll

Page 8: Adobe Flash  Activity 2-Flying Ball

Add a hole on the earth• Create a new layer to name “hole”• Import a picture of hole in the stage• Edit it and convert it as a new hole• Arrange the pictures on the layer

– Lower layer to send it to the back– Upper layer to send it to the front

Page 9: Adobe Flash  Activity 2-Flying Ball

Setting up timeline for animation

1. Earth: Click 65 frame on which right click to select “Insert Frame”2. Plane:

1. Click frame 1 and plane2. Click frame 60 and right click on “Insert Key Frame”3. Click in between the timeframe and right click to “Create Classic

Tween”

Page 10: Adobe Flash  Activity 2-Flying Ball

1. Add a new layer for “ball_path”

Falling Ball for animation

Page 11: Adobe Flash  Activity 2-Flying Ball
Page 12: Adobe Flash  Activity 2-Flying Ball
Page 13: Adobe Flash  Activity 2-Flying Ball
Page 14: Adobe Flash  Activity 2-Flying Ball
Page 15: Adobe Flash  Activity 2-Flying Ball
Page 16: Adobe Flash  Activity 2-Flying Ball
Page 17: Adobe Flash  Activity 2-Flying Ball

Hole appears• Unlock “hole” layer• Hold down the keyframe in the frame 1 to drag to move it to the

frame 50 (The frame 1 becomes Blank Keyframe and the frame 50 becomes the Keyframe.)

• Insert frame to the frame 60.

Page 18: Adobe Flash  Activity 2-Flying Ball

Add Sound• Add a new layer and select it• Import an audio clip• Click the frame where the sound starts • Right click to add “Insert Keyframe”• Drag the file to the stage while the keyframe is

being selected.• Control & Enter to play the clip• Adjust FPS to play slowly (eg. FPS 24 to 10)• Save the file