|
|
In
this tutorial, you will learn how to align instances
to the circle path using Movie Clip registration point. |
| Sometimes, to
create a nice preloader or an animated logo we need the
circle with the custom outlines. Macromedia
Flash allows us to use built-in stroke
type in the custom stroke style dialog.
|
| |
 |
 |
| |
| But Flash has'nt
"Attach to Path" feature (like
Macromedia FreeHand). So if we need a circle like this
one, we have to build it by copying and rotating several
times the instance of the Movie Clip
(the stroke element) or by using ActionScript
(duplicateMovieClip
command). |
 |
| 1. Create
a new FLA file. Save it as "circle_basic.fla". |
| 2. Choose
"Insert > New Symbol"(or press Ctrl+F8).
In the Create New Symbol dialog give
it a name "holder", Behavior: Movie Clip. |
| 3. Choose Oval
Tool (or press O). In the Properties
window change Stroke style to hairline,
Fill Color to none. |
 |
| 4. Press
and hold Shift and draw a circle of any size
you like (but be sure the width and the height of the
figure is an integer). Select the circle.
Open Align Window (or press Ctrl+K).
Make sure To Stage is checked. Click
"Align horizontal center" and "Align vertical
center". |
 |
| The circle is perfectly aligned
and the center of the circle match the Movie Clip registration
point. Select the circle and convert
it to MovieClip with registration point in the centre,
name it "mc". |
 |
| 5. Go to "mc" Movie
Clip edit mode. |
 |
| Zoom in the stage.
Choose "View > Rulers",
then "View > Guides" and
uncheck "Snap to Guides". |
Define the
size of your stroke element. In my
sample above it has 8 px height and
20 px width. Drag first vertical guide to
the center of the Movie Clip, then the second and the
third in accordance to the element width. Drag two horizontal
guides: the first to the circle curve
and the second to set the element height.
Select the circle and copy - paste in place.
Open Transform window, check Constrain
and set the transform percent of the copy to match the
low horizontal guide. |
 |
 |
| |
| 6. Insert New Layer.
Draw the cutting lines to form your stroke element
(here I just give an example). Make your element to your
own taste, but be sure the element is symmetrical
relatively the vertical "0" guide. |
 |
| |
| Cut
the new lines and paste them in
place on the layer where the circles are placed.
Form the shape by deleting unnecessary lines. Then fill
the shape using Paint Bucket Tool and
delete the strokes. |
 |
 |
© 2004 Eugène Poitiers. BestCatalog.net
Advanced Search
Best
Catalog'
Best
Catalog'