Masking Rounded Corners

Masking: Rounded Corners in Fireworks
Tutorial by Patricia Janann Nicholson

Masking is basically seeing one object through another. Sort of like a window. Effects can then be added to the mask or "window" which then change how the underlying image appears. In this example we will create a rounded corners on the top two corners of this photo. The window or mask will be a rectangle with rounded corners that is higher than the photo and then positioned so that only the top two corners are on the canvas. When the rectangle is masked to the image we only see the image through the rectangle and outside of the rectangle we just see the canvas where the image used to be.

Open the image and select the Rounded rectangle tool. Click and hold on the Rectangle tool all the option. I used the image below:

Draw the rounded rectangle by clicking and dragging. Try to get the rectangle approximately the right size and position.
Use the Transform tool the put handles on the rectangle to fine tune it's size and position.
Position the rectangle centered on top of the picture. If you select the rectangle the Properties bar allows you to change how much the corners are rounded.
Change the fill color to black.
Select both objects while holding down the shift key. You should see two blue lines, one around the image and one around the rounded rectangle.
Select Modify >> Mask >> Group as Mask. You should now see only the image in the shape of the rectangle. The white space around is the canvas. Like usual the canvas color should match the color of the background on the web page where this image will be. Select Modify >> Canvas >> Canvas Color to change it.
Before Saving and Exporting press F12 for a preview of how the image will look within a browser. See my finished product below: