"Chopping Up" Images to Use in FLASH
Robot Robot Robot Robot Robot Robot Robot

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

In order to animate an image the image must be broken into parts. For example, in order to move the arms and legs these images need to be separate from the body image. Today you will begin your work in chopping up images using the FIREWORKS graphics program and then <Importing> these files into a FLASH animation.

CLICK HERE to watch the first video for this assignment

CLICK HERE to watch the second video for this assignment

1. Load FIREWORKS

2. <Open> the file robot.png which can be found on the [Shared Drive] [Durfee] [Digital Literacy] [Assignments] robot.png


3. Use your <Polygon Lasso> tool and lasso what you want and then go to
<Select> <Select Inverse> and push the [Delete] key

4. Crop your image with the <Crop Tool>.

5. Make certain your image has a transparent background, not white, and then <Save As> and select Adobe Flash SWF (* .swf) file. Be certain to name each part different, e.g., robot_head.swf
robot_body.swf
robot_leftarm.swf
robot_rightarm.swf
robot_leftleg.swf
robot_rightleg.swf

When you have all your parts saved as .swf files you are ready to begin animating.
(1) start FLASH
(2) create new Flash document
(3) set stage size to 220 x 220 pixels
(4) <File> <Import> <Import to Library> all your parts (.swf files). Then be certain to add <Layers> and place each part on a separate layer.
(5) Now begin to animate your robot.

Save your competed work on your network drive as: robot

 

Go back to CMS Home Page