Learning Adobe Flash CS4

By Greg Bowden

Chapter 14

Using Masks

Guided Computer Tutorials www.gct.com.au

PUBLISHED BY GUIDED COMPUTER TUTORIALS PO Box 311 Belmont, Victoria, 3216, Australia www.gct.com.au © Greg Bowden This product is available in Single or Multi User versions. Single-user versions are for single student or teacher use at any particular time, just as a single text book would be used. If you intend to use the notes with multiple students the single user version should be upgraded to the multi-user version. Multi-user versions allow the school or institution to print as many copies as required, or to place the PDF files on the school network, intranet and staff laptops. A certificate of authentication is provided with multi-user versions. Bookmarks provide links to all headings and sub-headings, and individual chapters are provided.

First published 2009 ISBN: Module 1 Module 2 1 921217 67 7 1 921217 68 5

PDF document on CD-ROM

Every effort has been made to ensure that images used in this publication are free of copyright, but there may be instances where this has not been possible. Guided Computer Tutorials would welcome any information that would redress this situation.

Chapter

Using Masks

14

Some interesting and effective animations can be created using a layer to cover (or mask) part of another layer. The portion of layer being covered can only be seen though whatever shape is drawn in the mask layer. The process is called MASKING.

Creating a Mask over a Background
For this first example a mask will be used to display only part of a picture of London.

A
1

Creating the Background Layer
Load Flash and create a NEW FLASH FILE, or close the current file and create a NEW FLASH FILE.

4 5

Display the FILE menu, highlight IMPORT and select IMPORT TO STAGE. Access the FLASHcs4 SUPPORT FILES, open the CHAPTER 14 folder and import the LONDON image.

© Guided Computer Tutorials 2009

14-1

Learning Adobe Flash CS4

B

Inserting the Mask Layer

In order for a mask to operate a layer must be converted to a MASK layer.

NOTE:

You can also RIGHT+CLICK or CONTROL+CLICK on the layer name and select MASK from the CONTEXTUAL (or SHORTCUTS) menu.

14-2

© Guided Computer Tutorials 2009

Using Masks

14

C

Creating the Mask

A shape now needs to be drawn in the MASK layer. The background will only be seen through this shape. You can use the shape tools such as the OVAL and RECTANGLE TOOLS to create the shape, or use the BRUSH TOOL to draw a more complicated shape.

3

The program needs to be told which layer is to be masked. In this case it is the IMAGE layer.

NOTE: i ii

The IMAGE layer is indented under the MASK layer to indicated that it is masked by the MASK layer. You can drag a layer to the lower edge of a MASK layer to quickly set it to a MASKED layer.
© Guided Computer Tutorials 2009 14-3

Learning Adobe Flash CS4

D Background Colours
Some interesting effects can be created by changing the background colour.

2 3

Set the ZOOM to 100% to see the effect more clearly. Try some other background colours if you wish.

14-4

© Guided Computer Tutorials 2009

Using Masks

14

E

Editing the Mask

If you need to edit a mask you simply unlock the layers, make the changes then re-lock the layers. Let’s say we want to change the part of the background that is seen. You can either move the background or the oval.

© Guided Computer Tutorials 2009

14-5

Learning Adobe Flash CS4

Text Masks
Text can be used as a mask as well as shapes to create some interesting text effects.

A
1

Creating the Mask Layer
Save the current file, close it and create a NEW FLASH FILE.

NOTE:

Some examples of thick fonts are Arial Black, Bookman Old Style, Britannic Bold, Eras Bold, Gill Sans Ultra Bold and Rockwell Extra Bold.

14-6

© Guided Computer Tutorials 2009

Sign up to vote on this title
UsefulNot useful

Master Your Semester with Scribd & The New York Times

Special offer: Get 4 months of Scribd and The New York Times for just $1.87 per week!

Master Your Semester with a Special Offer from Scribd & The New York Times