Learn your way! Get started

Edge Animate CC, Part 3: Graphics

with expert John Wiley & Sons

Watch trailer

Edge Animate CC, Part 3: Graphics Trailer

Course at a glance

Included in these subscriptions:

  • Creative Design Power Pack
  • Power Pack Plus

Release date Release date 4/9/2015
Level Level Beginner
Runtime Runtime 1h 25m
Platform Platform Major browsers on Windows Major browsers on Windows Major browsers on Mac OSX Major browsers on Mac OSX Mobile Devices Mobile Devices
Published eBooks Published eBooks N/A
Hands-on labs Hands-on labs N/A
Sample files Sample files N/A
Exams Exams N/A

Enterprise Solutions
Enterprise Solutions

Need reporting, custom learning tracks, or SCORM? Learn More

Course description

Master Edge Animate CC on your terms with this 5 part learning series. Adobe Edge Animate CC is used by designers, developers, and motion graphic artists to create interactive HTML animations projects. Get to know the Edge Animate CC workspace, learn how to set and configure Stage Properties, work with shapes, text, and symbols, add animation to graphics, add interactive elements like rollover buttons, and finally understand the publishing settings to distribute your Edge Animate composition.


This course assumes very little familiarity with Edge Animate CC. This course is part of a 5 part learning series; Edge Animate CC: Introduction; Edge Animate CC: Shapes and Text; Edge Animate CC: Graphics; Edge Animate CC: Actions; and Edge Animate CC: Finishing Touches. Please be sure to view the courses in order if you are new to the material.

Meet the expert

John Wiley & Sons Our Creative Design courses are presented by experts from Wiley Publishing. Wiley is a global provider of knowledge and knowledge-enabled services that improve outcomes in areas of research, professional practice, and education. They are the publisher of award-winning journals, encyclopedias, books, and online products and services.

Course outline


Web Fonts (16:36)
  • Introduction (00:10)
  • Insert HTML Text Elements (05:42)
  • Placing Text (03:23)
  • Header Web Fonts (04:33)
  • Paragraph Web Fonts (02:37)
  • Summary (00:10)
Graphics (18:51)
  • Introduction (00:10)
  • Graphic File Types (04:48)
  • Graphic File Size (03:58)
  • Importing Graphics Files (05:13)
  • Adding Assets (04:31)
  • Summary (00:10)
Animating Graphics (19:32)
  • Introduction (00:10)
  • Animating Graphics (04:23)
  • Resize Animated Graphics (04:17)
  • Transparent Background Image (02:03)
  • Clipping (03:51)
  • More Clipping (04:37)
  • Summary (00:10)
Symbols (30:26)
  • Introduction (00:10)
  • Animate Shape (05:43)
  • Convert Shape to Symbol (05:11)
  • Changing Symbols (03:50)
  • Mulitple Shapes (04:06)
  • Animate Multiple Shapes (03:39)
  • Multi-Shape Symbols (04:02)
  • Animated Symbol Instances (03:31)
  • Summary (00:10)