Fireworks: Creating a Rounded Corner on Rectangles
example, we demonstrated how to create a rounded corner on a
JPG image using masking. In this example,
we'll create a similar effect on a vector shape using the Crop
This tutorial will demonstrate how to
create a single rounded corner on a vector rectangle.
Step 1: Creating the rectangles
Tool and draw out a rectangle. This will be the rectangle
you apply the rounded corner to.
another rectangle over your first shape but this time make it
a rounded rectangle.
I changed the color for the second rectangle only to help distinguish
the two shapes. The color you choose won't affect the results
as it does in masking.
drawing from the top left corner of the bottom rectangle and keep
drawing until the outline preview
is larger than the first rectangle.
to make the second rectangle large enough that only ONE
is overlapping the bottom rectangle.
holding down the mouse button, use your Up/Down
arrow keys to adjust the
roundness of the corners.
you have the corners where you like them, release the mouse button
to complete your shape.
To ensure only one corner is rounded make sure you draw the second
rectangle large enough that the other three corners are not overlapping
the bottom rectangle.
Flash®, Fireworks™, and Dreamweaver® are registered trademarks
of Macromedia, Inc. in the United States and/or other countries
Photoshop®, Photoshop Elements® and Illustrator® are registered
trademarks of Adobe Systems, Inc.
QuickTime® is a registered trademark of Apple Computer, Inc.
Ebay® is a registered trademark