Final Spine = 0.

638"

Adobe Flash Professional CC 2014 release

Classroom in a Book®

Adobe Flash Professional CC

Adobe Flash Professional CC (2014
release) provides more expressive tools,
powerful controls for animation, and
robust support for a wider variety of
playback platforms. Learn how to vary
the thickness of lines with the all-new
Variable Width tool. Gain more advanced
control over complex animations with
the new Motion Editor panel. Support for
SVG, WebGL, cross-platform Projectors,
and easy-to-use JavaScript code snippets
for HTML5 Canvas projects make Flash
Professional the ideal development Adobe
Flash Professional CC
environment for creative animation and
multimedia.

The fastest, easiest, most comprehensive way to learn “The Classroom in a Book
2014 release
Adobe Flash Professional CC (2014 release) series is by far the best
training material on

2014 release
Classroom in a Book®, the best-selling series of hands-on software training
workbooks, helps you learn the features of Adobe software quickly and easily. the market. Everything
Classroom in a Book offers what no other book or training program does—an
official training series from Adobe Systems Incorporated, developed with the you need to master the
support of Adobe product experts. software is included:
Adobe Flash Professional CC Classroom in a Book (2014 release) contains 10 clear explanations of
lessons that cover the basics and beyond, providing countless tips and techniques
to help you become more productive with the program. You can follow the book
each lesson, step-by-

CHUN
from start to finish or choose only those lessons that interest you. step instructions, and
Purchasing this book gives you access to the downloadable lesson files you the project files for
need to work through the projects in the book and to electronic book updates the students.”
covering new features that Adobe releases for Creative Cloud customers. For

Classroom
in a Book®
Barbara Binder,
access, go to www.peachpit.com/redeem and redeem the unique code provided
Adobe Certified Instructor
inside this book.
Rocky Mountain Training
What you need to use this book: Adobe Flash Professional CC software
(2014 release), for either Windows or Mac OS. (Software not included.)
Note: Classroom in a Book does not replace the documentation, support, facebook.com/
PeachpitCreativeLearning
updates, or any other benefits of being a registered owner of Adobe Flash @adobepress
Professional CC software. @peachpit Nick Taylor

classroom in a book®
CATEGORY: US $59.99
Web Design / Multimedia / Animation
CANADA $68.99
COVER ILLUSTRATION:
Nick Taylor (UK), behance.net/Aeoll
Adobe Press books are published by Peachpit, San Francisco, CA
Printed and made in the USA
www.adobepress.com
The official training workbook from Adobe

Russell Chun
From the Library of Hassan Ali AlMarhoun

9780133927108_AFlashProCCCIB_Cvr.indd 1 7/14/14 2:00 PM

HOW TO GET YOUR LESSON FILES
Thank you for purchasing this digital version of:
Adobe Flash Professional CC Classroom in a Book® (2014 release)
In order to work through the projects in this book, you will need to download the lesson files from peachpit.com.
Each download link gives you the files for a single lesson.
To access these files, follow the steps below:
1. On a Mac or PC, go to www.peachpit.com/redeem and enter this code:
D70F50E17968
2. If you do not have a Peachpit.com account, you will be prompted to create one.
3. The downloadable files will be listed under Lesson & Update Files tab on your
Account page (see image below).
4. Click the lesson file links to download them to your computer.
If you are unable to locate the files for this title by following the steps above, please email [email protected] and
supply the code from step one. Our customer service representatives will assist you as soon as possible.

What to do with the Lesson files once you’ve downloaded them

The files are compressed into Zip archives to speed up download time and to protect the contents from damage during
transfer. You must uncompress (or “unzip”) the files to restore them to their original size and format before you use
them with the book. Modern Mac and Windows systems are set up to open Zip archives by simply double-clicking.
On your hard drive, create a new folder in a convenient location and name it FlashProCC, following the standard
procedure for your operating system:
• If you’re running Windows, right-click and choose New > Folder. Then enter the new name for your folder.
• If you’re using Mac OS, in the Finder, choose File > New Folder. Type the new name and drag the folder to the
location you want to use.
Drag the unzipped Lessons folder (which contains folders named Lesson01, Lesson02, and so on) that you downloaded
onto your hard drive to your new FlashProCC folder.
When you begin each lesson, navigate to the folder with that lesson number to access all the assets, sample movies,
and other project files you need to complete the lesson.
For more details on using the Lesson files, see “Accessing the Classroom in a Book Files” in the “Getting Started” sec-
tion of the book.

From the Library of Hassan Ali AlMarhoun

 Adobe
Flash Professional CC
2014 release

Nick Taylor

CLASSROOM IN A BOOK®
The official training workbook from Adobe

Russell Chun
From the Library of Hassan Ali AlMarhoun
Adobe® Flash® Professional CC Classroom in a Book® (2014 release)
© 2015 Adobe Systems Incorporated and its licensors. All rights reserved.
If this guide is distributed with software that includes an end user license agreement, this guide, as well as the
software described in it, is furnished under license and may be used or copied only in accordance with the terms of
such license. Except as permitted by any such license, no part of this guide may be reproduced, stored in a retrieval
system, or transmitted, in any form or by any means, electronic, mechanical, recording, or otherwise, without the
prior written permission of Adobe Systems Incorporated. Please note that the content in this guide is protected
under copyright law even if it is not distributed with software that includes an end user license agreement.
The content of this guide is furnished for informational use only, is subject to change without notice, and should not
be construed as a commitment by Adobe Systems Incorporated. Adobe Systems Incorporated assumes no responsi-
bility or liability for any errors or inaccuracies that may appear in the informational content contained in this guide.
Please remember that existing artwork or images that you may want to include in your project may be protected
under copyright law. The unauthorized incorporation of such material into your new work could be a violation of
the rights of the copyright owner. Please be sure to obtain any permission required from the copyright owner.
Any references to company names in sample files are for demonstration purposes only and are not intended to
refer to any actual organization.
Adobe, the Adobe logo, Flash, Flash Player, ActionScript, AIR, Dreamweaver, Edge Animate, Illustrator, Media
Encoder, Photoshop, and Classroom in a Book are either registered trademarks or trademarks of Adobe Systems
Incorporated in the United States and/or other countries.
Apple, iOS, iPad, iPhone, iPod, Mac OS, Macintosh, QuickTime, Safari, Xcode are trademarks of Apple, regis-
tered in the U.S. and other countries. Amazon, Kindle, Fire and all related logos are trademarks of Amazon.com,
Inc. or its affiliates. NOOK® is a trademark of Barnes & Noble, Inc. Android, Chrome, Google, and YouTube are
registered trademarks of Google Inc. Microsoft, Windows, and Internet Explorer are either registered trademarks
or trademarks of Microsoft Corporation in the U.S. and/or other countries. All other trademarks are the property
of their respective owners.
Adobe Systems Incorporated, 345 Park Avenue, San Jose, California 95110-2704, USA
Notice to U.S. Government End Users. The Software and Documentation are “Commercial Items,” as that term is
defined at 48 C.F.R. §2.101, consisting of “Commercial Computer Software” and “Commercial ComputerSoftware
Documentation,” as such terms are used in 48 C.F.R. §12.212 or 48 C.F.R. §227.7202, as applicable. Consistent
with 48 C.F.R. §12.212 or 48 C.F.R. §§227.7202-1 through 227.7202-4, as applicable, the Commercial Computer
Software and Commercial Computer Software Documentation are being licensed to U.S. Government end users
(a) only as Commercial Items and (b) with only those rights as are granted to all other end users pursuant to the
terms and conditions herein. Unpublished-rights reserved under the copyright laws of the United States. Adobe
Systems Incorporated, 345 Park Avenue, San Jose, CA 95110-2704, USA. For U.S. Government End Users, Adobe
agrees to comply with all applicable equal opportunity laws including, if appropriate, the provisions of Executive
Order 11246, as amended, Section 402 of the Vietnam Era Veterans Readjustment Assistance Act of 1974 (38
USC 4212), and Section 503 of the Rehabilitation Act of 1973, as amended, and the regulations at 41 CFR Parts
60-1 through 60-60, 60-250, and 60-741. The affirmative action clause and regulations contained in the preceding
sentence shall be incorporated by reference.
Adobe Press books are published by Peachpit, a division of Pearson Education located in San Francisco, California.
For the latest on Adobe Press books, go to www.adobepress.com. To report errors, please send a note to errata@
peachpit.com. For information on getting permission for reprints and excerpts, contact [email protected].
Writer: Russell Chun Technical Reviewers: Joseph Labrecque and
Project Editor: Victor Gavenda Keith Gladstein
Development Editor: Stephen Nathans-Kelly Indexer: Rebecca Plunkett
Copyeditor and Proofreader: Scout Festa Cover Designer: Eddie Yuen
Production Coordinator: Tracey Croom Interior Designer: Mimi Heft
Compositor: Danielle Foster
Printed and bound in the United States of America
ISBN-13: 978-0-133-92710-8
ISBN-10: 0-133-92710-5
987654321

