First time here? First time here? Newsletter Signup Newsletter
Search tutorials
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!
» Level Basic

Added: 2005-08-17
Rating: 5 Votes: 16
» Author
RWS is a nice flash.. thing..
» Download
Download the files used in this tutorial.
» Forums
More help? Search our boards for quick answers!
Featured Flash FLA
» Author: Inocreato
» Title: RaiseTheBlocks
» Description: Raise all the blocks to win the game
Featured Sound Loops
Image for equalize

Audio Player

» Author: TomCat Carty
» Title: The Wood
» Description: Just a little game ending or it can maybe be looped. Recorders with music box and percussion to give the feel of well, I don't know, the woods? Free to use, just credit me. thank you
Latest Font
» Author: Fábio FAFERS
» Description: I created this font for free use. Everyone can apply it in personal or business texts. Its free, but I want to be communicated in case of business use. Donations are accepted to keep the project of free fonts alive! Thank you all
Featured Sound Fx
Image for equalize

Audio Player

» Author: Davisigner
» Description: Hmm... what to say about this one? It's reminiscent of the closing notes of the opening music from the Three Stooges done in a church organ style with a closing cymbal crash. I'll give this one away gratis, but feel free to check out my free loops and potential upcoming license-mandated ones over in the respective part of Flashkit.