Index

SYMBOL

* (asterisk), to show unsaved changes in a document, 34

NUMBERS

3D motion, animating, 156–159

3D position, changing for objects, 115–116

3D rotation

changing for objects, 113–114

tool, 157

3D space, positioning objects, 112–119

3D Translation tool, 115

A

Actions panel

navigating, 359–360

pinning code in, 379

Actions panel wizard

actions for button click, 364–369

stopping Timeline, 361–364

ActionScript

support, 4–5

video, 403

ActionScript 3.0 documents

converting to HTML5 Canvas, 425–427

publishing content, 424–425

ActionScript and JavaScript, interactive movies, 343–344

Adobe CC Library. See libraries

Adobe Illustrator files, importing, 87–90

Adobe Media Encoder CC. See also video

adding files, 404–405

converting videos for Animate, 405–408

using, 410–411

Adobe Photoshop files, importing, 94–97

AIR applications

choosing, 5

creating, 433–437

installing, 437–439

AIR Debug Launcher, 441

AIR documents, video, 403

aligning objects, 78–79

Alpha value

decreasing, 109

of fill, 59–60

Alt key. See keyboard shortcuts

anchor points

controlling with arrow keys, 173

deleting, 173–174

deleting and adding, 57

moving, 173

removing direction handles, 173–174

Animate CC

keeping up to date, 34

starting, 2

animated buttons, 379–383. See also buttons

animating

3D motion, 156–159

bounces, 185–188

color, 285–288

filters, 137–139

mask and masked layers, 292–296

objects along paths, 212–216

position, 126–129

satellite trajectory, 216–219

scale, 206–209

shapes, 266–267

transformations, 140–143

transparency, 135–136

animating position, 126–129

animations. See also transition animations

changing duration, 129–130

closing, 389

creating inside movie clip symbols, 148–151

frame by frame, 154–156

inserting into movie clips, 276–277

looping, 274–277

nesting, 148–151

overview, 125

playing at destination, 375–378

previewing, 129

previewing with onion skinning, 282–285

stopping, 377–378

Application bar, identifying in workspace, 5

apps, testing, 441

armatures

building, 301–304

extending, 304–305

hierarchy, 306

moving bones of, 306

posing, 311–312

stacking order, 309–310

art

converting and exporting, 79–81

editing and creating, 65–66

exporting, 119

exporting to file formats, 80–81

assets

accessing, 9

sharing, 120

asterisk (*), appearance, 34

audio, preventing overlapping, 420

audio options, setting and saving, 410–411

audio splitting, 397. See also sounds

B

background, adding, 331–333

background color, setting for stage, 9

bitmap art, converting vectors to, 79–80

bitmap fills, 48

bitmaps. See also Export As Bitmap

converting to vector graphics, 97–98

swapping with symbols, 350–352

blend types, 270

blending effects, 110

Blur filter, applying, 111–112

Bone tool, 301

bones

in armature hierarchy, 306

defining for armature, 334–335

defining in shapes, 326–327

isolating rotation, 312–313

moving in armatures, 306–307

pinning, 313–314

removing and adding, 307

setting spring strength, 335–336

BounceIn ease, using, 189–190

bounces, animating, 185–188

bounding boxes, resizing, 143

brightness, changing, 108

Brush library, 61–63. See also paint brushes

button instances

adding for home button, 370

naming, 354–355

placing, 352–354

button symbols

creating, 344–348

using, 91

buttons. See also animated buttons

adding sounds, 400–402

duplicating, 349–350

invisibility, 349

Lock Fill, 46

New Folder, 98

C

camera

animating pans, 243–244

animating rotation, 246

animating zoom-in, 244–245

animating zoom-out, 242–243

characteristics, 240

color effects, 260

enabling, 239

finishing moves, 246–248

layers for fixed graphics, 255–259

zoom mode, 241–243

camera frame, setting, 240–241

Camera layer

adding attached layer, 255–256

hiding, 240

camera moves, finishing, 246–248

Camera tool, 239–240

captions, adding, 256–259

CC Library. See libraries

classic tweens. See also tweens

adding filters, 209–210

adding movie clip instance, 205–206

animating scale, 206–209

applying, 203–205

