Color Tweening Worksheet

Quantunet.com

My Account

Joins Us

Flash QuickSkills

Color Tweening Practice worksheet I

Color tweening is the animation of a change in the color properties of an object. To color tween you must adjust the tint of the colors in the object. The color of the tint can be adjusted using the RED, GREEN and BLUE color channels. The magnitude of the overall tint effect can be controlled by adjusting the percentage of tint that will be applied to the whole canvas. The following exercises are designed to help reinforce the concept of keyframes and the way in which are used to create motion tweens. Recreate the motion tweens by following the instruction below. Then save the .fla file and the .swf file to your portfolio folder.

	How to color tween
	How to select colors

	How to add frames
	How to add keyframes

	How to draw shapes

	How to import images to the library
	How to import images to the stage


	How to convert an image to a graphic
	What is a graphic symbol?

Exercise I Color Tweening of a vector shape

Step I	Draw a pentagon using the Polystar tool fill the pentagon with x666666 (dark gray)


Step II	Convert the pentagon to a graphic symbol. Name it "pentagon".


Step III	In the properties panel use the "Color" drop down menu to select "tint" and set it to 100% then change the RGB values to "255" "0" "0".


Step IV	Create a new key frame in frame 12 and copy the pentagon symbol.


Step V	In the properties panel set the tint to 100% and the RGB values to "255" "255" "0".


Step VI	Right click on a frame in between frame 1 and frame 12 and select "Create Motion Tween".


Step VII	Create a new key frame in frame 24 and paste the pentagon symbol.


Step VIII	In the properties panel set the tint to 100% and the RGB values to "255" "0" "0".


Step VIIII	Right click on a frame in between frame 12 and frame 24 and select "Create Motion Tween".

Exercise II Color Tweening of a bitmap image

Step I	Import this image to the stage.

Step II	Convert the image to a graphic symbol and name it "bitmap".


Step III	In the properties panel use the "Color" drop down menu to select "tint" and set it to 50% then change the RGB values to "255" "255" "255".


Step IV	Create a new key frame in frame 12 then paste the bitmap symbol into frame 12.


Step V	In the properties panel set the tint to 50% and the RGB values to "255" "0" "255".


Step VI	Right click on a frame in between frame 1 and frame 12 and select "Create Motion Tween".


Step VII	Create a new key frame in frame 24 and paste the bitmap symbol.


Step VIII	In the properties panel set the tint to 50% and the RGB values to "255" "255" "255".


Step VIIII	Right click on a frame in between frame 12 and frame 24 and select "Create Motion Tween".

Note: Once the images have been converted to "Graphic" symbols The bitmap and vector images are treated in the same way in the flash animation.