You can insert an instance of the ColorPicker component into your movie programmatically, but you can also drag it onto the Stage at authoring time. In our simple tutorial, we did the latter. In order to access components, open the Component panel. (Go to Windows in the uppermost menu and select Components.)
    Window >> Components:

Select the ColorPicker component and drag it onto the Stage. With the instance on the Stage selected, go to the Properties panel. With Properties tab selected, give your instance the name cpColor. Select Parameters tab. In our example, we left the default value of black for the color with which the picker should open. We changed the parameter showTextField to 'false' from the default of 'true' (for a cleaner look of the final movie).

During authoring time, we created a dynamic text field, with the instance name sizeBox:

We also created by hand an arrow button and put two instances on the Stage: btnUp and btnDown. (btnDown was obtained by Modify >> Transform >> Flip Vertical.) We created and placed on the Stage the erase button with the name btnErase.

Download

• Flash CS3 file mouse_draw.fla

Download the well-commented fla file for the swf displayed above.

On the next page of this tutorial, we discuss the code behind our drawing example.