eases, 222–225

features, 199–200

inserting keyframes, 202

motion guides, 211–219

movie clip symbol, 200–202

repositioning instances, 202

code

copying to Script window, 369

entering, 359–360

pinning in Actions panel, 379

Code Snippets panel, 374–375

color

animating, 285–288

hexadecimal numbers, 39

matching for objects, 77

Color Effects

applying for camera, 260

resetting, 109

Command key. See keyboard shortcuts

content, modifying, 32–33

control points

clearing, 225

deleting, 225

moving, 40

Copy and Paste, using, 41–42

copying. See also duplicating

art from Illustrator, 90

and pasting curves, 175–178

and pasting tweens, 220–221

corners, adding, 42

CreateJS libraries, 428

Ctrl key. See keyboard shortcuts

curvature, changing, 172–173

curves. See also ease curves; property curves

copying and pasting, 175–178

creating, 55–57

D

damping effects, adding, 337–338

debugging, 369

deleting

anchor points, 57, 173–174

or changing sound files, 399–400

control points, 225

property curves, 174

depth, creating, 249–254

desktop applications, publishing, 432–440

destination keyframes, creating, 356–358. See also keyframes

display options, 110–112

dock, explained, 26–27

Document Settings dialog box, 33

document types, 4–5

documents, creating, 3–4

domain, identifying, 73–74

dragging motion, constraining, 173

drawing modes, 44

drawing tools, 27

duplicating. See also copying

buttons, 349–350

keyframes, 274–275

layers, 22

motion tweens, 177–178

symbols in libraries, 101

duration, changing, 129–130

E

earth revolutions, adding, 220–221

ease curves, vs. property curves, 185. See also curves

ease types, navigating in Motion Editor, 183

ease-in, adding, 182–184, 296

EaseJS library, 428

eases

adding motion tweens, 180–182

adding to inverse kinematics, 324

animating bounces, 185–188

applying, 296

applying to motion tweens, 152–154

applying to property curve, 192–193

Bouncein ease, 189–191

classic tweens, 222–225

ease-in, 182–184

motion tweens, 180–182

removing, 185

easing

process, 151–154

properties, 225

shape tweens, 296

Edit bar, 5

Edit Document keyboard shortcut, 277

Edit Envelope dialog box, 397

editing

and creating art, 65–66

and managing symbols, 98–104

path of motion, 145–146, 219

poses, 324

property curves, 168–174

shapes, 41–43, 331

symbols in place, 102–103

tools, 27

effects. See special effects

encoding options. See also video

adjusting video length, 409

overview, 408

video and audio, 410

errors, checking for, 369

Export As Bitmap, 110–111. See also bitmaps

art, 119

to HTML5, 428–429

movies, 159–160, 260–262

external video, playing back, 411–418. See also video

Eyedropper tool, 77

F

fills, defined, 45

fills and strokes

changing, 43

modifying Alpha value, 59–60

selecting, 40

using, 38–39

filters

adding to classic tweens, 209–210

animating, 137–139

applying for special effects, 111–112

Blur, 111–112

Find And Replace command, 377

fixed graphics, 255–259. See also graphic symbols

FLA files, 4, 436

FLVPlayback, 416

folders

using, 98–99

using with layers, 20–21

fonts, searching for, 75. See also web fonts

Frame Picker, using for phonemes, 226–231

frame rate

explained, 134

viewing in Timeline, 11

frame-by-frame animation, 154–156

frames

adding, 130–131

inserting, 15–16

and keyframes, 18

selecting, 16

Free Transform tool, 41

G

GIF, exporting art as, 80–81

gotoAndPlay command, using, 377

gradient fills, adjusting, 286–288

Gradient Transform tool, 47

gradient transitions, creating, 45–47

graphic symbols, 91–92, 226–231. See also fixed graphics; symbols

graphics, changing, 155–156

graphics tablets, pressure-sensitive, 68

grouping objects, 48–49

groups, using, 26–27

guides

locking, 108

and rulers, 107–108

H

hexadecimal numbers, using with colors, 39, 46

hiding

Camera layer, 240

contents of layers, 14

Hit keyframe, 349

home button, creating, 370–374

