This is a Simple widget which enables the user to select the color for their chosen car, if you got in here without reading my previews articles on color manipulation and bitmap conversion, I recommend you go back and read them first.

Our goal in here is to re-create the concept which we created on my previews article about color manipulation, and import a class called color transform to make a dynamic color selection, we will be using the layer mask that we created on my bitmap conversion tutorial and the same Toyota Aygo as our model.

warning to all readers, I would not explain how to convert movie clip and such, I'm expecting that you are already familiar with those fundamentals.

So let start the tutorial ^^.

We need two objects here, the .EPS which contain our vector mask and the Toyota aygo.png which is the original image, and... what was that Aygo.png??.... oh I get it, it was a photoshop layer mask; which we used on our previews article, anyway just leave it there.

Name our first layer ‘Toyota aygo', this will contain our original image which is Toyota aygo.png.

and then create a new layer name it ‘color fill', grab your rectangular tool and cover the whole stage with a #330066 rectangle, then convert it to a movie clip, give a name and an instance name or ‘mc_fill'.

Then select mc_fill, then on the property panel set alpha to 55% and change the blending mode to ‘add'.

Then create a new layer name it ‘mask', drag our aygo.eps on stage and convert it to movie clip give him a name and an instance name of ‘mc_mask', then convert the layer to mask. (tip: holding down shift while draging an object on the stage will paste it on the center.)

Now create another layer, name it ‘palette'. And create a small rectangle and convert it to a movie clip, name it ‘mc_green'. Of course I would ask you to change the fill color to green, alpha to 55% and blending mode to ‘add'.

Then create a new layer call it ‘action'. This will be the layer where we will type down all actionscripts.

Press F9 and type down the following:

1. import flash.geom.ColorTransform;
3. mc_green.onRollOver = function() {
   
4. var colorTransform:ColorTransform =
   
5. mc_fill.transform.colorTransform;
   
6. colorTransform.rgb = 0x015409;
   
7. mc_fill.transform.colorTransform = colorTransform;
   
8. 
   
9. }

You will have the same result as this one. Rollover your Mouse on the green palette.

Now that you have done the first one, you can repeat the process to make huge variety of colors.