O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Learning Adobe Edge Animate CC

Video Description

Updated for the 2014 Release
In this Learning Adobe Edge Animate CC (2014 Release) training course, expert author Tony Ross teaches you how to use the tools and functions available in this web development tool from Adobe. This course is designed for the absolute beginner, meaning no previous experience with Adobe Edge or Edge Animate is required.
You will start by learning the basics of the interface, such as how to arrange your workspace, use the code panel, and learn various shortcut keys. Tony will then show you how to import images and teach you about Photoshop and Illustrator integration. This video tutorial will cover topics including the code panel, exploring type, basic animation, creating and editing symbols, and creating a multi-state button and drop menu. You will also learn how to add video, control audio volume, and use templates. Finally, you will learn how to export for HTML, publish OAM files, and export for WordPress.
Once you have completed this video based training course, you will have a complete understanding of how to use the tools and functions available to you in Edge Animate to create animated, interactive content for your web projects. Working files are included, allowing you to follow along with the author throughout the lessons.

Table of Contents

  1. What Is Adobe Edge?
    1. Edge Animate Overview 00:01:17
    2. About The Author 00:00:42
    3. Edge Animate For Flash Users 00:01:04
    4. Edge Animate For After Effects Users 00:01:07
    5. Edge Animate For Photoshop Users 00:01:09
    6. How To Access Your Working Files 00:02:45
  2. Interface Basics
    1. Interface Overview 00:01:52
    2. Arranging Your Workspace 00:01:47
    3. Properties 00:01:09
    4. Stage 00:01:15
    5. The Tools 00:01:54
    6. Using The Timeline 00:03:39
    7. The Elements Window 00:01:02
    8. Using The Library 00:01:25
    9. Using The Code Panel 00:02:34
    10. Filters 00:03:33
  3. Short-Cut Keys
    1. Edit 00:00:50
    2. Stage View 00:01:34
    3. Timeline 00:01:38
  4. Importing Images
    1. Importing Images 00:01:55
    2. Photoshop Integration 00:04:54
    3. Illustrator Integration 00:06:08
    4. Best Practices For Images 00:01:43
  5. The Code Panel
    1. Timeline Triggers 00:03:05
    2. Element Actions 00:03:06
    3. Viewing Full Code 00:02:13
  6. Exploring Type
    1. Type Properties 00:01:54
    2. Basic Font Usage 00:02:00
    3. Using Web Fonts 00:01:42
    4. Using Custom Web Fonts 00:01:55
  7. Basic Animation
    1. Setting Up Keyframes 00:03:49
    2. Animating Text 00:03:16
    3. Animating Clipping 00:03:23
    4. Animating Symbols 00:04:47
    5. Creating Loops 00:03:02
    6. Motion Paths 00:04:01
    7. Easing In And Out 00:02:02
    8. Using The Toggle Pin 00:03:15
    9. Animating CSS Filters 00:02:16
  8. Using Symbols
    1. Creating Symbols 00:03:59
    2. Editing Symbols 00:03:23
    3. Nesting Symbols 00:04:22
    4. Symbol Instance Names 00:02:01
  9. A Simple Site
    1. Colors Site Overview 00:00:45
    2. Creating The Labels 00:01:45
    3. Setting Shape Colors 00:02:06
    4. Buttons And Coding 00:06:07
    5. Buttons And The Code Window 00:02:34
    6. Changing The Cursor 00:02:01
  10. Creating A Multi-State Button
    1. Creating Labels For Buttons 00:04:33
    2. Coding The Button States 00:03:58
    3. Importing Button Images 00:05:34
    4. Adding Text To Buttons 00:02:17
    5. Adding Navigation 00:05:49
    6. Advanced Text 00:04:34
  11. Creating A Drop Menu
    1. Creating The Initial State 00:03:24
    2. Creating The Expanded State 00:05:27
    3. Closing The Menu 00:04:51
    4. Adding New Menus 00:08:14
  12. Audio
    1. Audio File Formats 00:03:12
    2. Audio On The Timeline 00:03:47
    3. Controlling Volume 00:02:13
    4. Adding Sound To Buttons 00:02:47
    5. Toggle Button 00:04:34
    6. Toggle Music 00:02:19
  13. Adding Video
    1. Video Formats 00:00:55
    2. Importing Video 00:03:22
    3. Adding Video Controls 00:03:10
    4. Add Multiple Videos 00:02:33
    5. Create A Multi Video Player 00:06:23
  14. Responsive
    1. Scaling Stage Width And Height 00:02:20
    2. Center Stage 00:01:36
    3. Failover Images And Down Level Stage 00:03:12
    4. Responsive Scaling 00:02:07
  15. Using Templates
    1. Starting From A Template 00:03:09
    2. Creating A Template 00:02:45
    3. Importing Templates 00:03:06
    4. Exporting And Sharing Templates 00:02:25
  16. File Exports
    1. Exporting For HTML 00:02:44
    2. Publishing OAM Files 00:01:36
    3. Exporting For WordPress 00:01:00
  17. Conclusion
    1. Wrap-Up 00:00:41