Featured Flash FLA 11401 Flash Movies | 5 New Flash Movies Added What's New | Top 100 Featured FLA »  Author Miguel Panos »  Title: Tarta »  Description: It is a circle graph or pie chart that takes the data entered by user »  More by Miguel Panos Random FLAs | Add Flash Movie Featured Flash Site 4839 Flash Sites | 1 New Flash Links What's New | Top 100 Flash Site Featured Site »  AuthorDeft Creative Ltd »  Link: Home Page »  Description: Portfolio site for .DeftCreative Ltd. A UK based web design studio specialising in flash websites, games and interactive CDROMs. With an emphasis on making things different. Random Links | Add your own Flash Related Links

1484 Tutorials 7 New Tutorials Added! What's New | Top100 » Making Automatic Training Screen Capture Easily » Create Undersea Life Animation » Making Deinterlace Video with a low bitrate Easily » How To Make A Simple Animation Using Christmas Clips » Simple Step by step flash game tutorial Spot the diffrence » How To Make A Moving Text Slide » Create Flash Banner With Text Float Effect » How To Make Zoo Photos Slideshow » How To Make A Dolphin Photos Slideshow » Unknown Tag: Title10 Random Tutorial | Add Site

Tutorials Home What's New Top Rated Submit myTutes Random!

Tutorials » Animation

Color Tween
Author: RWS

Color Tween

 Welcome! In this tutorial you will learn how to make a cool looking color tween. Well, let's get started.

Well, let's get it started.

Alright. Let's go.
1. Make a new document. I made mine 700x300, so we can see a nice, huge tween. Make it 24 fps. The background shall stay white.
  Note: You CAN change the background color later, but... for the sake of this tutorial, leave it white... 
2. Select the RECTANGLE TOOL (R). Now what you gotta do is drag it from the top left CORNER, to the bottom right CORNER, so it fills the WHOLE movie. Got it? Now double click what you did, and press F8. Something pops up, am I not right? I am. Click MOVIE CLIP, and name it "Background" (without the quotations).
3. Now what you gotta do is double click the movie clip that you just made. You will enter it's timeline. double click the rectange that's inside it, and press F8. Convert THAT to a MOVIE CLIP. Name it "Background Number Two" (without the quotations).
4. Press CTRL+E, so you get back into the main timeline. We did that so we could be sure you're in the right place. Double click the rectangle again. Now comes the fun.
5. Okay, just like you would do to a Motion Tween, do the same to this thing. Click on around frame 25-30, and add a Keyframe. While on the keyframe that you just made, click the rectange ONCE. Open up the PROPERTIES PANEL. On the way right, you will see the word COLOR. Open up that thing, and click TINT. Change the tint to 100%.
6. Change the color of the rectange by clicking that color thing. Now right click the frames between the two Keyframes. Select CREATE MOTION TWEEN. OMG YOU'RE PRETTY MUCH DONE! IF you want to stop there, go ahead, but you can add as many tweens as you want. Once you're done, press CTRL+ENTER to test your movie. Here is how mine turned out:
http://img301.imageshack.us/my.php?image=11ls.swf
The End!

» Forums
	More help? Search our boards for quick answers!

Please rate this tutorial, 10 is the top rating, you can also click the comments link to read/write a review.

10 9 8 7 6 5 4 3 2 1