• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL

Chapter 4. Complex Graphics on a Single Layer > Working with Grouped Elements

Working with Grouped Elements

Grouping is useful for keeping elements together as you work with them and other elements on the Stage. Groups make it easy to reposition a set of shapes whose relationships must stay the same. You may also want to group individual shapes to prevent them from interacting with other elements on the same layer. Suppose that you are drawing shapes that make up a face, with eyes, nose, and mouth. You may want to move the facial features around to get just the right look, and you don't want to leave holes in your basic face oval each time. Grouping each element lets you avoid that. Flash makes it easy to edit lines and fills—you simply grab and drag them with the arrow tool—but that means it's also easy to reshape an object accidentally when you meant to move it. Grouping prevents you from editing objects inadvertently.

To prevent interaction between objects on the same layer:

In the Toolbox, choose the oval tool.

In the Colors section of the Toolbox, click the pencil icon

This selects the Stroke control and lets you apply any color selections to strokes.

Click the No Color button.

The oval tool now draws a fill without an outline stroke.

Click the fill-color box (in the Toolbox or in the Fill or Mixer panel), and from the pop-up swatch set, choose red.

On the Stage, draw a fairly large oval (Figure 4.10).

Figure 4.10. The oval before grouping.

In the Toolbox, switch to the arrow tool, and select the oval you just drew.

To make the oval a grouped element, from the Modify menu, choose Group (Figure 4.11).

Figure 4.11. The oval after grouping.

Back in the Toolbox, choose the oval tool and a different fill color.

On the Stage, draw a smaller oval in the middle of your first oval (Figure 4.12).

Figure 4.12. Draw a second oval on top of the grouped oval.

When you finish drawing the new oval, it immediately disappears behind the grouped oval (Figure 4.13). That's because grouped objects always stack on top of ungrouped objects (see the sidebar "Understanding the Stacking Order of Grouped Objects").

Figure 4.13. The ungrouped oval stacks beneath the grouped oval.

Switch to the arrow tool, and reposition the large oval so that you can see the small one (Figure 4.14).

Figure 4.14. Drag the grouped oval to make the ungrouped oval visible.

Deselect the large oval, and select the small oval (Figure 4.15).

Figure 4.15. Select the small oval.

To make the small oval a grouped element, from the Modify menu, choose Group (Figure 4.16).

Figure 4.16. Once grouped, the small oval—the most recently created group—pops to the top of the stack.

Flash puts the small oval in a bounding box and brings it to the top of the stack. Flash always places the most recently created group on the top of the stack. You can now reposition the two ovals however you like, and they will not interact.

To keep multiple items together:

Using the drawing tools of your choice, create eight to ten separate shapes in different locations on the Stage.

Select three or four elements that you'd like to keep together (Figure 4.17).

Figure 4.17. You can group several shapes that you want to manipulate as a group but keep in the same relationship to one another. The eyes and eyebrows in this face are a single group.

From the Modify menu, choose Group.

In the Toolbox, select the arrow tool, and practice moving and modifying the grouped shapes.

Every action you take now affects the entire group (Figure 4.18). If you click one of the grouped shapes, you select them all. If you drag one, you drag the whole group. If you duplicate or resize one, you duplicate or resize the entire group.

Figure 4.18. It's easy to reposition (top) or resize (bottom) the eyes and eyebrows to create new facial expressions when you've made a group out of them.


You can group grouped objects. If you want to position several items on top of one another, group them as individuals first. Position them as you like. Then group all the items to preserve their relationship.


You can lock groups so that you don't accidentally move or modify them. Select the group that you want to lock. From the Modify menu, choose Arrange > Lock. You can no longer select the item. To make it available again, from the Modify menu, choose Modify > Arrange > Unlock All. You cannot unlock locked items selectively.

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint