You can round corners in Adobe Animate either while you are drawing a shape or after the shape has been created, primarily using the Rectangle tool and the Properties panel.
Rounding Corners While Drawing (Rectangle Tool)
Adobe Animate offers a quick way to create rounded rectangles directly while drawing. This method is especially useful when you know you need rounded corners from the start.
Here’s how to do it:
- Select the Rectangle Tool from the Tools panel.
- Click and drag on the Stage to begin drawing your rectangle.
- While you are still dragging, use the Up Arrow key on your keyboard to increase the corner radius or the Down Arrow key to decrease it.
- Release the mouse button when you have achieved the desired size and corner roundness.
Reference Information: Drag on the Stage. If you are using the Rectangle tool, press the Up Arrow and Down Arrow keys while dragging to adjust the radius of rounded corners.
This technique is simple but limited mainly to rectangles created with the Rectangle tool.
Rounding Corners After Drawing (Properties Panel)
A more flexible approach that works for various shapes (Rectangles, Ovals, Polygons/Stars drawn with the PolyStar tool) after they have been placed on the Stage is using the Properties panel.
Follow these steps:
- Select the shape you want to modify on the Stage using the Selection Tool (V).
- Open the Properties panel (Window > Properties).
- Look for the "Rectangle Options" section (it might be labeled differently depending on the shape type, but it will contain corner settings).
- You will typically see options to adjust the corner radius. These options often allow you to control all four corners simultaneously or each corner individually.
- Adjusting all corners: Enter a single value in the main radius field, or click the chain icon to link all corners and then adjust one value.
- Adjusting individual corners: Unlink the corners (if linked) and enter separate radius values for each corner (Top-Left, Top-Right, Bottom-Right, Bottom-Left).
- Press Enter or click away to apply the changes.
Using the Properties panel gives you precise control over the corner radius values and allows you to modify shapes you've already drawn.
Corner Radius Options
Here's a quick look at how you might see the options in the Properties panel:
Setting | Description | Control Method |
---|---|---|
Corner Radius | Sets the radius for all linked corners. | Numeric input |
Individual Corners | Sets radius for each corner separately. | Numeric input for each corner |
![Link Icon] | Links/Unlinks corner radius values. | Click to toggle |
Note: The visual layout in the Properties panel may vary slightly depending on your Adobe Animate version.
By mastering both methods, you can easily add smooth, rounded edges to your shapes, enhancing the visual appeal of your animations and designs.