horizontal lines, drawing, 64

HTML5 Canvas

choosing, 4

exporting to, 428–429

features, 428

Publish Settings dialog box, 428–432

supported features, 430

video component, 417

I

Illustrator files, importing, 87–90

image formats, 97

images, smoothing, 25

Import Video wizard, 411. See also video

importing

Adobe Illustrator files, 87–90

Adobe Photoshop files, 94–97

items into Library panel, 9–10

sound files, 391–392

SVG files, 90

Ink Bottle tool, 43

inserting

animations into movie clips, 276–277

frames, 15–16

keyframes, 154–155

keyframes for shape tweens, 271–272

keyframes with different content, 356–358

poses, 322–324

poses for Spring feature, 336–337

symbols, 206

instances

changing color effects, 108–109

naming, 355

resizing and repositioning, 104–108

swapping, 148

interactive movies. See also movies

ActionScript and JavaScript, 343–344

buttons, 344–355

destination keyframes, 356–359

Home button, 370–375

navigating Actions panel, 359–360

testing, 354

Timeline preparation, 355–356

interface, lightening, 7

inverse kinematics

adding eases, 324

building armatures, 301–304

extending armatures, 304

modifying joint position, 308–309

moving bones of armatures, 306–307

overview, 300–301

rearranging stack order, 309–310

with shapes, 325–333

iOS Simulator, 441

J

jagged images, smoothing, 25

JavaScript

and ActionScript, 343–344

interactivity, adding, 360–369

libraries, 428

joint position, modifying, 308–309

joint speed, changing, 325

joints

constraining, 320–321

constraining range of rotation, 317–318

constraining translation, 318–319

disabling rotation, 315–317

JPG, exporting art as, 80–81

Juno’s trajectory, 237

K

keyboard shortcuts

closing animations, 389

copying and pasting, 41

copying property curves, 177

Edit Document, 277

importing to library, 10

inserting symbols, 206

keyframe navigation, 156

Redo, 30

Send To Back, 309–310

Undo, 30

ungrouping shapes, 49

keyframes. See also destination keyframes; property keyframes

creating, 16–18

with differing content, 356–358

distributing uniformly, 130

duplicating, 274–275

establishing with shapes, 267–269

and frames, 18

inserting, 154–155

inserting for shape tweens, 271–272

labels, 358–359

moving, 19, 131, 270–271

navigating between, 156

versus poses, 322

Properties panel, 23

stop command, 378

L

labels, using on keyframes, 358–359

Layer Depth panel, 249, 252–254

layer folders, creating, 20–21

layers

adding, 13–14

adding to layer folders, 21–22

attaching to camera, 255–259

copying and pasting, 22

cutting, 22

duplicating, 22

hiding contents, 14

identifying in workspace, 5

manipulating in Timeline, 11

renaming, 12–13

of stars, 249–252

working with, 15

libraries

organizing, 98–99

sharing assets, 120

Library panel, 9–10

Line tool, 64

lines, creating with Pen tool, 58. See also variable-width lines

Lock Fill button, 46

locking guides, 108

looping animation, 274–277

loops, previewing, 275

M

mask and masked layers, animating, 292–296

mask layer, defining, 289–290

masked layer

adding tweens, 292–296

creating, 290–291

masks

creating and using, 289–291

seeing effects, 291

traditional example, 292

Merge drawing mode, 44

mobile devices, publishing to, 440–444

modifying, content and stage, 32–33

Motion Editor. See also path of motion

anchor points, 170–172

navigating ease types, 183

using, 165–166

values, 170

viewing options, 174–175

motion guides. See also tweens

animating satellite trajectory, 216–219

animating on path, 212–216

classic tweens, 211–219

project files, 211

motion tweens

adding, 167–168, 180–182

applying eases, 152–154

duplicating, 177–178

removing, 129

splitting, 151–152

mouth position, storing, 226–231

movie clip symbols

animated buttons, 379–383

classic tweens, 200–202

creating animations in, 148–151

using, 91

movie clips, removing and adding, 307

movies. See also interactive movies; video

exporting, 159–160, 260–262

previewing, 31–32

saving, 34

testing, 416

moving

anchor points, 173

control points, 40

