Draw, edit, and re-edit shapes easily

Dynamically adjust Live Shapes and Live Lines in Adobe Illustrator using control widgets that let you modify the width, height, and corner radius properties. 

1. Draw a Live Rectangle

Drag any of the four corner widgets to change the corner radiuses. A red arc appears when you reach the maximum corner radius.

Tip: To modify a single corner, use the Direct Selection tool to click the anchor point, and then click the corner widget and drag to edit.

Scale a rectangle by dragging any of the eight bounding box handles. To rotate, move the cursor away from a corner until you see the Rotate icon, and then drag.

Use the center point widget to locate the shape’s center for easy alignment.

2. Edit a shape precisely

In the Control panel, click Shape to precisely change a Live Rectangle’s attributes, such as dimensions, rotation, and corner properties. Or adjust properties in the Transform panel.

Tip: To reset a rotated shape or path to its original angle, select 0° in the Polygon Angle or Rotate field.

3. Draw a Live Polygon

The default polygon is six-sided, but you can drag its side widget to dynamically change the number of sides. Or in the Transform panel, use the slider or entry field.

You can scale Live Polygons non-uniformly without losing their live characteristics. To return the shapes to equal-sided polygons, click Make Sides Equal in the Transform or Shape panel.

4. Round Live Polygon corners

Drag the single rounded corner widget to round all corners of a polygon. To edit a corner individually, use the Direct Selection tool and click the anchor point of the corner to modify.
 
Alt-click (Windows) or Option-click (Mac OS) the widget to cycle through corner styles, such as Round, Inverted Round, and Chamfer. Double-click the widget to access a Corners menu to customize the appearance and rounding attributes.

5. Draw a Live Ellipse

Change the dimensions of a Live Ellipse dynamically using the bounding box handles.

Shift-drag a bounding box handle to resize the shape proportionally. Press Alt (Option) and Shift-drag to scale proportionally from the center.

To rotate an ellipse, move the cursor away from a bounding box handle until you see the Rotate icon. Then drag to rotate. An Angle Readout box appears while you drag.

Tip: Press Shift while rotating to snap to 45° angles.

6. Make some pies

Drag one of the pie widgets to create a pie shape.

Tip: Click the Invert Pie icon under Shape Properties in the Control panel, or under Ellipse Properties in the Transform panel, to invert the pie shape.

Tip: To reset a pie shape back to an ellipse, double-click one of the pie widgets.

7. Draw a Live Line segment

As you drag with the Line Segment tool, the Angle and Length readouts give instant feedback.

To rotate the line, move the cursor away from an end widget until you see the Rotate icon. Then drag to rotate. The line rotates around its center.

8. Easily resize and align

Resize the line by dragging the end widgets. Or enter the length and angle desired in the Line Length and Line Angle fields under Line Properties in the Transform panel. 

The center point widget makes it easy to locate the line’s center — to precisely position and align objects with the center. 

9. Draw perfect shapes precisely

Hinting in Smart Guides provides helpful information as you draw.

For example:

• As you drag a widget to extend a line, a colored hinting guide appears along its trajectory.

• A diagonal hinting guide appears inside a rectangle as you draw a square.

• Hinting crosshairs appear inside an ellipse as you draw a perfect circle.

10. Align adjacent objects accurately

Choose Preferences > Smart Guides > Alignment Guides and Spacing Guides to see equal spacing guides when you move objects.

 

That’s it — you’re done. Tell us what you think about this tutorial.

 

10/31/2016
The Royal Studio