You are previewing Learn Adobe Animate CC for Interactive Media: Adobe Certified Associate Exam Preparation, First Edition.
O'Reilly logo
Learn Adobe Animate CC for Interactive Media: Adobe Certified Associate Exam Preparation, First Edition

Book Description

Knowing the industry-standard animation and interactivity tool Adobe Animate CC (previously known as “Flash Professional”) can help you get a foothold in the exciting web design and mobile app-development world. Learn Animate CC by building cool creative projects that will teach you how to:

  • Design and animate vector artwork

  • Compose an animated greeting card using HTML5

  • Build a promotional video with text and images animated in 3D

  • Construct a working digital clock using ActionScript

  • Design and code an interactive quiz for mobile devices

  • This study guide uses more than 6 hours of video integrated with text to help you gain real-world skills that will get you started in your career designing and building interactive media using Adobe Animate CC. It lays the foundation for taking the Adobe Certified Associate (ACA) exam in Interactive Media Using Adobe Flash Professional CC (name correct at press time) and helps prepare you for an entry-level position in a competitive job market.


    Purchasing this book gives you access to valuable online extras. Follow the instructions in the book’s “Getting Started” section to unlock access to:

  • The Web Edition containing instructional video embedded in the complete text of the book with interactive review questions along with product updates

  • Downloadable lesson file you need to work through the projects

  • When creating the Adobe Certified Associate examination, Adobe conducted research to identify the foundational skills students need to effectively communicate using digital media tools. Based on feedback from educators, design professionals, businesses, and educational institutions around the world, the objectives cover entry-level skill expectations for each topic. The ACA exams have proved to be highly successful around the world.


    To create this new product, Peachpit and Adobe Press have joined forces with team of outstanding instructors who have a great track record getting students certified: Rob Schwartz and his colleagues at BrainBuffet.com

    Joseph Labrecque is a senior interactive software engineer at the University of Denver where he also teaches classes on Adobe Animate CC (formerly Flash Professional), web animation, graphics production, and mobile application design. Joseph is an Adobe Education Leader (AEL) and an Adobe Community Professional. He received the Adobe Education Impact Award in 2010 and currently serves on the AEL Advisory Board. Joseph produces written and video content for Adobe Press, Peachpit, O’Reilly, Lynda.com, and BrainBuffet.com.


    What you need to use this book: Adobe Animate CC (2015 release) software, for either Windows or Mac OS. (Software not included.)

    Table of Contents

    1. Title Page
    2. Copyright Page
    3. Dedication Page
    4. Acknowledgments
    5. About the Authors
    6. Contents
    7. Getting Started
      1. About this book and video
      2. Conventions used in this book
        1. Operating System Differences
      3. Installing the software
        1. Adobe Creative Cloud Desktop app
        2. Checking for Updates
      4. Accessing the free Web Edition and lesson files
      5. Project fonts
      6. Additional resources
      7. Adobe certification
      8. Resetting the preferences to their default settings
    8. Chapter 1. Welcome!
      1. About Adobe Learn Books
        1. Have fun
        2. Learn Adobe Animate CC
      2. Animate CC vs. Flash Professional CC
        1. Preparation for ACA exam
        2. Developing your creative, communication, and cooperative skills
        3. A quick note on creativity
      3. Getting Acquainted with Animate CC
        1. The Animate CC workspace
      4. Major Interface Features
        1. The Stage and Pasteboard
        2. The Properties panel
        3. The Tools panel
        4. Commonly accessed tools
        5. The timeline
      5. Let’s Get Going!
    9. Chapter 2. Design a Vector Animation
      1. Creating the Project Document
        1. The Animate document file
        2. The ActionScript 3.0 document
        3. Setting document type and properties
        4. Preparing the project Stage and timeline
        5. Controlling layers and folders
        6. Setting layer properties on the timeline
      2. Drawing Vector Assets
        1. Rectangle and Oval tools
        2. Rectangle and Oval Primitive tools
        3. Merge drawing vs. object drawing
        4. Drawing shapes
        5. Additional vector creation tools
      3. Working with Vector Shapes
        1. Selecting visual elements
        2. Modifying shape color
      4. Time to Animate!
        1. Inserting a frame span
        2. Making use of keyframes
        3. Copying and pasting keyframes
        4. Creating a shape tween
      5. Modify Animation through Easing
        1. Adding some impact
        2. Adding and adjusting keyframes
        3. Applying easing for a more natural look
        4. Adjusting the overall frame rate
      6. Publishing the Animation for Flash Player
        1. Publishing for Flash Player
        2. ActionScript 3.0 Publish Settings
        3. Publishing a SWF
        4. Generating a projector
      7. Challenge!
      8. Conclusion
    10. Chapter 3. Construct an Internet Meme Image
      1. Starting the Project
        1. Creating the project document
        2. Setting up your project
      2. Using External Graphics
        1. Importing a bitmap image
        2. Importing from Photoshop or Illustrator
        3. Adjusting the image layout on the Stage
        4. Dealing with the timeline and layers
      3. Managing Bitmap Images
        1. Break apart an image
        2. Using Trace Bitmap
        3. Sharing Library items across projects
        4. Hiding content with a mask
      4. Creating Black Vector Shapes
        1. Creating shape elements
      5. Working with Text Elements
        1. Creating text elements
        2. Additional information about text
      6. Generating an Image
        1. Export Image as JPEG
        2. Export Image as GIF
        3. Export Image as PNG
        4. Export Image as SVG
      7. Challenge!
      8. Conclusion
    11. Chapter 4. Compose an Animated HTML5 Greeting
      1. Creating a New HTML5 Canvas Document
        1. Setting up the project document
        2. Preparing the Stage and timeline
      2. Laying Out the Background Elements
        1. Drawing the background
        2. Decorating with the Paint Brush tool
        3. Drawing the frame with variable-width strokes
      3. Drawing the Flowerpot
        1. Creating and modifying a vector rectangle shape
        2. Applying colors and gradients
        3. Convert to a Graphic symbol
        4. Types of symbols within Animate CC
      4. Editing the Flower Graphic Symbol
        1. Explaining symbols and instances
        2. Differences between Movie Clip symbols and Graphic symbols
        3. Editing the flower symbol
        4. Drawing a flower stalk
      5. Animating the Flower Stalk with Inverse Kinematics
        1. About inverse kinematics in Animate CC
        2. Animating the flower stalk using an armature layer
      6. Designing and Animating the Flower Head
        1. Drawing the flower head
        2. Animating the flower head along the stalk
      7. Create a Personalized Text Message
        1. Building the text block
        2. Applying Text Effects
      8. Using JavaScript Code to Stop the Playhead
        1. Working with code in Animate CC
        2. Using JavaScript to stop your animation
      9. Publishing Your Project for HTML5 Canvas
        1. Publish Settings
      10. Challenge!
      11. Conclusion
    12. Chapter 5. Generate a Promotional Video
      1. Video Project Setup
        1. Importing the backgrounds
      2. Creating Dynamic Backgrounds with Animated Shape Masking
        1. Drawing the mask shape
        2. Animating the mask
      3. Design a 3D Rotating Headshot
        1. Creating the headshot movie clip
        2. Using the 3D Rotation Tool to rotate your Headshot movie clip
        3. Applying filters and color effects
      4. Animating Your Name with Motion Presets
        1. Creating Your Name as a Movie Clip
        2. Animating with motion presets
      5. Dynamic Animation with Variable-Width Motion Guides
        1. Building the descriptor text movie clips
        2. Animating the descriptors with Classic motion guides
        3. Employing variable-width stroke options
      6. Rendering and Converting the RAW Video
        1. Exporting video from Animate CC
        2. Adobe Media Encoder
        3. Using the video
      7. Video in Animate CC
        1. Supported video file types
        2. Embedding video files
        3. Working with published video
      8. Challenge!
      9. Conclusion
    13. Chapter 6. Tick-Tock...Build a Virtual Clock
      1. Working with ActionScript 3.0
        1. Versions of ActionScript
        2. ActionScript vs. JavaScript
        3. Actions panel
      2. Creating an Adobe AIR for Desktop Document
        1. About Adobe AIR for Desktop
        2. Setting up the Adobe AIR project document
        3. Creating the application background
      3. Building the Basic Clock Visual Elements
        1. Building the clock body
        2. Drawing the clock face
        3. Working with dynamic text
      4. Designing the Clock’s Animated Movie Clip Assets
        1. Building the clock face movie clip
        2. Creating the clock hands
        3. Building the clock pendulum
      5. Using Imported Audio in an ActionScript Project
        1. Audio file types
        2. Audio file import
        3. Using audio on the timeline
      6. A Primer on ActionScript
        1. Symbols and interactivity
        2. ActionScript essentials
      7. Writing ActionScript to Control the Clock
        1. Importing classes
        2. Declaring Stage variables
        3. Telling time with a timer
        4. Creating mouse interaction
        5. Audio playback with ActionScript
        6. Completed code
      8. Testing an ActionScript Project
        1. ActionScript errors
        2. ActionScript comments
        3. Trace statements
      9. Publishing the Clock for Desktop Installation
        1. Exploring the AIR Settings dialog box
        2. Publish and install
      10. Challenge!
      11. Conclusion
    14. Chapter 7. Develop a Mobile Quiz App
      1. Creating an Adobe AIR for Mobile Document
        1. Adobe AIR for Android
        2. Adobe AIR for iOS
        3. Setting Up the AIR for Mobile Project Document
      2. Design the App Interface Elements
        1. Create the app header
        2. Create a question text element
        3. Create a status text element
        4. Designing the buttons
      3. Writing the Application Classes
        1. Writing the QuizGame class
        2. Writing the QuestionBank class
      4. Creating a Bank of Questions
        1. Building the JSON file
        2. Loading the JSON data
        3. Integrating the QuestionBank class
      5. App Logic and Flow
        1. Showing questions to the user
        2. Building button interactivity
      6. Publishing the App for Distribution
        1. Completing application details
      7. Challenge!
      8. Conclusion
    15. Chapter 8. Wrapping It Up!
      1. Evaluating Interactive Media Content
        1. Types of evaluation
        2. Usability evaluation
        3. Revisions
      2. Where to Go Next
        1. Animate CC resources
        2. Goodbye!
    16. ACA Objectives Covered
    17. Glossary
    18. Index
    19. Chapter 9. Leveling Up with Design
      1. Creativity Is a Skill
        1. Getting a creative workout
        2. Prepping your mind
      2. The Design Hierarchy
        1. Applying the design hierarchy
      3. The Elements of Art
        1. The element of space
        2. The element of line
        3. The Element of Shape
        4. The element of form
        5. The elements of texture and pattern
        6. The element of value
        7. The element of color
        8. The element of type
        9. Wrapping up the elements
      4. The Principles of Design
        1. The principle of emphasis or focal point
        2. The principle of contrast
        3. The principle of unity
        4. The principle of variety
        5. The principle of balance
        6. The principle of proportion or scale
        7. The principles of repetition and pattern
        8. The principles of movement and rhythm
      5. Wrapping Up the Design Concepts
    20. Chapter 10. Working with Outsiders
      1. Who You’re Talking For and Who You’re Talking To
        1. Single voice, single message
        2. Identifying your client’s ideal customer
        3. The golden rule for client projects
      2. Copyrights and Wrongs
        1. Copyright happens
        2. Placing a copyright notice in digital content
        3. Playing fair with copyrighted material
        4. Uncopyrighting
        5. Licensing
      3. Think Like a Boss
        1. Project management
        2. Learn
        3. Think
        4. Do
      4. Conclusion
    21. Code Snippets