keyframes, 19, 131, 270–271

path of motion, 144–145

N

nesting animations, 148–151

New Folder button, 98

O

Object drawing mode, 44

objects

aligning, 78–79

aligning and distributing, 77–79

animating along paths, 212–216

changing 3D position, 115–116

changing 3D rotation, 113–114

grouping, 48–49

orienting to path of motion, 146–147

positioning in 3D space, 112–119

positioning on Stage, 23–25

onion skinning, 282–285

Option key. See keyboard shortcuts

options on Tools panel, 27

Oval tool, using, 39–40

P

pace, changing, 270–271

pacing and timing, changing, 129–131

Paint Brush tool, 61–68

paint brushes, managing, 67. See also Brush library

Paint Bucket tool, 43

panels, working with, 25–27

Paste options, 177. See also Copy and Paste

path of motion. See also Motion Editor

animating objects, 212–216

changing, 143–147

changing scale or rotation, 144–145

editing, 145–146

manipulating, 146

moving, 144–145

orienting objects, 146–147

paths, creating with Pen tool, 58

Pattern Brush, editing and creating, 65–66

patterns, creating, 63–64

Pen tool, 55–58

Pencil tool, 49

perspective angle, 117–118

phonemes, using Frame Picker, 226–231. See also sounds

Photoshop files, importing, 94–97

physics, simulating with Spring feature, 333–338

playback environment, 4–5

PNG, exporting art as, 80–81

PolyStar tool, using, 27–30

poses

editing, 324

inserting, 322–324

inserting for Spring feature, 336–337

versus keyframes, 322

posing armatures, 311–312

position, animating, 126–129

posterization, 97

PreloadJS library, 428

previewing

animations, 129

animations with onion skinning, 282–285

loops, 275

movies, 31–32

with onion skinning, 282–285

Primitive drawing mode, 44

project files, 125–126, 166

projector, creating, 439–440

properties, identifying in workspace, 5

Properties panel, 23–27

property curves. See also curves

applying eases, 192–193

deleting, 174

vs. ease curves, 185

editing, 168–174

property easing, 225

property keyframes, 139–140. See also keyframes

PSD files, 94, 97

publishing

converting to HTML5 Canvas, 425–427

desktop applications, 432–440

document types, 424

for HTML5, 428–432

to mobile devices, 440–444

runtime environments, 424–425

WebGL animations, 440

R

Rectangle tool, 39

redoing steps, 30

removing

and adding bones, 307

and adding movie clips, 307

eases, 185

motion tweens, 129

shape hints, 282

web fonts, 74, 76

renaming layers, 12–13

replacements, making, 377

resizing

bounding boxes, 143

Stage, 32–33

rotation. See 3D rotation

rulers and guides, using, 107–108

S

sans serif fonts, 75

satellite trajectory, animating, 216–219

saving

movies, 34

swatches, 51–52

workspace, 6–7

scaling content, 32–33

script elements, displaying in Actions panel, 360

Script window, copying code to, 369

selecting

frames, 16

PSD files, 94

strokes and fills, 40

and using tools, 27–30

Selection tool

editing curves, 56–57

and path of motion, 146

and shapes, 39–40

selections

making, 40

span-based vs. frame-based, 132

Send To Back, 309–310

serif fonts, 75

shadows, adding, 60–61

shape contours, changing, 42

shape hints, 278–282

shape tweens

adding, 271–274

animating colors, 288

applying, 269–270

changing pace, 270–271

creating, 267–270

easing, 296

extending, 273–274

inserting keyframes, 271–272

modifying, 270

variable width strokes, 277

shapes

animating, 266–267

creating, 39–40

editing, 41–43, 331

establishing keyframes, 267–269

inverse kinematics, 325–333

ungrouping, 49

sharing assets, 120

Shift key. See keyboard shortcuts

smoothing images, 25

sound files

deleting or changing, 399–400

importing, 391–392

sound sync options, 395

SoundJS library, 428

sounds. See also audio splitting; phonemes

adding to buttons, 400–402

changing volume, 397–399

clipping ends, 395–397

Edit Envelope dialog box, 397

playing on Timeline, 393–394

preventing overlapping, 420

