Start learning with our library of video tutorials taught by experts. Get started

Edge Animate Essential Training
Illustration by John Hersey

Edge Animate Essential Training

with Chris Converse

Video: About this course

Hi, I'm Chris Converse, and this is Edge Animate Essential Training.
Expand all | Collapse all
  1. 5m 11s
    1. About this course
      42s
    2. How do I get the software?
      35s
    3. Using the exercise files
      32s
    4. What does Edge Animate actually create?
      1m 29s
    5. What's new in Edge Animate 1.5?
      45s
    6. What's new in Edge Animate CC (2.0)
      25s
    7. What's new in Edge Animate CC (3.0)? NEW
      43s
  2. 6m 44s
    1. The splash screen
      49s
    2. Overview of the interface UPDATED
      1m 54s
    3. Customizing Edge Animate
      1m 3s
    4. For those familiar with HTML and CSS
      2m 58s
  3. 24m 41s
    1. Creating a new project
      2m 8s
    2. Using the Rectangle and Ellipse tools
      5m 11s
    3. Using the Transform tool vs. the Properties panel
      1m 40s
    4. Using the Text tool
      2m 10s
    5. Importing content into Edge Animate
      2m 38s
    6. Manipulating content in Edge Animate
      3m 34s
    7. Applying CSS filters to elements
      2m 28s
    8. Applying CSS shadows to elements and text
      1m 57s
    9. Creating CSS gradients
      2m 55s
  4. 16m 46s
    1. Preparing content with Adobe Photoshop
      4m 22s
    2. Preparing content with Adobe Illustrator
      4m 1s
    3. Preparing content with Adobe Fireworks
      4m 8s
    4. Preparing content with other graphics tools
      28s
    5. Preparing HTML5 audio with Adobe Audition NEW
      3m 47s
  5. 17m 39s
    1. Creating a composition
      3m 51s
    2. Adding and arranging elements
      3m 26s
    3. Adding text to your composition
      1m 40s
    4. Creating templates
      3m 18s
    5. Adding audio to your composition NEW
      5m 24s
  6. 48m 32s
    1. Activating properties to animate
      4m 37s
    2. Using Auto Keyframe and Auto Transition
      2m 59s
    3. Animating with the Toggle Pin
      3m 27s
    4. Setting easing options for animations
      3m 5s
    5. Animating clip and background position
      2m 16s
    6. Combining transformations
      6m 17s
    7. Working with sprite animations
      3m 4s
    8. Animating CSS filter and shadow properties
      2m 47s
    9. Animating CSS gradients
      4m 37s
    10. Animating elements along a path
      7m 16s
    11. Combining audio effects with animation NEW
      4m 6s
    12. Animating audio properties NEW
      4m 1s
  7. 13m 51s
    1. Adjusting animations
      4m 4s
    2. Moving entire animations
      1m 23s
    3. Reusing animation properties
      1m 28s
    4. Changing animated artwork
      1m 25s
    5. Setting an animation to loop
      2m 16s
    6. Editing and transforming motion paths NEW
      3m 15s
  8. 6m 9s
    1. Using symbols
      2m 39s
    2. Creating animated symbols
      1m 26s
    3. Controlling symbol playback
      2m 4s
  9. 17m 20s
    1. What is a trigger?
      3m 17s
    2. Assigning actions to objects
      3m 29s
    3. Targeting symbols with actions
      2m 45s
    4. Targeting labels with actions
      2m 3s
    5. Using touch start and end events
      2m 40s
    6. Using swipe gestures
      3m 6s
  10. 5m 35s
    1. The Code window interface
      2m 37s
    2. Adding stage and preload events
      2m 58s
  11. 14m 44s
    1. Grouping elements into symbols
      2m 3s
    2. Setting the stage measurements
      2m 32s
    3. Adjusting the measurements of objects
      2m 52s
    4. Using presets for responsive layout
      4m 27s
    5. Setting responsive stage properties NEW
      2m 50s
  12. 10m 35s
    1. Using fonts from Adobe TypeKit
      3m 22s
    2. Using fonts from Google
      2m 41s
    3. Using fonts from Extensis WebINK
      2m 59s
    4. Using fonts from Edge Web Fonts
      1m 33s
  13. 6m 8s
    1. Creating a poster image
      1m 32s
    2. Creating a Down-Level Stage
      2m 9s
    3. Adding a preloader for your project
      2m 27s
  14. 4m 8s
    1. Working with multiple open documents
      2m 50s
    2. Exporting and importing symbols
      1m 18s
  15. 7m 54s
    1. Publishing for the web UPDATED
      3m 19s
    2. Publishing to an Animate Deployment Package (OAM) UPDATED
      1m 48s
    3. Publishing for iBooks and OS X UPDATED
      2m 47s
  16. 4m 12s
    1. Animating elements of a responsive web design
      4m 12s
  17. 11m 35s
    1. Adding HTML into text boxes
      2m 34s
    2. Adding video to your composition UPDATED
      4m 49s
    3. Adding JavaScript to your composition NEW
      4m 12s
  18. 8m 7s
    1. Using OAM files in Adobe InDesign CS6
      2m 4s
    2. Using OAM files in Adobe Dreamweaver CS6
      1m 46s
    3. Using OAM files in Adobe Muse
      1m 0s
    4. Using widgets in OS X Dashboard
      1m 36s
    5. Using widgets in iBooks Author
      1m 41s
  19. 8m 6s
    1. Relating to a new interface
      1m 36s
    2. Creating animations
      3m 24s
    3. Assigning actions
      1m 49s
    4. Differences in publishing
      1m 17s
  20. 9m 5s
    1. Relating to a new interface
      1m 50s
    2. Creating animations
      5m 28s
    3. Differences in publishing
      1m 47s
  21. 7m 10s
    1. Creating animations
      5m 23s
    2. Differences in publishing
      1m 47s
  22. 7m 10s
    1. Creating animations
      5m 23s
    2. Differences in publishing
      1m 47s
  23. 7m 7s
    1. Relating to a new interface
      1m 41s
    2. Creating animations
      4m 13s
    3. Differences in publishing
      1m 13s
  24. 7m 17s
    1. Relating to a new interface
      1m 26s
    2. Creating animations
      4m 43s
    3. Differences in publishing
      1m 8s
  25. 1m 55s
    1. Conclusion
      1m 55s

