CBT Cafe  

CBT Cafe > Fireworks > Image Effects

Fireworks: JPG Rounded Corners Using Masking

Version: Fireworks 4
Objectives: Create rounded corners on an image using masking
Tools & Techniques: Masking, rounded rectangle tool, group as mask

This is a quick way to achieve rounded corners on your images.

Step 1: Getting Started

  1. Open an image
  2. Import or open any image you want to use

Step 2: Creating a Rounded Rectangle

  1. Choose a Black fill color or another dark color. The lighter the color you choose the ligher your masked image will be.
  2. Select either the Rectangle Tool or the Rounded Rectangle Tool
  3. Click and drag to draw a rounded rectangle over your image.

If you selected the Rectangle Tool, you can adjust the roundness of the corners by using the Up and Down arrow keys on your keyboard WHILE still holding down the mouse button.

Step 3: Creating the Mask

  1. Select bothshapes by clicking and dragging a selection around them or click Command-A/Control-A
  2. With both shapes selected, go up to Modify>Mask>Group as Mask.
  3. This will create the rounded effect.

You can also create custom image shapes by using different shapes as masks:

Part 1 | Part 2


Home | Dreamweaver | Fireworks | Flash | Photoshop | Elements | PowerPoint| Ebay | QuickTime Pro | Flash 5 CD | Fireworks MX CD | QuickTime Support | Contact

Copyright © 1999-2015 CBT Cafe, All rights reserved

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

CBT Cafe | Multimedia Learning | Interactive Graphics