From the Library of Hassan Ali AlMarhoun

 CONTENTS

GETTING STARTED 1
About Classroom in a Book. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1
What’s New. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2
Prerequisites. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2
Installing Flash. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3
Accessing the Classroom in a Book Files . . . . . . . . . . . . . . . . . . . . . . 4
How to Use the Lessons. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
Additional Resources . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
Adobe Authorized Training Centers. . . . . . . . . . . . . . . . . . . . . . . . . . . 7

1 GETTING ACQUAINTED 8
Starting Flash and Opening a File. . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
Understanding Document Types. . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
Getting to Know the Workspace. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
Working with the Library Panel. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17
Understanding the Timeline. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18
Organizing Layers in a Timeline. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
Using the Properties Inspector . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28
Using the Tools Panel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32
Undoing Steps in Flash. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35
Previewing Your Movie. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36
Modifying the Content and Stage . . . . . . . . . . . . . . . . . . . . . . . . . . . 38
Saving Your Movie. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39
Finding Resources for Using Flash. . . . . . . . . . . . . . . . . . . . . . . . . . . 42
Checking for Updates . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42

iv Contents

From the Library of Hassan Ali AlMarhoun

2 WORKING WITH GRAPHICS 44
Getting Started. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46
Understanding Strokes and Fills. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46
Creating Shapes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47
Making Selections. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 48
Editing Shapes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 49
Using Gradient and Bitmap Fills. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 53
Using Variable-Width Strokes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57
Creating Curves. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 59
Creating Transparencies. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 62
Creating and Editing Text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 64
Aligning and Distributing Objects. . . . . . . . . . . . . . . . . . . . . . . . . . . 67
Converting and Exporting Art. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 69

3 CREATING AND EDITING SYMBOLS 74

Getting Started. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 76
Importing Illustrator Files . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 76
About Symbols. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 79
Creating Symbols. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 80
Importing Photoshop Files. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 82
Editing and Managing Symbols . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 86
Changing the Size and Position of Instances. . . . . . . . . . . . . . . . . 91
Changing the Color Effect of Instances. . . . . . . . . . . . . . . . . . . . . . 94
Understanding Display Options. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 96
Applying Filters for Special Effects. . . . . . . . . . . . . . . . . . . . . . . . . . . 99
Positioning in 3D Space. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 101

4 ANIMATING SYMBOLS 108

Getting Started. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 110
About Animation. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 111
Understanding the Project File. . . . . . . . . . . . . . . . . . . . . . . . . . . . 111
Animating Position . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 112
Changing the Pacing and Timing. . . . . . . . . . . . . . . . . . . . . . . . . . 115

ADOBE FLASH PROFESSIONAL CC CLASSROOM IN A BOOK (2014 RELEASE) v

From the Library of Hassan Ali AlMarhoun

 Animating Transparency. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 118
Animating Filters . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 120
Animating Transformations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 124
Changing the Path of the Motion. . . . . . . . . . . . . . . . . . . . . . . . . . 128
Swapping Tween Targets. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 131
Creating Nested Animations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 132
Easing. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 135
Frame-by-Frame Animation. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 138
Animating 3D Motion. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 140
Testing Your Movie. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 143

5 ADVANCED MOTION TWEENING 146

Getting Started. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 148
About the Motion Editor. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 149
Understanding the Project File. . . . . . . . . . . . . . . . . . . . . . . . . . . . 150
Adding Motion Tweens . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 150
Editing Property Curves. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 152
Viewing Options for the Motion Editor. . . . . . . . . . . . . . . . . . . . . 159
Copying and Pasting Curves. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 159
Adding Complex Eases. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 163

6 ANIMATING SHAPES AND USING MASKS 178

Getting Started. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 180
Animating Shapes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 180
Understanding the Project File. . . . . . . . . . . . . . . . . . . . . . . . . . . . 181
Creating a Shape Tween. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 181
Changing the Pace. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 184
Adding More Shape Tweens. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 184
Creating a Looping Animation . . . . . . . . . . . . . . . . . . . . . . . . . . . . 187
Using Shape Hints. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 191
Animating Color. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 195
Creating and Using Masks. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 198
Animating the Mask and Masked Layers. . . . . . . . . . . . . . . . . . . 200
Easing a Shape Tween. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 204

vi Contents

From the Library of Hassan Ali AlMarhoun

7 CREATING INTERACTIVE NAVIGATION 206
Getting Started. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 208
About Interactive Movies . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 209
Creating Buttons. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 209
Understanding ActionScript 3.0. . . . . . . . . . . . . . . . . . . . . . . . . . . 220
Preparing the Timeline. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 224
Adding a Stop Action. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 225
Creating Event Handlers for Buttons. . . . . . . . . . . . . . . . . . . . . . . 226
Creating Destination Keyframes. . . . . . . . . . . . . . . . . . . . . . . . . . . 229
Creating a Home Button with Code Snippets . . . . . . . . . . . . . . 233
Code Snippets Options . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 236
Playing Animation at the Destination. . . . . . . . . . . . . . . . . . . . . . 238
Animated Buttons . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 243

8 USING TEXT 248

Getting Started. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 250
When and Where to Add Text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 252
Understanding Text Types. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 253
Adding Simple Text. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 254
Adding Paragraphs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 257
Hyperlinking Text. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 260
Creating User-input Text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 261

9 WORKING WITH SOUND AND VIDEO 270

Getting Started. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 272
Understanding the Project File. . . . . . . . . . . . . . . . . . . . . . . . . . . . 273
Using Sounds. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 275
Understanding Flash Video. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 287
Using Adobe Media Encoder CC 2014 . . . . . . . . . . . . . . . . . . . . . 287
Understanding Encoding Options. . . . . . . . . . . . . . . . . . . . . . . . . 291
Playback of External Video . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 299
Working with Video and Transparency. . . . . . . . . . . . . . . . . . . . . 303
Embedding Flash Video. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 306
Exporting Video from Flash. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 311

ADOBE FLASH PROFESSIONAL CC CLASSROOM IN A BOOK (2014 RELEASE) vii

From the Library of Hassan Ali AlMarhoun

 10 PUBLISHING 316
Understanding Publishing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 318
Publishing for Flash Player . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 319
Publishing for HTML5. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 327
Using Classic Tweens. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 328
Exporting to HTML5 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 333
Inserting JavaScript. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 336
Converting to HTML5 Canvas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 341
Publishing a Desktop Application . . . . . . . . . . . . . . . . . . . . . . . . . 348
Publishing for a Mobile Device. . . . . . . . . . . . . . . . . . . . . . . . . . . . 356
Next Steps. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 363

INDEX 366

viii Contents

From the Library of Hassan Ali AlMarhoun

GETTING STARTED

The 2014 release of Adobe Flash Professional CC provides a comprehensive

authoring environment for creating interactive and media-rich applica-
tions that you can publish to a variety of platforms. Flash is widely used in
the creative industry to develop engaging projects integrating video, sound,
graphics, and animation. You can create original content in Flash or import
assets from other Adobe applications such as Photoshop or Illustrator, quickly
design animation and multimedia, and use ActionScript 3.0 to integrate
sophisticated interactivity.
Use Flash Professional to generate graphics and animation assets, to build
innovative and immersive websites, to create standalone applications for
the desktop, or to create apps to distribute to mobile devices running on the
Android or iOS system.
With extensive controls for animation, intuitive and flexible drawing tools,
and a powerful, object-oriented coding language, Flash delivers one of the
few robust multimedia authoring environments that let your imagination
become reality.

About Classroom in a Book

Adobe Flash Professional CC Classroom in a Book (2014 release) is part of the
official training series for Adobe graphics and publishing software developed
with the support of Adobe product experts. The lessons are designed so you
can learn at your own pace. If you’re new to Flash, you’ll learn the fundamental
concepts and features you’ll need to use the program. Classroom in a Book
also teaches many advanced features, including tips and techniques for using
the latest version of this application.

ADOBE FLASH PROFESSIONAL CC CLASSROOM IN A BOOK (2014 RELEASE) 1

