book

Adobe Animate CC Classroom in a Book (2017 release)

by Russell Chun

December 2016

Intermediate to advanced

432 pages

12h 47m

English

Adobe Press

Read now

Unlock full access

About Classroom in a BookWhat’s NewPrerequisitesInstalling Animate CCOnline ContentLesson filesWeb EditionHow to Use the LessonsAdditional ResourcesAdobe Authorized Training CentersContributor
Starting Adobe Animate CC and Opening a FileCreating a new documentUnderstanding Document TypesPlayback environmentGetting to Know the WorkspaceChoosing a new workspaceSaving your workspaceAbout the StageChanging the Stage propertiesWorking with the Library PanelAbout the Library panelImporting an item to the Library panelAdding an item from the Library panel to the StageUnderstanding the TimelineRenaming a layerAdding a layerInserting framesCreating a keyframeMoving a keyframeOrganizing Layers in a TimelineCreating layer foldersAdding layers to layer foldersUsing the Properties PanelPositioning an object on the StageUsing the Tools PanelSelecting and using a toolUndoing Steps in AnimatePreviewing Your MovieModifying the Content and StageStage resizing and content scalingSaving Your MovieUsing Auto-Recovery for a backupSaving an XFL documentModifying an XFL documentReview QuestionsReview Answers
Getting StartedUnderstanding Strokes and FillsCreating ShapesUsing the Rectangle toolUsing the Oval toolMaking SelectionsSelecting strokes and fillsEditing ShapesUsing the Free Transform toolUsing Copy and PasteChanging shape contoursChanging strokes and fillsUsing Gradient and Bitmap FillsCreating gradient transitionsUsing the Gradient Transform toolAdding a bitmap fillGrouping objectsUsing Variable-Width StrokesAdding variable-width linesEditing the width of linesUsing Swatches and Tagged SwatchesSaving a swatchCreating a tagged swatchUsing a tagged swatchUpdating tagged swatchesCreating CurvesUsing the Pen toolEditing curves with the Selection and Subselection toolsDeleting or adding anchor pointsUsing Transparency to Create DepthModifying the Alpha value of a fillAdding shadowsBeing Expressive with the Paint BrushExploring the Brush LibraryCreating a patternManaging paint brushesCreating and Editing TextUsing the Text tool to add dynamic textAdding a web fontIdentifying your domainRemoving a web fontMatching the color of an existing objectAligning and Distributing ObjectsAligning objectsConverting and Exporting ArtConverting vector art to bitmap artExporting art as PNG, JPG, or GIFReview QuestionsReview Answers
Getting StartedImporting Adobe Illustrator FilesUsing simple import optionsAbout SymbolsMovie clip symbolsButton symbolsGraphic symbolsCreating SymbolsImporting Adobe Photoshop FilesEditing and Managing SymbolsAdding folders and organizing the libraryEditing a symbol from the libraryEditing a symbol in placeBreaking apart a symbol instanceChanging the Size and Position of InstancesUsing rulers and guidesChanging the Color Effect of an InstanceChanging the brightnessChanging the transparencyUnderstanding Display OptionsVisible property for movie clipsBlending effectsExport As BitmapApplying Filters for Special EffectsApplying a blur filterPositioning in 3D SpaceChanging the 3D rotation of an objectChanging the 3D position of an objectResetting the transformationUnderstanding the vanishing point and the perspective angleReview QuestionsReview Answers
Getting StartedAbout AnimationUnderstanding the Project FileAnimating PositionPreview the animationChanging the Pacing and TimingChanging the animation durationAdding framesMoving keyframesAnimating TransparencyAnimating FiltersAnimating TransformationsChanging the Path of the MotionMoving the path of the motionChanging the scale or rotation of the pathEditing the path of the motionOrienting objects to the pathSwapping Tween TargetsCreating Nested AnimationsCreating animations inside movie clip symbolsGraphic SymbolsUsing the Frame Picker for phonemesEasingSplitting a motion tweenApplying eases to motion tweensFrame-by-Frame AnimationInserting a new keyframeChanging the graphicsAnimating 3D MotionAnimating Camera MovesEnabling the cameraCharacteristics of the cameraZooming the cameraMoving the cameraAnimating a panPanning across the StageZooming outAnimating camera color effectsTesting Your MovieReview QuestionsReview Answers
Getting StartedAbout the Motion EditorUnderstanding the Project FileAdding Motion TweensEditing Property CurvesUnderstanding the Motion Editor valuesAdding anchor pointsChanging the curvatureMoving anchor pointsDeleting anchor pointsDeleting property curvesViewing Options for the Motion EditorCopying and Pasting CurvesDuplicating entire motion tweensAdding Complex EasesAdding the next motion tweenAdding an ease-inRemoving an easeAnimating bouncesUsing the BounceIn easeApplying a second ease to a different property curveReview QuestionsReview Answers

