Learning Adobe Flash CS4 - Masks

Download Learning Adobe Flash CS4 - Masks

Post on 16-Nov-2014




5 download

Embed Size (px)


Sample pages from Chapter 14 of Learning Adobe Flash CS4 by Greg Bowden which demonstrates how use masks in animations. It includes creating a mask layer, setting the mask effect, using text as a mask, animating backgrounds and animating the mask itself


<p>Learning Adobe Flash CS4By Greg Bowden</p> <p>Chapter 14</p> <p>Using Masks</p> <p>Guided Computer Tutorials www.gct.com.au</p> <p>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.</p> <p>First published 2009 ISBN: Module 1 Module 2 1 921217 67 7 1 921217 68 5</p> <p>PDF document on CD-ROM</p> <p>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.</p> <p>Chapter</p> <p>Using Masks</p> <p>14</p> <p>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.</p> <p>Creating a Mask over a BackgroundFor this first example a mask will be used to display only part of a picture of London.</p> <p>A1</p> <p>Creating the Background LayerLoad Flash and create a NEW FLASH FILE, or close the current file and create a NEW FLASH FILE.</p> <p>4 5</p> <p>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.</p> <p> Guided Computer Tutorials 2009</p> <p>14-1</p> <p>Learning Adobe Flash CS4</p> <p>B</p> <p>Inserting the Mask Layer</p> <p>In order for a mask to operate a layer must be converted to a MASK layer.</p> <p>NOTE:</p> <p>You can also RIGHT+CLICK or CONTROL+CLICK on the layer name and select MASK from the CONTEXTUAL (or SHORTCUTS) menu.</p> <p>14-2</p> <p> Guided Computer Tutorials 2009</p> <p>Using Masks</p> <p>14</p> <p>C</p> <p>Creating the Mask</p> <p>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.</p> <p>3</p> <p>The program needs to be told which layer is to be masked. In this case it is the IMAGE layer.</p> <p>NOTE: i ii</p> <p>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</p> <p>Learning Adobe Flash CS4</p> <p>D Background ColoursSome interesting effects can be created by changing the background colour.</p> <p>2 3</p> <p>Set the ZOOM to 100% to see the effect more clearly. Try some other background colours if you wish.</p> <p>14-4</p> <p> Guided Computer Tutorials 2009</p> <p>Using Masks</p> <p>14</p> <p>E</p> <p>Editing the Mask</p> <p>If you need to edit a mask you simply unlock the layers, make the changes then re-lock the layers. Lets say we want to change the part of the background that is seen. You can either move the background or the oval.</p> <p> Guided Computer Tutorials 2009</p> <p>14-5</p> <p>Learning Adobe Flash CS4</p> <p>Text MasksText can be used as a mask as well as shapes to create some interesting text effects.</p> <p>A1</p> <p>Creating the Mask LayerSave the current file, close it and create a NEW FLASH FILE.</p> <p>NOTE:</p> <p>Some examples of thick fonts are Arial Black, Bookman Old Style, Britannic Bold, Eras Bold, Gill Sans Ultra Bold and Rockwell Extra Bold.</p> <p>14-6</p> <p> Guided Computer Tutorials 2009</p>