From the Library of Hassan Ali AlMarhoun

 What’s New
The 2014 release of Adobe Flash Professional CC provides more expressive
tools, powerful controls for animation, and robust support for a wider variety of
playback platforms.
The lessons in this book provide opportunities to use some of the updated features
and improvements in Flash Professional, including:
• The new Motion Editor, an advanced panel for creating and managing complex
motion tweens and eases
• The all-new Variable Width tool, which allows you to create more expressive
lines with thick and thin variation for static or animated graphics
• Separate Flash document types that are specifically configured to publish to a
variety of platforms: Flash Player, HTML5, WebGL, desktop applications, and
mobile apps for iOS or Android
• Support for SVG (Scaleable Vector Graphics) export
• Cross-platform projectors for self-executable desktop applications
• JavaScript code snippets for HTML5 Canvas projects
• An object-level Undo command, which lets you undo an action on one object
independently of other objects that may have been modified more recently
• Integration with the Kuler panel, a cloud-based application to create color themes

Prerequisites
Before you begin using Adobe Flash Professional CC Classroom in a Book (2014
release), make sure your system is set up correctly and that you’ve installed the
required software. You should have a working knowledge of your computer and
operating system. You should know how to use the mouse and standard menus and
commands, and also how to open, save, and close files. If you need to review these
techniques, see the printed or online documentation included with your Microsoft
Windows or Apple Mac OS software.
If you’re working on Microsoft Windows, you need to download Apple’s
QuickTime software, free from www.apple.com/quicktime/download/, in order to
work with the videos in Lesson 9.
In addition, you need to download the free Adobe AIR runtime, available at
get.adobe.com/air/, to publish desktop applications in Lesson 10.

2 Getting Started

From the Library of Hassan Ali AlMarhoun

Installing Flash
You must purchase the Adobe Flash Professional application as part of
Adobe Creative Cloud. The following specifications are the minimum required
system configurations.
Windows
• Intel® Pentium 4, Intel Centrino®, Intel Xeon®, or Intel Core™ Duo
(or compatible) processor
• Microsoft® Windows® 7 (64 bit), Windows 8 (64 bit), or Windows 8.1 (64 bit)
• 4 GB of RAM
• 1024x900 display (1280x1024 recommended)
• Java Runtime Environment 1.7 (included)
• QuickTime 7.7x software recommended
• 4 GB of available hard-disk space for installation; additional free space required
during installation (cannot install on removable flash storage devices)
• Broadband Internet connection and registration are necessary for required
software activation, validation of subscriptions, and access to online services.
Mac OS
• Multicore Intel® processor
• Mac OS X v10.9 64-bit, 10.8 64-bit, or 10.7 64-bit
• 4 GB of RAM
• 1024x900 display (1280x1024 recommended)
• Java™ Runtime Environment 1.7
• QuickTime 10.x software recommended
• 4 GB of available hard-disk space for installation; additional free space required
during installation (cannot install on a volume that uses a case-sensitive file
system or on removable flash storage devices)
• Broadband Internet connection and registration are necessary for required
software activation, validation of subscriptions, and access to online services.
For updates on system requirements and complete instructions on installing the
software, visit www.adobe.com/products/flash/tech-specs.html.
Install Flash from Adobe Creative Cloud at creative.adobe.com/ and make sure that
you have your login and password accessible.

ADOBE FLASH PROFESSIONAL CC CLASSROOM IN A BOOK (2014 RELEASE) 3

From the Library of Hassan Ali AlMarhoun

 Accessing the Classroom in a Book Files
The lessons in Adobe Flash Professional CC Classroom in a Book (2014 release)
use specific source files, such as image files created in Adobe Illustrator, video files
created in Adobe After Effects, audio files, and prepared Flash documents. To
access the Classroom in a Book files:
1 On a Mac or PC, go to www.peachpit.com/redeem and enter the code found at
the back of your book.
2 If you do not have a Peachpit.com account, you will be prompted to create one.
3 The downloadable files will be listed under the Lesson & Update Files tab on
your Account page.
4 Click the lesson file links to download them to your computer.
The files are compressed into Zip archives to speed up download time and to
protect the contents from damage during transfer. You must uncompress (or
“unzip”) the files to restore them to their original size and format before you use
them with the book. Modern Mac and Windows systems are set up to open Zip
archives by simply double-clicking.
5 On your hard drive, create a new folder in a convenient location and name it
FlashProCC, following the standard procedure for your operating system:
• If you’re running Windows, right-click and choose New > Folder. Then enter
the new name for your folder.
• If you’re using Mac OS, in the Finder, choose File > New Folder. Type the
new name and drag the folder to the location you want to use.
6 Drag the unzipped Lessons folder (which contains folders named Lesson01,
Lesson02, and so on) that you downloaded onto your hard drive to your new
FlashProCC folder.
When you begin each lesson, navigate to the folder with that lesson number to
access all the assets, sample movies, and other project files you need to complete
the lesson.
If you have limited storage space on your computer, you can copy each lesson
folder as you need it, and then delete it after you’ve completed the lesson if desired.
Some lessons build on preceding lessons; in those cases, a starting project file is
provided for you for the second lesson or project. You do not have to save any fin-
ished project if you don’t want to or if you have limited hard drive space.

4 Getting Started

From the Library of Hassan Ali AlMarhoun

Copying the sample movies and projects
You will create and publish final project files, such as SWF files, HTML files, vid-
eos, or AIR desktop applications, in some lessons in this book. The files in the End
folders (01End, 02End, and so on) within the Lesson folders are samples of com-
pleted projects for each lesson. Use these files for reference if you want to compare
your work in progress with the project files used to generate the sample projects.
The end project files vary in size from relatively small to a couple of megabytes, so
you can either copy them all now if you have ample storage space or copy just the
end project file for each lesson as needed. Then you can delete it when you finish
that lesson.

How to Use the Lessons

Each lesson in this book provides step-by-step instructions for creating one or
more specific elements of a real-world project. Some lessons build on projects
created in preceding lessons; most stand alone. All the lessons build on one
another in terms of concepts and skills, so the best way to learn from this book is
to proceed through the lessons in sequential order. In this book, some techniques
and processes are explained and described in detail only the first few times you
perform them.
The organization of the lessons is also project-oriented rather than feature-
oriented. That means, for example, that you’ll work with symbols on real-world
design projects over several lessons rather than in just one chapter.

Additional Resources
Adobe Flash Professional CC Classroom in a Book (2014 release) is not meant to
replace documentation that comes with the program or to be a comprehensive
reference for every feature. Only the commands and options used in the lessons are
explained in this book. For comprehensive information about program features and
tutorials, refer to these resources:
Adobe Flash Professional CC Help and Support: helpx.adobe.com/flash.html
is where you can find and browse Help and Support content on Adobe.com.
Adobe Flash Professional Help and Adobe Flash Professional Support Center are
accessible from the Help menu in Flash Professional.
Adobe Creative Cloud Learn: For inspiration, key techniques, cross-product
workflows, and updates on new features, go to the Creative Cloud Learn page,
helpx.adobe.com/creative-cloud/learn/tutorials.html. Available to all.

ADOBE FLASH PROFESSIONAL CC CLASSROOM IN A BOOK (2014 RELEASE) 5

From the Library of Hassan Ali AlMarhoun

 Adobe Forums: forums.adobe.com lets you tap into peer-to-peer discussions,
questions, and answers on Adobe products. The Flash Professional forum is
accessible from the Help menu in Flash Professional.
Adobe TV: tv.adobe.com is an online video resource for expert instruction and
inspiration about Adobe products, including a How To channel to get you started
with your product.
Adobe Inspire: www.adobe.com/inspire.html offers thoughtful articles on design
and design issues, a gallery showcasing the work of top-notch designers, tutorials,
and more.
Resources for educators: www.adobe.com/education and edex.adobe.com offer
a treasure trove of information for instructors who teach classes on Adobe soft-
ware. Find solutions for education at all levels, including free curricula that use an
integrated approach to teaching Adobe software and can be used to prepare for the
Adobe Certified Associate exams.
Also check out these useful links:
Adobe Add-ons: creative.adobe.com/addons is a central resource for finding
tools, services, extensions, code samples, and more to supplement and extend your
Adobe products.
Adobe Flash Professional CC product home page: www.adobe.com/products/flash

6 Getting Started

From the Library of Hassan Ali AlMarhoun

Adobe Authorized Training Centers
Adobe Authorized Training Centers offer instructor-led courses and training on
Adobe products. A directory of AATCs is available at partners.adobe.com.

