Auto Shapes, unlike other object groups, have diamond-shaped control points in addition to the object group handles. Dragging a control point alters only its associated visual property. Most control points have tool tips that describe how they affect the Auto Shape.
Auto Shape tools create shapes in preset orientations. For example, the Arrow tool draws arrows horizontally. Similarly, for the Star auto shape, click and drag the left control point up or down vertically to change the number of points. You can use the other control points to modify the “sharpness” and “depth” of the rays.
For information about changing the orientation, see Transform and distort objects and selections.
The Auto Shape tools
- Simple arrows of any proportions, and straight or bent lines.
- Arrow Line
- Straight, thin arrow lines providing quick access to common arrowheads (simply click either end of the line).
- Beveled Rectangle
- Rectangles with beveled corners.
- Chamfer Rectangle
- Rectangles with chamfers (corners that are rounded inside the rectangle).
- Connector Line
- Three-segment connector lines, such as those used to connect the elements of a flowchart or organizational chart.
- Filled rings.
- Right-angled corner shapes.
- Measure Tool
- Simple arrow lines that indicate dimensions for key design elements in pixels or inches.
- Pie charts.
- Rounded Rectangle
- Rectangles with rounded corners.
- Smart Polygon
- Equilateral polygons with 3 to 25 sides.
- Open spirals.
- Stars with any number of points from 3 to 25.
Draw an Auto Shape
In the Vector section of the Tools panel, select an Auto Shape tool from the pop-up menu.
Do one of the following:
Drag the canvas to draw the shape.
Click the canvas to place the shape at its default size.
Add a shadow to an Auto Shape
The Add Shadow command adds a shadow beneath the selected object based on the dimensions of that object. The shadow is actually an Auto Shape with control points that you can use to manipulate its appearance. For example, you can Shift-drag the direction control point to constrain its movement to a 45-degree angle. Clicking the direction control point resets the shadow to the original shape. The Add Shadow command automatically sends the new shadow shape back by one level. Unless you apply this command to only one object at the top of the current layer, the shadow appears above the selected object.
Select an object on the canvas.
Select Commands > Creative > Add Shadow.
(Optional) To change the shadow, do any of the following:
Drag the direction control point to constrain its movement on a 45-degree angle.
Click the direction control point to reset the shadow (its size is identical to the original shape).
Control-click or Command-click the direction control point to reset the x axis only.
Double-click the perspective control point to reset the width of the shadow only.
Change Auto Shape properties precisely
Use the Auto Shape Properties panel to exert precise numeric control over a selected Auto Shape or to insert another Auto Shape into your document.
The properties that you can change depend on the type of Auto Shape.
Insert an Auto Shape into your document.
Select Window > Auto Shape Properties.
Adjust the properties.For Rectangle shapes, you can lock the shape corners so that changes to one corner affect all four. You can also change the properties for each corner individually.
To apply the changes, press Tab or Enter.
To further adjust the Auto Shape on the canvas, use the control points. The corresponding values in the Auto Shape Properties panel are updated dynamically.
Change Auto Shape properties by using control points
Select an Auto Shape, and then use the yellow control points to adjust the Auto Shape properties.
Adjust Arrow Auto Shapes
To adjust the flare and sharpness of the arrowhead, drag the Arrow Tip and Arrow Size control points.
To adjust the width, height, thickness, and corner roundness of the tail, drag the control point with a corresponding name.
Adjust Arrow Line Auto Shapes
To cycle through arrowhead options, click a control point at either end of the line.
To extend or shorten the line, drag a control point.
Adjust beveled, chamfered, and rounded rectangle Auto Shapes
To adjust all corners of a rectangle together, drag a corner control point.
To adjust a single corner of a rectangle, Alt-drag (Windows) or Option-drag (Mac OS) a corner control point.
To resize a rectangle without affecting the corners, drag the drag-to-resize control point.
To convert all corners of a rectangle to a different type, click any corner control point.
To convert a single corner to a different type, Alt-click (Windows) or Option-click (Mac OS) any corner control point.
Adjust Connector Line Auto Shapes
To move the start or end point, drag the control point at the start or end of the connector line.
To reposition the crossbar, drag the horizontal position control point.
To adjust all corners, drag a corner control point.
To adjust a single corner, Alt-drag (Windows) or Option-drag (Mac OS) a corner control point.
Adjust Doughnut Auto Shapes
Doughnut Auto Shapes initially have three control points. For any new section that you add, Fireworks adds a control point for resizing or splitting the new section.
To add sections, Alt-drag (Windows) or Option-drag (Mac OS) an add/divide sector control point on the outer perimeter of the shape.
To remove a section, drag the add/divide sector control point on the outer perimeter of the shape to define the portion of the shape that you want to remain on the canvas.
To resize the inner radius, drag the inner radius control point.
To set the inner radius to zero, click the reset radius control point.
Adjust L-shaped Auto Shapes
To change the height or width of a section, drag one of the two height/width control points.
To adjust the roundness of the corners, drag the corner radius control point.
Adjust Measure Tool Auto Shapes
To change the length or angle of the measured section, drag a control point at either end of the line.
To switch the units from pixels to inches, hold down Control (Windows) or Command (Mac OS) as you drag a control point at either end.
To extend or shorten the boundary lines for the measured area, drag a control point on either side of the numeric measurement.
Adjust Pie Auto Shapes
Pie Auto Shapes initially have three control points. For any new section that you add, Fireworks adds a control point for resizing or splitting the new section.
To add sections, Alt-drag (Windows) or Option-drag (Mac OS) a drag-to-segment control point on the outer perimeter of the shape.
To resize a pie slice, drag a drag-to-segment control point on the outer perimeter of the shape.
To reset a pie to one slice, click the reset control point.
Adjust Smart polygon Auto Shapes
To resize or rotate the polygon, drag the scale/rotate control point. To rotate only, Alt-drag (Windows) or Option-drag (Mac OS) the scale/rotate control point.
To add or remove sections, drag the sections control point.
To change the number of sides, drag the sides control point.
To split the polygon into segments, Alt-drag (Windows) or Option-drag (Mac OS) the sides control point.
To resize an inner polygon, drag the inner polygon control point.
To reset an inner polygon, click the reset inner polygon control point.
Adjust Spiral Auto Shapes
To adjust the number of turns, drag the spirals control point.
To open or close the spiral, click the open/close spiral control point.
Use additional Auto Shapes
The Auto Shapes panel contains additional Auto Shapes that are more complex than those in the Tools panel. Place these Auto Shapes into your drawing by dragging them from the Auto Shapes panel to the canvas.
Select Window > Auto Shapes to display the Auto Shapes panel.
Drag an Auto Shape preview from the Auto Shapes panel to the canvas.
(Optional) Edit the Auto Shape by dragging any of its control points.
Add new Auto Shapes to Fireworks
Add new Auto Shapes from the Adobe® Fireworks® Exchange website. New Auto Shapes appear either in the Auto Shapes panel or the Tools menu.
Select Window > Auto Shapes to display the Auto Shapes panel.
From the Options menu, select Get More Auto Shapes.
In the Exchange website, follow the onscreen instructions for adding new shapes.