You are previewing Adobe® Edge Animate Classroom in a Book®.
O'Reilly logo
Adobe® Edge Animate Classroom in a Book®

Book Description

Adobe Edge Animate is a powerful, intuitive tool for creating stunning animated and interactive content using HTML5, CSS3 and JavaScript. Edge Animate is intuitive and has powerful features that can save time and headaches. Content made with Edge Animate runs gracefully on mobile devices and desktops, expanding your reach on the modern web.
Creative professionals seeking the fastest, easiest, most comprehensive way to learn Adobe Edge Animate choose Adobe Edge Animate Classroom in a Book from the Adobe Creative Team. The 7 project-based lessons in this book show readers step-by-step the key techniques for working in Edge Animate and how to create Web-Standards compliant graphics with animation and interactivity using this new HTML5 authoring tool from Adobe.
This new Classroom in a Book starts out by showing you how to create shapes and make transformations, then add creative typography using Web fonts within precision layouts using intuitive tools. The next project introduces motion graphics on a timeline with property-based keyframing, and goes on to add complexity with nested animations and easing. Integrating interactivity comes next and shows users how to choose a method depending on their knowledge of coding: beginners can use built-in code snippets or more advanced users can employ custom JavaScript. Finally, the reader learns how to use percentage-based positioning and sizing for responsive designs that dynamically adapt their content’s resolution to a variety of browsers and devices. At the end of the course, the reader will have mastered Adobe Edge Animate to create interactive and animated content that runs seamlessly across desktops, smart phones, and tablets.
“The Classroom in a Book series is by far the best training material on the market. Everything you need to master the software is included: clear explanations of each lesson, step-by-step instructions, and the project files for the students.” — Barbara Binder, Adobe Certified Instructor, Rocky Mountain Training((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.
Classroom in a Book offers what no other book or training program does—an official training series from Adobe Systems Incorporated, developed with the support of Adobe product experts.

Table of Contents

  1. Title Page
  2. Copyright Page
  3. What’s on the DISC
  4. Contents
  5. Introduction
    1. Why Adobe Edge Animate?
    2. The Adobe family
    3. About Classroom in a Book
    4. Prerequisites
    5. Installing Edge Animate
    6. Copying the lesson files
    7. How to use the lessons
    8. Additional resources
    9. Adobe certification
  6. 1. Getting Started
    1. Starting Edge Animate
    2. Getting to know the workspace
    3. Working with elements
    4. Understanding the Element and Timeline panels
    5. Adding motion
    6. Previewing the motion
    7. Continuing and modifying the motion
    8. Next steps
    9. Review questions
    10. Review answers
  7. 2. Creating Graphics and Importing Art
    1. Lesson overview
    2. Understanding graphic formats
    3. Working with bitmaps
    4. Working with vector graphics
    5. Creating HTML elements
    6. Modifying rectangles
    7. Working with Rulers and Guides
    8. Creating text
    9. Embedding custom fonts
    10. Tidying up your elements
    11. Organizing your elements
    12. Adding special effects
    13. Making rotations
    14. Review questions
    15. Review answers
  8. 3. Designing Animation
    1. Getting started
    2. About animation
    3. Understanding the project file
    4. Animating position with the Pin
    5. Changing pacing and timing
    6. Turning the display on and off
    7. Animating scale
    8. Creating fades
    9. Timeline panel options
    10. Copying and pasting animations
    11. Adding easing to refine motion
    12. Editing overall timing
    13. Review questions
    14. Review answers
  9. 4. Refining Animation and Adding Complexity
    1. Getting started
    2. About symbols
    3. Creating nested animations
    4. Animating symbols on the Stage
    5. Creating a looping animation
    6. Symbol instances
    7. Playback commands
    8. Editing symbols
    9. Adding the characters
    10. Clipping animation
    11. Animating shadows
    12. Working with advanced eases
    13. Review questions
    14. Review answers
  10. 5. Adding Basic Interactivity
    1. Getting started
    2. About interactive compositions
    3. Understanding JavaScript
    4. Timeline triggers
    5. Minding your syntax
    6. Events and actions
    7. Creating the buttons
    8. Navigating the Code panel
    9. Creating labels
    10. Adding visual feedback
    11. Customizing the mouse cursor
    12. Controlling animated elements
    13. Review questions
    14. Review answers
  11. 6. Embedding Media and Advanced Interactivity
    1. Getting started
    2. Embedding media
    3. Showing embedded media
    4. Removing media
    5. Adding hyperlinks
    6. Adding HTML content
    7. Keyboard events
    8. Handling logic with conditionals
    9. Using variables
    10. Coding the interactive slideshow
    11. Final edits
    12. Review questions
    13. Review answers
  12. 7. Publishing and Responsive Design
    1. Getting started
    2. Publishing your composition
    3. Down-level Stage
    4. Preloaders
    5. Embedding your composition into HTML
    6. About responsive design
    7. Edge Animate resources
    8. Review questions
    9. Review answers
  13. Index
  14. Where are the Lesson Files?