ADOBE FLASH PROFESSIONAL CC CLASSROOM IN A BOOK (2014 RELEASE) 7

From the Library of Hassan Ali AlMarhoun

 1 GETTING ACQUAINTED

Lesson Overview
In this lesson, you’ll learn how to do the following:
• Create a new file in Flash
• Adjust Stage settings and document properties
• Add layers to the Timeline
• Manage keyframes in the Timeline
• Work with imported images in the Library panel
• Move and reposition objects on the Stage
• Open and work with panels
• Select and use tools in the Tools panel
• Preview your animation
• Save your file
• Access online resources for Flash

This lesson will take less than 1 hour to complete. Copy the Lesson01
folder, which contains the images you’ll use in this lesson, onto your
hard drive if it’s not already there. Download the project files for this
lesson from the Lesson & Update Files tab on your Account page at
www.peachpit.com and store them on your computer in a convenient
location, as described in the Getting Started section of this book. Your
Account page is also where you’ll find any updates to the lessons or to
the lesson files. Look on the Lesson & Update Files tab to access the most
current content.

From the Library of Hassan Ali AlMarhoun

In Flash, the Stage is where you lay out all your
visual elements, the Timeline organizes frames and
layers, and other panels let you edit and control
your creation.

From the Library of Hassan Ali AlMarhoun

 Starting Flash and Opening a File
P Note: If you The first time you start Flash you’ll see a Welcome screen with links to standard file
have not already templates, tutorials, and other resources. In this lesson, you’ll create a simple ani-
downloaded the project
files for this lesson
mation to showcase a few vacation snapshots. You’ll add a background, photos, and
to your computer a title, and in the process you’ll learn about positioning elements on the Stage and
from your Account placing them along the Timeline so they appear one at a time, in sequence. You’ll
page, do so now. See
begin learning how to use the Stage to organize your visual elements spatially, and
Getting Started at the
beginning of the book. how to use the Timeline to organize your elements temporally.
1 Start Adobe Flash Professional. In Windows, choose Start > All Programs >
P Note: You can also Adobe Flash Professional CC. In Mac OS, click Adobe Flash CC in the Adobe
start Flash by double-
clicking a Flash file Flash CC folder in the Applications folder.
(*.fla or *.xfl), such as
the 01End.fla file that is
2 Choose File > Open. In the Open dialog box, select the 01End.fla file in the
provided to show you Lesson01/01End folder and click Open to see the final project.
the completed project.
3 Choose File > Publish.
Flash creates the necessary files to play in the target platform. In this example,
the HTML5 Canvas Document creates an HTML file, a JavaScript file, and a
folder of images to display the final animation in a browser. The files are saved
in the same folder as your .fla file.
4 Double-click the HTML file.
An animation plays. During the animation, several overlapping photos appear
one by one, with stars appearing at the end.

5 Close the browser.

10 LESSON 1 Getting Acquainted

From the Library of Hassan Ali AlMarhoun

Creating a new document
You’ll create the simple animation that you just previewed by starting a new document.
1 In Flash, choose File > New.
The New Document dialog box opens.

2 Under the General tab, choose the first option, HTML5 Canvas.
The other options target different playback technologies. For example, WebGL
is a document type for animation that takes advantage of hardware-accelerated
support for graphics within HTML. ActionScript 3.0 is a document type that
targets the Flash Player. AIR for Android and AIR for iOS are documents
configured for playback with AIR on an Android or Apple mobile device. AIR
for Desktop is a document configured for playback with AIR on a Mac or
Windows desktop.
3 On the right side of the dialog box, you can choose the dimensions of the Stage
by entering new pixel values for the Width and Height. Enter 800 for Width and
600 for Height. Keep the Ruler units as Pixels.

Leave the Frame rate and Background color for the Stage at their default
settings. You can always edit these document properties, as explained later in
this lesson.

ADOBE FLASH PROFESSIONAL CC CLASSROOM IN A BOOK (2014 RELEASE) 11

From the Library of Hassan Ali AlMarhoun

 4 Click OK.
Flash creates a new HTML5 Canvas document with all the specified settings.
5 Choose File > Save. Name the file 01_workingcopy.fla, and from the File
Format/Save as type pull-down menu, choose Flash document (*.fla). Save it
in the 01Start folder. Saving your file right away is a good working habit that
ensures your work won’t be lost if the application or your computer crashes.
You should always save your Flash file with the extension .fla (or .xfl if you save
it as a Flash Uncompressed Document) to identify it as the Flash source file.

Understanding Document Types

Adobe Flash Professional has evolved from an application that at one time created
only Flash media to one that now creates media for multiple platforms and play-
back technologies. Knowing where your final animation will play determines what
type of document you’ll choose as a new file.

Playback environment
The playback, or runtime, environment is the technology that your final, published
files use to play. Your animations could play in a browser with the Flash Player, or
they could play in a browser with HTML5 and JavaScript. Or, they could play as an
app on a mobile device. You should make that decision first so you can choose the
appropriate document type.
Regardless of the playback environment and document type, all document types
are saved as .fla or .xfl (Flash) files. The difference is that each document type is
configured to export different, final published files.
P Note: This latest
version of Flash • Choose HTML5 Canvas to create animated assets that play back in a modern
Pro supports only browser using HTML5 and JavaScript. You can add interactivity by inserting
ActionScript 3.0. If you
need ActionScript 1.0 or JavaScript within Flash Pro, or to the final published files.
2.0, you must work with
Flash Professional CS6
• Choose WebGL for pure animated assets to take advantage of hardware-
or earlier versions of the accelerated support of graphics. The WebGL document type does not support
software. any interactivity.
• Choose ActionScript 3.0 to create animation and interactivity that play in the
P Note: The
ActionScript 3.0 Flash Player in a desktop browser. ActionScript 3.0 is the latest version of Flash’s
document also supports scripting language, which is similar to JavaScript. Choosing an ActionScript 3.0
publishing content as document doesn’t mean you have to include ActionScript code. It simply means
a projector for either
Macintosh or Windows. that your playback target is the Flash Player.
A projector plays as a • Choose AIR to create animation and interactivity that play as an application
stand-alone application
on the desktop, without on Windows or Mac OS desktops, without needing a browser. You can add
needing a browser. interactivity in an AIR document using ActionScript 3.0.

12 LESSON 1 Getting Acquainted

From the Library of Hassan Ali AlMarhoun

• Choose AIR for Android or AIR for iOS to publish an app for an Android P Note: Not all
or Apple mobile device. You can add interactivity for your mobile app using features are supported
across all document
ActionScript 3.0. types. For example,
WebGL documents
P Note: You can’t easily switch from one document type to another. For example, you can’t convert don’t support text
an ActionScript 3.0 document into a WebGL document. However, you can use standard copy and paste
and HTML5 Canvas
commands to move your content from one document to another. The exception is converting an
documents don’t
ActionScript 3.0 document into an HTML5 Canvas or a WebGL document, which Flash Pro supports.
support the 3D Rotation
or Translation tool.
Unsupported tools are
grayed out.
Getting to Know the Workspace
The Adobe Flash Professional work area includes the command menus at the top
of the screen and a variety of tools and panels for editing and adding elements to
your movie. You can create all the objects for your animation in Flash, or you can
import elements you’ve created in Adobe Illustrator, Adobe Photoshop, Adobe
After Effects, or other compatible applications.
By default, Flash displays the menu bar, Timeline, Stage, Tools panel, Properties
inspector, Edit bar, and a few other panels. As you work in Flash, you can open,
close, dock, undock, and move panels around the screen to fit your work style or
your screen resolution.
Edit bar Properties inspector Tools panel

Stage

Layers
Timeline

ADOBE FLASH PROFESSIONAL CC CLASSROOM IN A BOOK (2014 RELEASE) 13

From the Library of Hassan Ali AlMarhoun

 Choosing a new workspace
Flash also provides a few preset panel arrangements that may better suit the
needs of particular users. The various workspace arrangements are listed in a
pull-down menu at the top right of the Flash workspace or in the top menu under
Window > Workspaces.
1 Click the Essentials button at the upper-right corner of the Flash workspace and
choose a new workspace.
The various panels are rearranged and resized according to their importance in
the chosen workspace. For example, the Animator and Designer workspaces put
the Timeline at the top for easy and frequent access.

2 If you’ve moved some of the panels around and you want to return to one of the
prearranged workspaces, choose Window > Workspaces > Reset and the name
of the preset workspace.
3 To return to the default workspace, choose Window > Workspaces > Essentials.
In this Classroom in a Book, we’ll be using the Essentials workspace.

