Adobe & HTML

Adobe

Adobe Edge Animate CC

Adobe Edge Animate CC

Create animated, interactive content for the modern web.

General

What is Edge Animate CC and what does it do?

Edge Animate CC is a motion and interaction tool for creating animated, interactive content using HTML, JavaScript, and CSS. Edge Animate CC is designed to be powerful yet approachable and easy to use.

Who should use Edge Animate CC?

Edge Animate CC is ideal for web designers, interactive designers, and web developers who want to energize their content for the web with motion and interactivity.

Pricing & Availability

Is Edge Animate CC still available for free as a limited-time introductory offer?

Yes, a free version of Edge Animate (1.5) is available for download here (Adobe ID required).

Note: Edge Animate 1.5 is no longer supported by Adobe and is not recommended for production use. This version lacks major features introduced in newer releases such as motion paths and audio support, as well as performance enhancements and bug fixes (including compatibility issues with modern browsers which can result in unexpected output rendering).

How much does Edge Animate CC cost, and how do I get it?

Edge Animate CC is available exclusively via Adobe Creative Cloud. Learn more about Creative Cloud subscriptions.

You can also download a 30-day trial of Edge Animate CC, or any of the other creative desktop applications, with a free Creative Cloud membership.

Can I continue to use an earlier version of Edge Animate CC?

Yes. If you already have a prior installation of Edge Animate CC (v1.0, 1.01, or 1.5), you can continue to use it as-is. It will not expire nor require validation.

Will Edge Animate CC be updated?

Yes, Edge Animate CC will be updated to enable new creative capabilities and workflows, and we will continue to incorporate user feedback. Updates are available exclusively to paid Creative Cloud members. Learn more about Creative Cloud product updates.

1/21/14: The latest update (v3.0) adds native audio support, responsive scaling, script loading for third-party libraries, and other enhancements. Learn more here.

What languages does Edge Animate CC support?

Edge Animate CC is available in English, French, German, Japanese, Italian, and Spanish.

Using Edge Animate CC

Where can I learn how to get started with Edge Animate CC?

Edge Animate CC has built-in lessons to help you get started.

You can also visit the Learning center for videos and tutorials.

How do I create animated content in Edge Animate CC?

Edge Animate CC features a WebKit-based design surface and an intuitive timeline. You can animate HTML elements such as text, images (including SVG format), and more by modifying their visual properties in conjunction with the timeline.

What types of animated content can I create or work with in Edge Animate CC?

You can create compositions from scratch in Edge Animate CC by using drawing and text tools and imported web graphics. You can also add motion to existing HTML documents.

What type of documents can Edge Animate CC work with?

Edge Animate CC can open and add animation to HTML documents.

Can I edit code in Edge Animate CC?

Yes. Edge Animate CC features an Actions Editor that lets you enter custom JavaScript code for a function. A built-in code snippet library is also available in the Actions Editor for commonly used functions such as go to, stop, hyperlink, etc.

Can I edit code outside of Edge Animate CC?

Yes. Code can be edited outside of Edge Animate CC. Since it works directly with HTML, CSS, and JavaScript, any external code editor – including Edge Code – can be used. Actions code created in Edge Animate CC can also be edited by accessing the project’s "edgeActions.js" file.

What types of graphics files can I import into Edge Animate CC?

Edge Animate CC works with SVG, JPG, PNG, and GIF file formats.

How are the animations created with Edge Animate CC?

Edge Animate CC implements animations and imported graphics using a JavaScript animation library that is built on the popular jQuery Core framework. Animations and graphics are unobtrusive (they are attached to the HTML at runtime by JavaScript), making it easy to integrate compositions into larger web pages and sites.

What format is Edge Animate’s output?

Edge Animate CC reads and writes HTML, CSS, and JavaScript files. Animated content is expressed in a JavaScript Object Notation (JSON) data structure that preserves the CSS-based layout. JSON is a formatting style for JavaScript that is easily readable and allows more flexibility to work with the document and animated content independently.

Does Edge Animate CC make changes to the HTML of my web pages?

Everything that Edge Animate CC edits is created and stored in external JavaScript and CSS files. The only modification to the HTML of the web page is to include these files and the required core jQuery and animation JavaScript framework. It is non-intrusive to the HTML and preserves CSS-based layouts.

Can I create interactive content with Edge Animate CC?

Yes. Edge Animate CC includes interactivity features such as looping, hyperlinks, and animation control.

Does Edge Animate CC support HTML5 tags like canvas, video or audio?

Edge Animate CC does not currently support content creation with canvas or video, but it can work with HTML that contains these tags.

The latest version released on 1/21 includes native support for audio.

Has the output from Edge Animate CC proven to perform well on devices and desktop browsers?

Yes, the animated content created with Edge Animate CC is designed and tested to work reliably on iOS (iPhone and iPad) and most Android devices. The stage utilizes WebKit, which means animated content is created on a true browser surface for consistency on WebKit-enabled devices. Also, content produced with Edge Animate CC has been tested on popular desktop browsers like Firefox, Chrome, Safari, and Internet Explorer 9. For older, non-HTML5 browsers such as Internet Explorer 6, 7, and 8, Edge Animate CC has a down-level stage to create fallback versions of your projects.

Please note that performance of animations are based on a number of factors, so it is possible to create content with less than optimal performance.

Which product is right for me – Edge Animate CC or the Toolkit for CreateJS extension for Flash Professional? What are the differences between the two?

Edge Animate CC works natively with HTML, CSS, and JavaScript to create animated and interactive content for the web. The Toolkit for CreateJS is targeted specifically at Flash Professional users who want to apply their existing Flash skills for creating content that is output as HTML.

What are the differences between Edge Animate CC and competitors’ products?

Edge Animate CC offers a unique combination of features and support for web-standards technology compared to its competitors:

  • Edge Animate CC works natively with HTML to enable open collaborative workflows and the enhancement with motion of existing HTML pages. Content produced with Edge Animate CC can be seamlessly integrated into a web page created with Edge Code, Dreamweaver CC, or other web authoring tools.
  • Edge Animate CC is designed with creative professionals in mind, taking our customers’ favorite functions and features from best-in-class products like After Effects and Flash Professional.
  • Edge Animate CC features advanced interactive capabilities via the Edge Animate CC API.
  • Edge Animate CC allows you to use the symbols feature to add nested animations with independent timelines.
  • Edge Animate CC is available on both Mac OS and Windows.

Support

How can I leave comments or give feedback on Edge Animate CC?

Please visit the Edge Animate CC forums to provide feedback, request features, or report bugs.

Where can I get support for Edge Animate CC?

If you have questions about using Edge Animate CC software, please visit the support page.

Join Creative Cloud to get Edge Animate CC and all the tools you need to create, collaborate, and stay connected.
What is Creative Cloud? →