What is Edge Animate and what does it do?

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

Who should use Edge Animate?

Edge Animate 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 still available for free as a limited-time introductory offer?

Edge Animate CC and all future updates, are only available as part of a paid membership to Adobe Creative Cloud.

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?

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

Is the previous version of Edge Animate still available?

Yes. Creative Cloud members (free and paid) will have access to Edge Animate v1.5. It will continue to be available until the next version is released. After that, a free version will no longer be available.

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.

What languages does Edge Animate support?

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

Using Edge Animate

How do I create animated content in Edge Animate?

Edge Animate 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?

You can create compositions from scratch in Edge Animate 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 work with?

Edge Animate can open and add animation to HTML documents.

Can I edit code in Edge Animate?

Yes. Edge Animate 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?

Yes. Code can be edited outside of Edge Animate. 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 can also be edited by accessing the project’s "edgeActions.js" file.

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

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

How are the animations created with Edge Animate?

Edge Animate 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 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 make changes to the HTML of my web pages?

Everything that Edge Animate 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?

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

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

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

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

Yes, the animated content created with Edge Animate 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 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 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 or the Toolkit for CreateJS extension for Flash Professional? What are the differences between the two?

Edge Animate 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 and competitors’ products?

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

• Edge Animate works natively with HTML to enable open collaborative workflows and the enhancement with motion of existing HTML pages. Content produced with Edge Animate can be seamlessly integrated into a web page created with Edge Code, Dreamweaver CC, or other web authoring tools.
• Edge Animate 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 features advanced interactive capabilities via the Edge Animate API.
• Edge Animate allows you to use the symbols feature to add nested animations with independent timelines.
• Edge Animate 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 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.