Saving your workspace

If you find an arrangement of panels that suits your style of work, you can save it as
a custom workspace and return to it at a later date.
1 Click the Essentials button at the upper-right corner of the Flash workspace and
choose New Workspace.

The New Workspace dialog box appears.

14 LESSON 1 Getting Acquainted

From the Library of Hassan Ali AlMarhoun

2 Enter a name for your new workspace. Click OK. P Note: By default,
the Flash interface is
dark. However, you can
change the interface to
a lighter gray if you’re
more comfortable
with how it looked in
previous versions of
Flash saves the current arrangement of panels and adds it to the options in the
Flash. Choose Flash/
Workspace pull-down menu, which you can access at any time. Edit > Preferences,
and in the General
preferences option,
About the Stage select Light for User
The big white rectangle in the middle of your screen is called the Stage. As with a Interface.

theater stage, the Stage in Flash is the area that viewers see when a movie is playing.
It contains the text, images, and video that appear on the screen. Move elements on
and off the Stage to place them in and out of view. You can use the rulers (View >
Rulers) or grids (View > Grid > Show Grid) to help you position items on the Stage.
Additionally, you can use the Align panel and other tools you’ll learn about in the
lessons in this book.
By default, you’ll see the gray area off the Stage where you can place elements that
won’t be visible to your audience. The gray area is called the Pasteboard. To see
just the Stage, choose View > Pasteboard to deselect the option. For now, leave the
option selected.
To scale the Stage so that it fits completely in the application window, choose P Note: You can
View > Magnification > Fit in Window. You can also choose different magnification view the Stage in full-
screen mode without
view options from the pop-up menu just above the Stage. the distraction of the
various panels by
choosing View > Screen
Mode > Full Screen
Mode. Use F4 to toggle
the panels, and press
the Esc key to return to
Standard Screen Mode.

ADOBE FLASH PROFESSIONAL CC CLASSROOM IN A BOOK (2014 RELEASE) 15

From the Library of Hassan Ali AlMarhoun

 Changing the Stage properties
Now you’ll change the color of the Stage. The Stage color, along with other docu-
ment properties such as the Stage dimensions and frame rate, are available in the
Properties inspector, which is the vertical panel just to the right of the Stage.
1 At the bottom of the Properties inspector, note that the dimensions of the
current Stage are set at 800 x 600 pixels, which you chose when you created
the new document.