special effects, applying filters, 111–112

Spring feature, 333–338

spring strength, setting for bones, 335–336

stack, using, 26–27

stacking order, rearranging for armatures, 309–310

Stage

background color, 9

features, 7–8

full-screen mode, 8

identifying in workspace, 5

modifying, 32–33

positioning objects, 23–25

properties, 8–9

rotating for drawing, 68

scaling, 8

stars, adding layers, 249–252

steps, undoing, 30

stop command, adding for keyframes, 378

strokes and fills. See also variable-width strokes

changing, 43

selecting, 40

using, 38–39

Subselection tool, 56–57

SVG files

exporting art as, 81

importing, 90

swatches. See also tagged swatches, saving, 51–52

symbol instances, breaking apart, 104

symbols. See also graphic symbols

buttons, 91–92

creating, 92–93

duplicating in libraries, 101

editing and managing, 98–104

editing in place, 102–103

entering from libraries, 99–101

inserting, 206

movie clips, 91

swapping with buttons, 350–352

synchronizing settings, 440–444

T

tagged swatches, 52–54. See also swatches

tail

animating, 328–329

combining with walk cycle, 329–331

text, creating and editing, 69–77

Text tool, dynamic text, 69–70

Time Scrub tool, 129

Timeline

adding layers, 13–15

changing appearance, 12

creating keyframes, 16–18

elapsed time, 11

frame rate, 11

frames, 11

identifying in workspace, 5

inserting frames, 15–16

keyframes, 16–18

layers, 11

moving keyframes, 19

organizing layers, 19–22

overview, 11

preparing, 355–356

removing keyframes, 19

renaming layers, 12–13

timing and pacing, changing, 129–131

tools

3D rotation, 157

3D Translation, 115

Bone, 301

Camera, 239–240

Eyedropper, 77

Free Transform, 41

Gradient Transform, 47

Ink Bottle, 43

Line, 64

Oval, 39–40

Paint Brush, 61

Paint Bucket, 43

Pen, 55–56, 58

Pencil, 49

PolyStar, 27–30

Rectangle, 39

Selection, 39, 56–57, 146

Subselection, 56–57

Text, 69–70

Time Scrub, 129

Width, 50

Tools panel, 27–30

touch layer, changing opacity, 444

transformations

animating, 140–143

global vs. local, 115

resetting, 116–117

transition animations, creating, 375–377. See also animations

transparency

animating, 135–136

changing, 109

creating depth, 59–61

tween eases, adding, 222–225

tween spans, changing time in, 132–134

tween targets, swapping, 147–148

TweenJS library, 428

tweens. See also classic tweens; motion guides; shape tweens

adding filters, 209–210

adding keyframe, 202

adding to masked layers, 292–296

animating scale, 206–209

applying, 203–205

breaking, 274

copying and pasting, 220–221

features, 199

movie clip instance, 205–206

movie clip symbol, 200–202

project files, 199–200

repositioning instances, 202

Typekit font, adding, 70–73

typography, 75

U

undoing steps, 30

ungrouping objects, 49

V

vanishing point, 117–118

variable-width lines. See also lines

variable-width strokes, 49–51. See also strokes and fills

vector art, converting to bitmaps, 79–80

vector graphics, converting bitmaps to, 97–98

vertical lines, drawing, 64

video. See also Adobe Media Encoder CC; encoding options; external video; Import Video wizard; movies

ActionScript 3.0 documents, 403

adding to Adobe Media Encoder, 404–405

AIR documents, 403

coded, 403

converting for Animate, 405–408

encoding, 403

encoding options, 408–411

H.264 standard, 403, 415

HTML5 Canvas documents, 403

without playback controls, 418–420

video length, adjusting, 409

video options, setting and saving, 410–411

W

walk cycle

combining tail with, 329–331

creating, 311–314

enhancing, 324

web fonts. See also fonts

adding, 70–73

removing, 74, 76

WebGL environment

features, 4

publishing, 440

Width tool, 50

workspace

choosing, 6

choosing and saving, 6–7

features, 5

saving, 6–7

Stage, 7–9

X

XFL files, 4

Z

z-depth

changing, 259

setting in Layer Depth panel, 252–254