Learn your way! Get started

Edge Animate CC, Part 3: Graphics

with expert John Wiley & Sons

Watch trailer

Course at a glance

Release date 4/9/2015
Level Beginner
Runtime 1h 25m
Closed captioning N/A
Transcript N/A
eBooks / courseware N/A
Hands-on labs N/A
Sample code N/A
Exams N/A

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

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)