2 Click the Background color button next to Stage and choose a new color from
the color palette. Choose dark gray (#333333).

Your Stage is now a different color. You can change the Stage properties at
any time.

16 LESSON 1 Getting Acquainted

From the Library of Hassan Ali AlMarhoun

Working with the Library Panel
The Library panel is accessible from a tab just to the right of the Properties inspec- P Note: You’ll learn
tor. The Library panel is where you store and organize symbols created in Flash, more about symbols in
Lesson 3.
as well as imported files, including bitmaps, graphics, sound files, and video clips.
Symbols are graphics used frequently for animation and for interactivity.

About the Library panel

The Library panel lets you organize library items in folders, see how often an item
is used in a document, and sort items by type. When you import items into Flash,
you can import them directly onto the Stage or into the library. However, any item
you import onto the Stage is also added to the library, as are any symbols you cre-
ate. You can then easily access the items to add them to the Stage again, edit them,
or examine their properties.
To display the Library panel, choose Window > Library, or press Command+L
(Mac OS) or Ctrl+L (Windows).

Importing an item to the Library panel

Often, you’ll create graphics directly with Flash’s drawing tools and save them as
symbols, which are stored in the library. Other times you’ll import media such as
JPEG images or MP3 sound files, which are also stored in the library. In this lesson,
you’ll import several images into the library to be used in the animation.
1 Choose File > Import > Import to Library. In the Import to Library dialog box,
select the background.png file in the Lesson01/01Start folder, and click Open.
Flash imports the selected PNG image and places it in the Library panel.
2 Continue importing photo1.jpg, photo2.jpg, and photo3.jpg from the 01Start folder.
Don’t import the last image, photo4.jpg. You’ll use that image later in this lesson.
You can also hold down the Shift key to select multiple files and import all of
the images at once.
3 The Library panel displays all the imported
images with their filenames and a thumbnail
preview. These images are now available to be
used in your Flash document.

ADOBE FLASH PROFESSIONAL CC CLASSROOM IN A BOOK (2014 RELEASE) 17

From the Library of Hassan Ali AlMarhoun

 Adding an item from the Library panel to the Stage
To use an imported image, simply drag it from the Library panel onto the Stage.
1 Choose Window > Library to open the Library panel if it isn’t already open.
2 Select the background.png item in the Library panel.
P Note: You can also 3 Drag the background.png item onto the Stage and place it approximately in the
choose File > Import > center of the Stage.
Import to Stage, or
press Command/Ctrl+R
to import an image file
to the Library and put
it on the Stage all in
one step.

Understanding the Timeline

The Timeline is located below the Stage. Like films, Flash documents measure time
in frames. As the movie plays, the playhead, shown as a red vertical line, advances
through the frames in the Timeline. You can change the content on the Stage for
different frames. To display a frame’s content on the Stage, move the playhead to
that frame in the Timeline.
At the bottom of the Timeline, Flash indicates the selected frame number, the cur-
rent frame rate (how many frames play per second), and the time that has elapsed
so far in the movie.

Current frame

Frame rate

Elapsed time (seconds)

18 LESSON 1 Getting Acquainted

From the Library of Hassan Ali AlMarhoun

The Timeline also contains layers, which help you organize the artwork in your
document. At the moment, your project has only one layer, which is called Layer 1.
Think of layers as multiple film strips stacked on top of one another. Each layer
can contain a different image that appears on the Stage, and you can draw and
edit objects on one layer without affecting objects on another layer. The layers are
stacked in the order in which they overlap each other, so that objects on the bottom
layer in the Timeline are on the bottom of the stack on the Stage. You can hide,
lock, or show the contents of layers as outlines by clicking the dots in the layer
under the layer option icons.
Layer name

Lock/Unlock Layer

Show/Hide Show Layer

Layer as Outlines

Renaming a layer
It’s a good idea to separate your content on different layers and name each layer to
indicate its contents so that you can easily find the layer you need later.
1 Select the existing layer, called Layer 1, in the Timeline.
2 Double-click the name of the layer to rename it and type background.
3 Click outside the name box to apply the
new name.

4 Click the dot below the lock icon to lock the

layer. Locking a layer prevents you from
accidentally making changes to it.
The pencil icon with a diagonal slash that
appears after the layer name indicates that you can’t make edits to the layer
because it is locked.

Adding a layer
A new Flash document contains only one layer, but you can add as many layers as
you need. Objects in the top layers will overlap objects in the bottom layers.
1 Select the background layer in the Timeline.

ADOBE FLASH PROFESSIONAL CC CLASSROOM IN A BOOK (2014 RELEASE) 19

From the Library of Hassan Ali AlMarhoun

 2 Choose Insert > Timeline > Layer. You can also click the New Layer button
below the Timeline. A new layer appears above the background layer.

3 Double-click the new layer to rename it and type photo1. Click outside the
name box to apply the new name.
Your Timeline now has two layers. The background layer contains the
background photo, and the newly created photo1 layer above it is empty.
4 Select the top layer, called photo1.
5 Choose Window > Library to open the Library panel if it isn’t already open.
6 Drag the library item called photo1.jpg from the library onto the Stage.
The photo1 JPEG appears on the Stage and overlaps the background image.

7 Choose Insert > Timeline > Layer, or click the New Layer button ( ) below the
Timeline to add a third layer.
8 Rename the third layer photo2.

20 LESSON 1 Getting Acquainted

From the Library of Hassan Ali AlMarhoun

 Working with Layers
If you don’t want a layer, you can easily delete it by selecting it and then clicking
the Delete button below the Timeline.

If you want to rearrange your layers, click and drag any layer to move it to a new
position in the layer stack.

Inserting frames
So far, you have a background photo and another overlapping photo on the Stage,
but your entire animation exists for only a single frame. To create more time on the
Timeline and make this animation run for a longer duration, you must add addi-
tional frames.
1 Select frame 48 in the background layer.

2 Choose Insert > Timeline > Frame (F5). You can also right-click/Ctrl-click P Note: On Windows,
and choose Insert Frame from the context menu that pops up. activate the F-Lock key
to use the F5 function
Flash adds frames in the background layer up to the selected frame, frame 48. key to insert frames.

3 Select frame 48 in the photo1 layer.

4 Choose Insert > Timeline > Frame (F5). You can also right-click/Ctrl-click
and choose Insert Frame from the context menu.
Flash adds frames in the photo1 layer up to the selected frame, frame 48.

ADOBE FLASH PROFESSIONAL CC CLASSROOM IN A BOOK (2014 RELEASE) 21

From the Library of Hassan Ali AlMarhoun

 5 Select frame 48 in the photo2 layer and insert frames on this layer.
You now have three layers, all with 48 frames on the Timeline. Since the frame
rate of your Flash document is 24 frames per second, your current animation lasts
2 seconds.

Selecting Multiple Frames

Just as you can hold down the Shift key to select multiple files on your desktop,
you can hold down the Shift key to select multiple frames on the Flash Timeline. If you
have several layers and want to insert frames into all of them, click on the frame in the
first layer to select it, then hold down the Shift key and click on the frame in the last
layer. All the frames between the layers will be selected. You can also simply click and
drag where you want to add frames. Then choose Insert > Timeline > Frame.

Creating a keyframe
A keyframe indicates a change in content on the Stage. Keyframes are indicated on
the Timeline as a circle. An empty circle means there is nothing in that particular
layer at that particular time. A filled-in black circle means there is something in
that particular layer at that particular time. The background layer, for example,
contains a filled keyframe (black circle) in the first frame. The photo1 layer also
contains a filled keyframe in its first frame. Both layers contain photos. The photo2
layer, however, contains an empty keyframe in the first frame, indicating that it is
currently empty.
Empty keyframe

Filled keyframe

You’ll insert a keyframe in the photo2 layer at the point in time when you want the
next photo to appear.

22 LESSON 1 Getting Acquainted

From the Library of Hassan Ali AlMarhoun

1 Select frame 24 on the photo2 layer. As you select a frame, Flash displays the
frame number beneath the Timeline.

2 Choose Insert > Timeline > Keyframe (F6).

A new keyframe, indicated by an empty circle, appears in the photo2 layer in
frame 24.

3 Select the new keyframe at frame 24 in the photo2 layer.

4 Drag photo2.jpg from your library onto the Stage.
The empty circle at frame 24 becomes filled, indicating that there is now content
in the photo2 layer. At frame 24, your photo appears on the Stage. You can click
and drag the red playhead from the top of the Timeline to scrub, or show what’s
happening on the Stage at any point along the Timeline. You’ll see that the
background photo and photo1 remain on the Stage throughout the Timeline,
but photo2 appears only at frame 24.

ADOBE FLASH PROFESSIONAL CC CLASSROOM IN A BOOK (2014 RELEASE) 23

From the Library of Hassan Ali AlMarhoun

 Understanding frames and keyframes is essential for mastering Flash. Be sure you
understand how the photo2 layer contains 48 frames with 2 keyframes—an empty
keyframe at frame 1 and a filled keyframe at frame 24.
photo2 layer photo2 layer
is empty from contains content from
frames 1–23 frames 24–48

Moving a keyframe
If you want photo2.jpg to appear later or earlier in time, you need to move the
keyframe in which it appears closer or further to the right on the Timeline. You
can easily move any keyframe along the Timeline by simply selecting it and then
dragging it to a new position.
1 Select the keyframe in frame 24 on the photo2 layer.
2 Move your mouse cursor slightly, and you’ll see a box icon appear near your
cursor, indicating that you can reposition the keyframe.
3 Click and drag the keyframe to frame 12 in the photo2 layer.

The photo2.jpg image now appears on the Stage much earlier in the animation.

Removing Keyframes
If you want to remove a keyframe, do not press the Delete key! Doing so will delete
the contents of that keyframe on the Stage. Instead, select the keyframe and choose
Modify > Timeline > Clear Keyframe (Shift+F6). Your keyframe will be removed from
the Timeline.

24 LESSON 1 Getting Acquainted

From the Library of Hassan Ali AlMarhoun

Organizing Layers in a Timeline
At this point, your working Flash file has only three layers: a background layer, a
photo1 layer, and a photo2 layer. You’ll be adding additional layers for this project,
and as in most other projects, you’ll end up having to manage multiple layers. Layer
folders help you group related layers to keep your Timeline organized and manage-
able, just like you make folders for related documents on your desktop. Although it
may take some time to create the folders, you’ll save time later because you’ll know
exactly where to look for a specific layer.

Creating layer folders

For this project, you’ll continue to add layers for additional photos, and you’ll place
those layers in a layer folder.
1 Select the photo2 layer and click the New Layer button at the bottom of the
Timeline.
2 Name the layer photo3.
3 Insert a keyframe at frame 24.
4 Drag photo3.jpg from the library onto the Stage.
You now have four layers. The top three contain photos of scenes from Coney
Island that appear at different keyframes.

ADOBE FLASH PROFESSIONAL CC CLASSROOM IN A BOOK (2014 RELEASE) 25

From the Library of Hassan Ali AlMarhoun

 5 Select the photo3 layer and click the New Folder icon at the bottom of the
Timeline ( ).
A new layer folder appears above the photo3 layer.
6 Name the folder photos.

Adding layers to layer folders

Now you’ll add the photo layers to the photos folder. As you arrange layers, remem-
ber that Flash displays the content in the layers in the order in which they appear
in the Timeline, with the top layer’s content at the front and the bottom layer’s
content at the back.
1 Drag the photo1 layer into the photos folder.
Notice how the bold line indicates the destination of your layer. When you place
a layer inside a folder, Flash indents the layer name.

2 Drag the photo2 layer into the photos folder.

3 Drag the photo3 layer into the photos folder.
All three photo layers should be in the photos folder.

You can collapse the folder by clicking the arrow just to the left of the folder name.
Expand the folder by clicking the arrow again. Be aware that if you delete a layer
folder, you delete all the layers inside that folder as well.

26 LESSON 1 Getting Acquainted

From the Library of Hassan Ali AlMarhoun

Changing the appearance of the Timeline
You can adjust the Timeline’s appearance to accommodate your workflow. When
you want to see more layers, select Short from the Frame View pop-up menu in the
upper-right corner of the Timeline. The Short option decreases the height of frame
cell rows. The Preview and Preview in Context options display thumbnail versions
of the contents of your keyframes in the Timeline.
You can also change the width of the frame cells by selecting Tiny, Small, Normal,
Medium, or Large.

Cut, Copy, Paste, and

Duplicate Layers
When managing multiple layers and layer folders, you can rely on cut, copy, paste,
and duplicate layer commands to make your workflow easier and more efficient. All
the properties of the selected layer are copied and pasted, including its frames, its
keyframes, any animation, and even the layer name and type. You can also copy and
paste layer folders and their contents.
To cut or copy any layer or layer folder,
simply select the layer and right-click/
Ctrl-click the layer. In the contextual
menu that appears, choose Cut Layers or
Copy Layers.
Right-click/Ctrl-click on the Timeline
again, and choose Paste Layers. The
layer or layers that you cut or copied
are pasted into the Timeline. Use
Duplicate Layers to copy and paste in one operation.
You can also cut, copy, paste, or duplicate layers from the top Flash menu. Choose Edit >
Timeline > and choose Cut Layers, Copy Layers, Paste Layers, or Duplicate Layers.

ADOBE FLASH PROFESSIONAL CC CLASSROOM IN A BOOK (2014 RELEASE) 27

From the Library of Hassan Ali AlMarhoun

 Using the Properties Inspector
The Properties inspector gives you quick access to the attributes you’re most likely
to need. What appears in the Properties inspector depends on what you’ve selected.
For example, if nothing is selected, the Properties inspector includes options for
the general Flash document, including changing the Stage color or dimensions;
if you’ve selected an object on the Stage, the Properties inspector shows its x and
y coordinates and its width and height, among other information. You’ll use the
Properties inspector to move your photos on the Stage.

Positioning an object on the Stage

You’ll begin by moving the photos with the Properties inspector. You’ll also use the
Transform panel to rotate the photos.
1 At frame 1 of the Timeline, select the photo1.jpg image that you dragged onto
the Stage in the photo1 layer. A blue outline indicates that the object is selected.
P Note: If the 2 In the Properties inspector, type 50 for the X value and 50 for the Y value. Press
Properties inspector Enter (Windows)/Return (Mac OS) to apply the values. You can also click and
is not open, choose
Window > Properties, or
drag your mouse cursor over the X and Y values to change their values. The
press Command/Ctrl+F3. photo moves to the left side of the Stage.

The X and Y values are measured on the Stage from the upper-left corner.
X begins at 0 and increases to the right, and Y begins at 0 and increases
downward. The registration point (the point from which Flash makes
measurements) for imported photos is at the upper-left corner.
3 Choose Window > Transform to open the Transform panel.

28 LESSON 1 Getting Acquainted

From the Library of Hassan Ali AlMarhoun

4 In the Transform panel, select Rotate, and type -12 in the Rotate box, or click
and drag over the value to change the rotation. Press Enter (Windows)/Return
(Mac OS) to apply the value.
The selected photo on the Stage rotates 12 degrees counterclockwise.

5 Select frame 12 of the photo2 layer. Now click on photo2.jpg on the Stage.
6 Use the Properties inspector and Transform panel to position and rotate the
second photo in an interesting way. Use X=200, Y=40, and a Rotate of 6 to give
it some contrast with the first photo.

ADOBE FLASH PROFESSIONAL CC CLASSROOM IN A BOOK (2014 RELEASE) 29

From the Library of Hassan Ali AlMarhoun

 7 Select frame 24 in the photo3 layer. Now click on photo3.jpg on the Stage.
8 Use the Properties inspector and Transform panel to position and rotate the
third photo in an interesting way. Use X=360, Y=65, and a Rotate of –2 so all
your photos have visual variety.

P Note: When images are scaled or rotated in Flash, they may appear jagged. You can smooth
them out by double-clicking the bitmap icon in the Library panel. In the Bitmap Properties dialog
box that appears, select the Allow Smoothing option.

30 LESSON 1 Getting Acquainted

From the Library of Hassan Ali AlMarhoun

Working with Panels
Just about everything you do in Flash involves a panel. In this lesson, you use
the Library panel, Tools panel, Properties inspector, Transform panel, History panel,
and Timeline. In later lessons, you’ll use the Actions panel, the Color panel, the Align
panel, and other panels that let you control various aspects of your project. Because
panels are such an integral part of the Flash workspace, it pays to know how to man-
age them.
To open any panel in Flash, choose its name from
the Window menu.
By default, the Properties inspector, Library
panel, and Tools panel appear together at the
right of the screen; the Timeline is at the bottom;
and the Stage is on the top. However, you can
move a panel to any position that is convenient
for you.
• To undock a panel from the right side of the
screen, drag it by its tab to a new location.
• To dock a panel, drag it by its tab into the
dock at a new position on the screen. You
can drag it to the top, the bottom, or in
between other panels. A blue highlight
indicates where you can dock a panel.
• To group a panel with another, drag its tab
onto the other panel’s tab.
• To move a panel group, drag the group by
its dark gray top bar.
You also have the option of displaying most of
the panels as icons to save space but still maintain quick access. Click the double
arrowheads at the upper right to collapse the panels to icons. Click the double
arrowheads again to expand the panels.

ADOBE FLASH PROFESSIONAL CC CLASSROOM IN A BOOK (2014 RELEASE) 31

From the Library of Hassan Ali AlMarhoun

 Using the Tools Panel
The Tools panel—the long, narrow panel on the far right side of the work area—
contains selection tools, drawing and type tools, painting and editing tools, naviga-
tion tools, and tool options. You’ll use the Tools panel frequently to switch to tools
designed for the task at hand. Most often, you’ll use the Selection tool, which is the
black arrow tool at the top of the Tools panel, for selecting and clicking on items
on the Stage or the Timeline. When you select a tool, check the options area at the
bottom of the panel for more options and other settings appropriate for your task.

Selection and transformation tools

Drawing tools

Editing tools

Options

32 LESSON 1 Getting Acquainted

From the Library of Hassan Ali AlMarhoun

Selecting and using a tool
When you select a tool, the options available at the bottom of the Tools panel and
the Properties inspector change. For example, when you select the Rectangle tool,
the Object Drawing mode and Snap To Objects options appear. When you select
the Zoom tool, the Enlarge and Reduce options appear.
The Tools panel contains too many tools to display all at once. Some tools are
arranged in hidden groups in the Tools panel; only the tool you last selected from
a group is displayed. A small triangle in the lower-right corner of the tool’s button
indicates that there are other tools in the group. Click and hold the icon for the vis-
ible tool to see the other tools available, and then select one from the pop-up menu.
You’ll use the PolyStar tool to add a little decoration to your short animation.
1 Select the top layer folder in the Timeline, and then click the New Layer button.
2 Name the new layer stars.
3 Lock the other layers below it so you don’t accidentally move anything into them.
4 In the Timeline, move the playhead to frame 36 and select frame 36 in the
stars layer.
5 Choose Insert > Timeline > Keyframe (F6) to insert a new keyframe at frame
36 in the stars layer.

You will create star shapes to appear at frame 36 in this layer.

6 In the Tools panel, select the PolyStar tool, which is indicated by the hexagon shape.

ADOBE FLASH PROFESSIONAL CC CLASSROOM IN A BOOK (2014 RELEASE) 33

From the Library of Hassan Ali AlMarhoun

 7 In the Properties inspector, click the colored square next to the pencil icon,
which indicates the color of the outline, and choose the red diagonal line.

The red diagonal line represents no color at all for the outline.
8 Click the colored square next to the paintbucket icon, which indicates the color
of the fill, and choose a bright, cheery color such as yellow. You can click on
the color wheel at the upper right to access the Adobe Color Picker, or you can
change the Alpha percentage at the upper right, which determines the level
of transparency.
Transparency Color Picker

Current color

Color choices

9 In the Properties inspector, click the Options buttons under Tool Settings.
The Tool Settings dialog box appears.
10 For Style, choose star. For Number of Sides, enter 5, and for Star point size,
enter 0.50. Click OK.

The options determine the shape of your star.

34 LESSON 1 Getting Acquainted

From the Library of Hassan Ali AlMarhoun

11 Make sure the empty keyframe in frame 36 of the title layer is selected. Click on
the Stage where you want to begin adding a star, and drag to change the width
of your star. Move your cursor around the first click to rotate the star. Make
multiple stars of different sizes and with different angles of rotation.

12 Exit the PolyStar tool by selecting the Selection tool.

13 Use the Properties inspector or the Transform panel to reposition or rotate your
stars on the Stage, if desired. Or, choose the Selection tool and simply click to
select a star and drag it to a new position on the Stage. The X and Y values in
the Properties inspector update as you drag the star around the Stage.
14 Your animation for this lesson is finished! Compare the Timeline in your file
with the Timeline in the final file, 01End.fla.

Undoing Steps in Flash

In a perfect world, everything would go according to plan. But sometimes you need
to move back a step or two and start over. You can undo steps in Flash using the
Undo command or the History panel.
To undo a single step in Flash, choose Edit > Undo or press Command/Ctrl+Z. To
redo a step you’ve undone, choose Edit > Redo.

ADOBE FLASH PROFESSIONAL CC CLASSROOM IN A BOOK (2014 RELEASE) 35

From the Library of Hassan Ali AlMarhoun

 The easiest way to undo multiple steps in Flash is to use the History panel, which
displays a list of all the last 100 steps you’ve performed. Closing a document clears
its history. To access the History panel, choose Window > History.
For example, if you aren’t satisfied with the newly added stars, you can undo your
work and return your Flash document to a previous state.
1 Choose Edit > Undo to undo the last action you made. You can choose the
Undo command multiple times to move backward as many steps as are listed in
the History panel. You can change the maximum number of Undo commands
by selecting Flash/Edit > Preferences.
2 Choose Window > History to open the History panel.

P Note: If you remove 3 Drag the History panel slider up to the step just before your mistake. Steps
steps in the History below that point are dimmed in the History panel and are removed from the
panel and then perform
additional steps, the
project. To add a step back, move the slider back down.
removed steps will no
longer be available.

Previewing Your Movie

As you work on a project, it’s a good idea to preview it frequently to ensure that
you’re achieving the desired effect. To quickly see how an animation or movie will
appear to a viewer, choose Control > Test Movie > In Browser. You can also press
Command+Return (Mac OS) or Ctrl+Enter (Windows) to preview your movie.

36 LESSON 1 Getting Acquainted

From the Library of Hassan Ali AlMarhoun

1 Choose Control > Test.
Flash creates the required published files in the same location as your FLA file
and opens and plays the animation in your default browser.

Flash automatically loops your movie in this preview mode. P Note: If you’re
working in an
If you don’t want the animation to loop when you test your movie, in Flash, ActionScript 3.0
choose File > Publish Settings, and deselect the Loop timeline option. document, Flash
publishes a SWF file
when you test your
movie. Your Properties
inspector keeps a log of
the file size, date, and
time of the most recent
SWF file published. This
helps you keep track
of your work progress
and revisions.

2 Close the browser window and return to Flash.

ADOBE FLASH PROFESSIONAL CC CLASSROOM IN A BOOK (2014 RELEASE) 37

From the Library of Hassan Ali AlMarhoun

 Modifying the Content and Stage
When you first started this lesson, you created a new file with the Stage set at 800
pixels by 600 pixels. However, your client may later tell you that they want the
animation in several different sizes to accommodate different layouts. For example,
they’d like to create a smaller version with a different aspect ratio for a banner ad.
Or, they may want to create a version that will run on AIR for Android devices,
which has specific dimensions.
Fortunately, you can modify the Stage even after all your content is put in place.
When you change the Stage dimensions, Flash provides the option of scal-
ing the content with the Stage, automatically shrinking or enlarging all your
content proportionally.

Stage resizing and content scaling

You’ll create another version of this animated project with different Stage
dimensions.
1 At the bottom of the Properties inspector, note
that the dimensions of the current Stage are
set at 800 x 600 pixels. Click the Edit button
next to the Stage size (the wrench icon).
The Document Settings dialog box appears.
2 In the Width and Height boxes, enter new pixel dimensions. Enter 400 for the
Width and 300 for the Height.
Notice that as you enter new values for the Width and the Height, the option
to Scale content with Stage becomes enabled.
3 Check the option to Scale content with Stage.

4 Do not select an Anchor option. By default, no anchor is selected.

The Anchor option lets you choose the origin from which your content is
resized, if the proportions of the new Stage are different.

38 LESSON 1 Getting Acquainted

From the Library of Hassan Ali AlMarhoun

5 Click OK.
Flash modifies the dimensions of the Stage and automatically resizes all the
content. If your new dimensions are not proportional to the original size, Flash
will resize everything to maximize the content to fit. This means that if your
new Stage size is wider than the original, there’ll be extra Stage space to the
right. If your new Stage size is taller than the original, there’ll be extra Stage
space on the bottom.
6 Choose File > Save As and name the file 01_workingcopy_resized.fla.
You now have two Flash files, identical in content but with different Stage
dimensions. Close this file and reopen 01_workingcopy.fla to continue
this lesson.

Saving Your Movie

A mantra in multimedia production is “Save early, save often.” Applications, operat- P Note: If you have
ing systems, and hardware crash more often than anyone wants, and at unexpected unsaved changes in
your open document,
and inconvenient times. You should always save your movie at regular intervals to Flash adds an asterisk at
ensure that, if a crash does happen, you won’t have lost too much of your time. the end of its filename
at the top of the
Flash can help alleviate much of the worry over lost work. The Auto-Recovery document window as
feature creates a backup file in case of a crash. a friendly reminder.

Using Auto-Recovery for a backup

The Auto-Recovery feature is a preference set for the Flash application for all
documents.
The Auto-Recovery feature saves a backup file so that in case of a crash, you
have an alternate file to return to.
1 Choose Flash/Edit> Preferences.
The Preferences dialog box appears.
2 Choose the General category from the left column.
3 Select the Auto-Recovery option, if it’s not already selected, and enter a time
(in minutes) for the interval that Flash creates a backup file.

ADOBE FLASH PROFESSIONAL CC CLASSROOM IN A BOOK (2014 RELEASE) 39

From the Library of Hassan Ali AlMarhoun

 4 Click OK.
Flash creates a new file in the same location as your FLA file with “RECOVER_”
added to the beginning of the filename. The file remains as long as the
document is open. When you close the document or when you quit Flash safely,
Flash deletes the file.

Saving an XFL document

You’ve already saved your Flash movie as an FLA file, but you can also save your
movie in an uncompressed format known as XFL. The XFL format is actually a
folder of files rather than a single document. The XFL file format exposes the con-
tents of your Flash movie so that other developers or animators can easily edit your
file or manage its assets without having to open the movie in the Flash application.
For example, all the imported photos in your Library panel appear in a Library
folder within the XFL format. You can edit the library photos or swap them with
new photos. Flash will make the substitutions in the movie automatically.
1 Open the 01_workingcopy.fla file. Choose File > Save As.
P Note: The LIBRARY 2 Name the file 01_workingcopy and choose Flash Uncompressed Document
folder contains the (*.xfl). Click Save.
images from the Library
panel of your .xfl Flash
file. The images folder,
on the other hand,
contains the images
and other assets for
your published files.
The images folder gets
Flash creates a folder named 01_workingcopy, which contains all the files for
updated each time your your Flash movie.
publish your project.
3 Close the Flash document by choosing File > Close.

Modifying an XFL document

In this exercise, you’ll modify the Library folder of the XFL document to make
changes to your Flash movie.
1 Open the LIBRARY folder inside the 01_workingcopy folder.
The folder contains all the photos you imported into your Flash movie.

40 LESSON 1 Getting Acquainted

From the Library of Hassan Ali AlMarhoun

2 Select the photo3.jpg file and delete it.
3 Drag the photo4.jpg file from the 01Start folder and move it to the LIBRARY
folder inside the 01_workingcopy folder. Rename photo4.jpg as photo3.jpg.

Swapping out photo3.jpg with a new image in the LIBRARY folder

automatically makes the change in the .xfl file.
4 To open an XFL document, double-click the .xfl file.
The last image in keyframe 24 of your Timeline has been swapped with the
photo4.jpg image with which you made the substitution.

ADOBE FLASH PROFESSIONAL CC CLASSROOM IN A BOOK (2014 RELEASE) 41

From the Library of Hassan Ali AlMarhoun

 Finding Resources for Using Flash
P Note: If Flash For complete and up-to-date information about using Flash panels, tools, and other
detects that you’re application features, visit the Adobe website. Choose Help > Flash Support Center.
not connected to the
Internet when you You’ll be connected to the Adobe Flash Professional Help site, where you can
start the application, search for answers in the support documents. There are links to helpful tutorials,
choosing Help > Flash
Support Center opens forums, product guides, product updates, and more.
the Help HTML pages Don’t be shy about going beyond the Adobe website and searching elsewhere on
installed with Flash.
For more up-to-date the web for additional resources. There are numerous worldwide sites, blogs, and
information, view the forums dedicated to Flash users, from beginner to advanced.
Help files online or
download the current
PDF for reference.

P Note: To set your

Checking for Updates
preferences for future
updates, choose Help >
Adobe periodically provides updates to its Creative Cloud applications. You can
Updates, and then easily obtain these updates through Adobe Application Manager, as long as you
click Preferences in have an active Internet connection.
the Adobe Application
Manager. Select the 1 In Flash, choose Help > Updates.
applications for which
you want Adobe The Adobe Application Manager automatically checks for updates available for
Application Manager your Adobe software.
to check for updates.
Click OK to accept the 2 In the Adobe Application Manager dialog box, select the updates you want to
new settings. install, and then follow the directions to proceed with the installation.

42 LESSON 1 Getting Acquainted

From the Library of Hassan Ali AlMarhoun

Review Questions
1 What is the Stage?
2 What’s the difference between a frame and a keyframe?
3 What’s a hidden tool, and how can you access it?
4 Name two methods to undo steps in Flash, and describe them.
5 How can you find answers to questions you have about Flash?

Review Answers
1 The Stage is the rectangular area viewers see when a movie is playing. It contains
the text, images, and video that appear on the screen. Objects that you store on the
Pasteboard outside of the Stage do not appear in the movie.
2 A frame is used to measure time on the Timeline. A keyframe is represented on the
Timeline with a circle and indicates a change in content on the Stage.
3 Because there are too many tools to display at once in the Tools panel, some tools are
grouped, and only one tool in the group is displayed. (The tool you most recently used
is the one shown.) Small triangles appear on tool icons to indicate that hidden tools are
available. To select a hidden tool, click and hold the tool icon for the tool that is shown,
and then select the hidden tool from the menu.
4 You can undo steps in Flash using the Undo command or the History panel. To undo
a single step at a time, choose Edit > Undo. To undo multiple steps at once, drag the
slider up in the History panel.
5 Choose Help > Flash Support Center to browse or search for information about using
Flash Professional and ActionScript 3.0. Use the site as the launching-off point for free
tutorials, tips, and other resources for Flash users.

ADOBE FLASH PROFESSIONAL CC CLASSROOM IN A BOOK (2014 RELEASE) 43

From the Library of Hassan Ali AlMarhoun