Fireworks CS3: Masking Effects Using Bitmap Masking
Version: Fireworks CS3 (and earlier) Level:Easy Objectives: Learn to use layer masks (Group as Mask) in Fireworks CS3 to create faded image silhouettes Tools & Techniques: Masking, group as mask, selections, layer masking, feathering, editing masks, styles
This tutorial takes a look at using Fireworks to create a feathered, bitmap masking effect using the bitmap selection tools and Layer Masking.
For anyone working as an elearning designer, Fireworks is one of the best tools for rapidly creating elearning storyboards. In the final part of our lesson, we'll take our masked silhouette and create a storyboard for an elearning course on Fireworks.
To Add to the Selection, hold the Shift key down and drag another selection. This is useful when you want to create multiple selection
Step 2: Creating the Mask
There are several ways to create bitmap masks in Fireworks. In our example, we'll use the Add mask button in the Layers panel.
Click the "Add mask" button at the bottom of the Layers panel
Fireworks immediately applies the mask to the feathered selection. Because we entered a high setting for the feathering, the image gradually fades to transparent allowing us to begin creating composite designs.
Step 3: Creating the Storyboard
Storyboards for elearning can be designed with any number of tools and formats. What I like most about Fireworks for elearning design is that it enables me to quickly create layouts that can just as easily be changed. And trust me, they'll change:-)
Create a new canvas 450x280
Place your masked object into the new canvas by:
Clicking and dragging it to the new canvas
Copying (Cmd-C/Ctrl-C) the image and Pasting (Cmd-V/Ctrl-V) it into the new canvas
Select the Rectangle tool and create a rectangle 40 pixels high and wide enough to cover the entire canvas
Apply a style to it. I used "Dark Chrome 013" to give it a highlight effect
Duplicate the rectangle by clicking Cmd-D/Ctrl-D
Align the new rectangle to the top of the canvas
Scale the masked image up or down if needed. I needed to scale it up several pixels.
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