Getting StartedAnimating ShapesUnderstanding the Project FileCreating a Shape TweenEstablish keyframes containing different shapesApply the shape tweenChanging the PaceMoving a keyframeAdding More Shape TweensInsert additional keyframesExtending the shape tweensCreating a Looping AnimationDuplicating keyframesPreviewing the loopInserting the animation into a movie clipUsing Shape HintsAdding shape hintsRemoving shape hintsPreviewing Animations with Onion SkinningTurning on onion skinningAdjusting the markersCustomizing onion skin colorsAnimating ColorAdjusting the gradient fillsCreating and Using MasksDefine the mask layerCreate the masked layerSee the effects of the maskAnimating the Mask and Masked LayersAdding a tween to the masked layerEasing a Shape TweenAdding an ease-inReview QuestionsReview Answers
Getting StartedNatural Motion and Character Animation with Inverse KinematicsBuilding your first armature to animate a characterExtending your armatureMoving the bones of the armatureModifying the position of the jointRearranging the stacking orderCreating a Walk CyclePosing your armatureIsolating the rotation of individual bonesPinning individual bonesDisabling and Constraining JointsDisabling the rotation of jointsConstraining the range of rotationConstraining the translation of jointsAdding PosesInserting posesInverse Kinematics with ShapesDefining bones inside a shapeAnimating the tailCombining the tail and the walk cycleEditing the shapeAdding the backgroundSimulating Physics with SpringinessDefine bones for your armatureSetting the spring strength for each boneInsert the next poseAdding damping effectsReview QuestionsReview Answers
Getting StartedAbout Interactive MoviesCreating ButtonsCreating a button symbolDuplicating buttonsSwapping bitmapsPlacing the button instancesNaming button instancesUnderstanding ActionScript 3.0About ActionScriptUnderstanding scripting terminologyUsing proper scripting syntaxNavigating the Actions panelPreparing the TimelineAdding a Stop ActionCreating Event Handlers for ButtonsAdding the event listener and functionChecking for errorsCreating Destination KeyframesInserting keyframes with different contentUsing labels on keyframesCreating a Home Button Using Code SnippetsAdding another button instanceUsing the Code Snippets panel to add ActionScriptCode Snippets OptionsCreating your own code snippetSharing your code snippetPlaying Animation at the DestinationCreating transition animationsUsing the gotoAndPlay commandStopping the animationsAnimated ButtonsCreating the animation in a movie clip symbolReview QuestionsReview Answers
Getting StartedUnderstanding the Project FileUsing SoundsImporting sound filesPlacing sounds on the TimelineAdding frames to the TimelineClipping the end of a soundChanging the volume of a soundDeleting or changing the sound fileAdding sounds to buttonsUnderstanding VideoVideo with ActionScript 3.0 or AIR documentsVideo with HTML5 Canvas documentsVideo encodingUsing Adobe Media Encoder CCAdding a video file to Adobe Media EncoderConverting video files for AnimateUnderstanding Encoding OptionsAdjusting video lengthSetting advanced video and audio optionsSaving advanced video and audio optionsPlayback of External Video in Your ProjectControlling the video playbackWorking with Video and TransparencyImporting the video clipEmbedding VideoEmbedding an FLV on the TimelineUsing embedded videoReview QuestionsReview Answers
Setting the quality of the soundsUsing the Watch Folders panel and the Preset Browser settingsCropping your videoExporting Video from AnimateExporting videoChoosing a target device for encoding
Understanding PublishingDocument typesRuntime environmentsPublishing for Flash PlayerSpecifying publish settings for Flash PlayerPublishing for HTML5What is HTML5 Canvas?What is CreateJS?Using Classic TweensUnderstanding the project fileCreating the movie clip symbolInserting a keyframe and changing the instanceApplying a classic tweenAdding the movie clip instanceExporting to HTML5Publish settingsInserting JavaScriptUsing HTML5 Canvas code snippetsAdding a response to a clickControlling the TimelineConverting to HTML5 CanvasConverting an AS3 document to an HTML5 Canvas documentUnderstanding image assetsPublishing a Desktop ApplicationCreating an AIR applicationInstalling an AIR applicationCreating a projectorPublishing to Mobile DevicesTesting a mobile appSimulating a mobile appPublishing a mobile appNext StepsReview QuestionsReview Answers
Detecting the version of Flash PlayerChanging display settingsChanging Playback settingsUnderstanding the HTML5 output filesEditing the converted HTML5 Canvas

Content preview from Adobe Animate CC Classroom in a Book (2017 release)

10. Publishing—Supplement

Supplement Contents

• Detecting the version of Flash Player

• Changing display settings

• Changing playback settings

• Understanding the HTML5 output files

• Editing the converted HTML5 Canvas

Detecting the version of Flash Player

You can automatically detect the version of Flash Player on a viewer’s computer; if the Flash Player version detected is not the one required, a message will prompt the viewer to download the updated player.

1. If necessary, choose File > Publish Settings, or click the Publish Settings button in the Publish section of the Properties panel.

2. Select the HTML Wrapper format on the left side of the dialog box.

3. Select Detect Flash Version.

4. In the Version fields, enter the earliest version ...