Making a Dial Button - Page 2

Building the Dial

We will first start by creating a background object that will fake the dial knob. To do so, draw a circle and convert it to a movie clip symbol. Let's call this symbol 'dial knob' [DK].

In the Library, duplicate the DK movie clip and name this new symbol: 'rotating dot' [RD]. Drag an instance of RD over DK, and name its instance as dot. Align DK and RD to their horizontal and vertical centers. Make sure RD is over DK.

Double-click on RD to edit its shape in place. Use the Transform panel to reduce the scale of RD so it is really a dot over a bigger circle. If you are not using a radial or gradient fill, change the color to something that is different than DK. Finally, use the Info panel to move the shape of RD on either the X or the Y axis in a position near the outer edge of DK. This will insure that the center of RD is not the center dot shape but the center of DK.

Go back to the scene. Using the Transform panel, rotate RD of 15 degrees. Once this is done, group RD with DK.