IT tutorials
 
Graphics
 

Adobe Fireworks CS5 : Masking - About masks

7/14/2013 9:12:26 PM
- How To Install Windows Server 2012 On VirtualBox
- How To Bypass Torrent Connection Blocking By Your ISP
- How To Install Actual Facebook App On Kindle Fire
In this lesson, you will work with masks to create a banner ad for the promotion of the Double Identity movie, and you’ll have a chance to brush up on importing images and using the Pen and Subselection tools along the way.

Before we get into that, we’ll talk about the differences between the two types of masks, and take a look at the finished artwork to give you an idea of where you’re going.

1.
Open the movie_banner_final.fw.png file .

In this file, masks have been used on the cars and the actors. In many cases, the mask fill has been changed to a gradient, to provide a more realistic fade into the background.

2.
Close this file, or keep it open for reference as you progress through the lesson.

In a nutshell, masks hide or show parts of an object or image. At their simplest, masks are a nondestructive way of cropping objects in your design, without permanently deleting anything. A mask can be edited or discarded at any time. You can also permanently apply a mask, flattening it to the image being masked. There are two basic kinds of mask: bitmap and vector.

Bitmap masks

Bitmap masks hide bitmap image data using a pixel-based mask. You can create bitmap masks using other bitmap images, selections, or the Brush ( ) tool.

To create a selection for a mask, you can use any of the bitmap selection tools. Decide on the type of edge you want for the selection (Hard, Anti-alias, or Feather) using the Live Marquee settings in the Properties panel. Then, just draw your selection. Bitmap selections can create masks only for other bitmaps.

Tip

You can also mask one bitmap image with another. The darker tones in a photo used as a mask will hide areas on the image being masked. Lighter tones reveal parts of the masked image.


Using the Brush tool, you can easily create or edit the mask live on the canvas, just by painting. Black hides, white reveals, and shades of gray produce semitransparency. (We’ll remind you of this important basic concept later in the lesson.) If you set your brush color to a shade of gray, the pixels you paint over will be semitransparent.

Creating a bitmap mask with the Brush tool

Original image

Beginning to paint a bitmap mask using the Brush tool and black for the brush color

The final masked image


Vector masks

Vector masking is one of the most powerful features in Fireworks. Like bitmap masks, vector masks are a nondestructive way of cropping, but unlike bitmap masks, vector masks can be applied to vectors, bitmaps, groups, or graphic symbols.

Compared to bitmap masks, vector masks tend to have a higher degree of control and accuracy, because you use a path, not a brush, to create them. It’s easy to change the fill or stroke of a vector mask. Generating the same type of effect with a bitmap mask can be more time consuming.

Vector masks use one of two modes: Path Outline or Grayscale Appearance. You can change the mode in the Properties panel.

In Path Outline mode, the vector mask acts like a cookie cutter, using the shape of the path to act as the mask.

In Grayscale Appearance mode, any bitmap information in the vector fill gets converted to a grayscale alpha channel. Grayscale Appearance uses the pixel values of the vector’s fill and the vector shape itself to create the mask. If your vector mask has a range of tones in it—such as a gradient fill—the image will be hidden or revealed based on those tones. Just like with bitmap masks, black hides, white reveals, and shades of gray produce semitransparency, as in this example, where a linear gradient has been used to fill the vector shape.

The convenient Auto Vector Mask command works in this way as well. We’ll try that out later in the lesson.

You can easily apply a shape as a mask, whether you drew a vector shape using a shape tool or used the Pen tool to create a custom shape.

 
Others
 
- Adobe Flash Professional CS5 : Working Within the Flash Environment - Printing a Document in Windows
- Adobe Flash Professional CS5 : Working Within the Flash Environment - Printing a Document in Macintosh
- Adobe Flash Professional CS5 : Working Within the Flash Environment - Working with Page Setup in Windows
- Adobe InDesign CS5 : Working with Objects and Layers - Hiding and Showing Objects, Creating Inline Objects
- Adobe InDesign CS5 : Working with Objects and Layers - Locking and Unlocking Objects
- Adobe InDesign CS5 : Working with Objects and Layers - Rotating Objects
- Adobe Illustrator CS5 : Proofing and Printing Documents - Inserting File Information
- Adobe Illustrator CS5 : Proofing and Printing Documents - Checking for Print Problems, Using the Document Info Panel
- Adobe Illustrator CS5 : Working with Objects - Reshaping Objects with Envelopes
- Adobe Illustrator CS5 : Working with Objects - Applying Multiple Transformations
 
25 Inspiring Game of Thrones Quotes
 
Top 10
 
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Finding containers and lists in Visio (part 2) - Wireframes,Legends
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Finding containers and lists in Visio (part 1) - Swimlanes
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Formatting and sizing lists
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Adding shapes to lists
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Sizing containers
- Microsoft Access 2010 : Control Properties and Why to Use Them (part 3) - The Other Properties of a Control
- Microsoft Access 2010 : Control Properties and Why to Use Them (part 2) - The Data Properties of a Control
- Microsoft Access 2010 : Control Properties and Why to Use Them (part 1) - The Format Properties of a Control
- Microsoft Access 2010 : Form Properties and Why Should You Use Them - Working with the Properties Window
- Microsoft Visio 2013 : Using the Organization Chart Wizard with new data
programming4us programming4us
 
Popular tags
 
Video Tutorail Microsoft Access Microsoft Excel Microsoft OneNote Microsoft PowerPoint Microsoft Project Microsoft Visio Microsoft Word Active Directory Biztalk Exchange Server Microsoft LynC Server Microsoft Dynamic Sharepoint Sql Server Windows Server 2008 Windows Server 2012 Windows 7 Windows 8 Adobe Indesign Adobe Flash Professional Dreamweaver Adobe Illustrator Adobe After Effects Adobe Photoshop Adobe Fireworks Adobe Flash Catalyst Corel Painter X CorelDRAW X5 CorelDraw 10 QuarkXPress 8 windows Phone 7 windows Phone 8 BlackBerry Android Ipad Iphone iOS