Watch this entire course now—plus get access to every course in the library. Each course includes high-quality videos taught by expert instructors.

Become a member
Please wait...
Edge Animate Essential Training
4h 37m Beginner Dec 07, 2012 Updated Feb 20, 2014

Viewers: in countries Watching now:

Adobe Edge Animate offers a new way of creating rich and interactive animated content for web and mobile sites. In this course, discover how to use the complete Edge Animate toolset to lay out and animate motion graphics for your website, mobile devices, digital magazine, iBooks, and more. Author Chris Converse shows you how to build basic compositions with shapes, text, images, and SVG files; animate the different elements with Auto Keyframe and Auto Transition features; trigger actions based on the timeline position or your visitor's mouse clicks and movements; and incorporate custom HTML, audio, and video. Chris also shows how to make your content accessible to the broadest audience possible with responsive layouts, incorporate web fonts from various online services, and accommodate older browsers. The final chapters in the course show how to use content from other applications like Flash or After Effects and take it to the next level with Edge Animate.

Topics include:
  • What is Edge Animate?
  • Creating a new project
  • Importing and manipulating content
  • Preparing content in Photoshop, Fireworks, or Illustrator
  • Adding text to a composition
  • Animating with the Toggle Pin
  • Setting easing options
  • Animating clip and background positions
  • Looping animation
  • Working with symbols
  • Targeting elements with actions
  • Working with HTML and CSS in the Code panel
  • Using responsive layout presets
  • Publishing for the web or iBooks
  • Going from Edge Animate to Flash, After Effects, Photoshop, Sencha Animator, or Tumult Hype
Subjects:
3D + Animation Motion Graphics Web Web Graphics Interaction Design Animation Web Design
Software:
Edge Animate
Author:
Chris Converse

About this course

Hi, I'm Chris Converse, and this is Edge Animate Essential Training. In this course, we'll learn to compose layouts, animate objects, and create interactive elements inside of Adobe Edge Animate. We'll also cover various publishing options, which will allow us to use our projects on the web, in an iBook, or share them with other Adobe authoring applications. We're going to start by creating symbols and elements, working with actions, all while working with a fixed layout size and standard web fonts. We'll branch into larger areas of web design and layout, which Edge Animate also supports.

These things include using web fonts from online services and preparing projects to gracefully downgrade for older browsers. So with all that, we've got a lot to cover so let's get started.

Find answers to the most frequently asked questions about Edge Animate Essential Training.


Expand all | Collapse all
Please wait...
Q: This course was updated on 06/05/2013. What changed?
A: We added six new movies that cover the changes in Adobe Edge Animate 1.5, such as using CSS filters and drop shadows, applying and animating colors and gradients, animating filters, and working with fonts from Edge Fonts.
Q: This course was updated on 11/20/2013. What changed?
A: We added four new movies that cover the changes in Adobe Edge Animate CC (2.0), including animating elements along a motion path, creating re-uasble templates, and incorporating touch events into your compositions.
Q: This course was updated on 2/20/2014. What changed?
A: The author added and updated 13 movies to address the changes in Edge Animate CC 3.0. This includes the new JavaScript and HTML5 audio integration and updated publish settings.
Share a link to this course
Please wait... Please wait...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.
Upgrade now


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Upgrade now

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Edge Animate Essential Training.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Welcome to the redesigned course page.

We’ve moved some things around, and now you can



Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked