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

In this Adobe Edge Animate CC training course, expert author Tony Ross teaches you about the tools and functions available in this web development tool. This course is designed for the absolute beginner, meaning no previous experience with Adobe Edge or Edge Animate is required.

You 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 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 labels and setting shape colors. You will learn how to create labels for buttons, import button images, and add text to buttons. Tony will also show you how to create a drop-menu, add sound to buttons, and control audio volume. Finally, you will learn responsive staging and scaling, how to create, import, and export and share a template, and export files for HTML and 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.

Download the working files for this course at: http://www.infiniteskills.com/01916

Table of Contents

  1. 01. What Is Adobe Edge Animate CC?
    1. Introduction To Adobe Edge Animate CC 00:01:17
    2. About The Author 00:00:42
    3. Edge Animate CC For Flash Users 00:01:04
    4. Edge Animate CC For After Effects Users 00:01:07
    5. Edge Animate CC For Photoshop Users 00:01:09
    6. How To Access Your Working Files 00:02:45
  2. 02. 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:03:14
    10. Using Filters 00:03:33
  3. 03. Shortcut Keys
    1. Edit 00:00:50
    2. Stage View 00:01:34
    3. Timeline 00:01:38
  4. 04. Importing Images
    1. Importing Images 00:01:55
    2. Photoshop Integration 00:04:54
    3. Illustrator Integration 00:06:08
    4. Best Practices For Image 00:01:43
  5. 05. The Code Panel
    1. Timeline Triggers 00:03:23
    2. Element Actions 00:02:54
    3. Viewing The Full Code 00:02:52
  6. 06. Exploring Type
    1. Text Tool Overview 00:01:54
    2. Text Properties 00:02:00
    3. Using Web Fonts 00:01:42
    4. Using Custom Web Fonts 00:01:55
    5. Animating Type 00:03:16
  7. 07. Basic Animation
    1. Setting Up Keyframes 00:03:49
    2. Animating Text 00:03:16
    3. Animating Clipping 00:03:23
    4. Animating In 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. 08. 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. 09. A Simple Site - Colors
    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:21
    5. Using The Code Window 00:02:59
    6. Changing The Cursor 00:02:01
  10. 10. Creating A Multi-State Button
    1. Creating Labels For Buttons 00:04:33
    2. Coding The Button States 00:04:47
    3. Importing Button Images 00:06:33
    4. Adding Text To Buttons 00:02:17
    5. Adding Navigation 00:05:41
    6. Adding Advanced Text To Buttons 00:07:47
  11. 11. Creating A Drop-Menu
    1. Creating The Initial State 00:05:41
    2. Creating The Expanded State 00:05:32
    3. Closing The Menu 00:05:27
    4. Adding New Menus 00:08:39
  12. 12. Audio
    1. Audio File Formats 00:03:12
    2. Audio On The Timeline 00:03:47
    3. Controlling Audio Volume 00:02:13
    4. Adding Sound To Buttons 00:02:46
    5. Creating The Audio On/Off Toggle Button 00:04:46
    6. Toggling Music With A Button 00:02:45
  13. 13. Responsive Staging
    1. Scaling Stage Using Width And Height 00:02:20
    2. Centre Stage 00:01:36
    3. Failover Images - Down Level Stage 00:03:12
    4. Responsive Scaling 00:02:07
  14. 14. 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
  15. 15. File Exports
    1. Exporting For HTML 00:02:44
    2. Publishing OAM Files 00:01:36
    3. Exporting For WordPress 00:01:00
  16. 16. Wrap-Up
    1. Conclusion 00:00:41