November 30, 2015 - Rich Lee

Update about Edge Tools and Services

Adobe Edge Tools & Services were launched in 2012 as a way for Adobe to develop and experiment with a set of task-focused, lightweight apps for responsive web design, cross-browser testing and HTML5 animation. Web designers and developers have been receptive, but have consistently asked for tighter integration with our existing tools and workflows.

In order to focus our efforts and resources on implementing this feedback, Edge Reflow (preview), Edge Inspect and Edge Animate are no longer being actively developed. We will continue to work on bringing their core capabilities to our industry-leading creative tools, with ongoing support for open web standards. Here are some examples of the work that is already underway:

  • Dreamweaver recently combined innovative visual aids inspired by Edge Reflow with first-class support for the Bootstrap framework, making it the premier tool for responsive web design.
  • At our MAX conference in October, we announced responsive design will be coming to Adobe Muse, for designers who don’t want to code. Edge Reflow was also a key influence in this implementation of responsive design.
  • Device Preview in Photoshop and Dreamweaver makes it easy to preview and inspect websites or mobile app designs on actual devices, a key feature in Edge Inspect.
  • Flash Professional, our flagship vector animation tool (soon to be named Adobe Animate CC) was rewritten from the ground up over the past few years to natively support HTML5 Canvas and WebGL, while continuing to support Flash formats. It can also output to any format, such as SVG, with an extensible architecture.
  • In 2016, Dreamweaver will be integrating the open source editor Brackets to provide a fully modernized coding environment.

Edge Tools & Services will continue to be available for paid Creative Cloud members.

We are excited about supporting next generation technologies and HTML5 capabilities in our flagship tools, with the ultimate goal of helping our customers achieve their goals on the web, mobile and beyond.

8:01 PM Permalink
June 15, 2015 - Tareq Aljaber

The 2015 Release of Edge Animate CC Brings Performance and Productivity Improvements!

We’re excited to announce the release of Adobe Edge Animate CC (2015)! In this release, we’ve rolled out a couple of key features focused on improved performance and productivity improvements.

On-Stage Text Editing

We have heard your requests and have implemented on-stage text editing. This means that you can style and edit text directly on the stage, instead of making edits out of context in a pop-window.

Edge onstage text


Faster Performance with 64-bit Chromium Embedded Framework (CEF) Support

On-stage rendering is now faster than ever thanks to 64-bit CEF support. Performance directly on the stage within Animate now has similar performance to browsers that use the Chromium engine, such as Google Chrome.

We can’t wait to see what you build with these new features, and we hope to get your feedback and input.

Happy Animating!

The Edge Animate Team


9:00 PM Permalink
January 13, 2015 - Chris Converse

Add Your Responsive Project To a Web Page

Once you have completed your Edge Animate project, the next question is,
“Now what do I do with it?”

With a variety of publishing options available to us in the latest release of Adobe Edge Animate CC, it can be intimidating to take the next step of implementing your composition into your project. This blog post will focus on implementing your responsive Edge Animate composition into an existing web page.


Continue reading…

8:00 AM Permalink
November 20, 2014 - Tareq Aljaber

Edge Animate Bug-Fix Update is Now Available – Download Now!

The latest release of Edge Animate CC (October 2014) introduced major architectural and runtime changes to reduce the runtime size by 55% in addition to other new features. Even though we performed necessary testing, we still expected a few issues to come up given the magnitude of the changes implemented. Luckily, we have a great and active community who have reported these issues, worked closely with us to help reproduce them, and they also confirmed our fixes.
We just released an update with fixes for all known issues that our customers have reported. Here is a list of the top issues we’ve addressed in this update:

Timeline control and triggers
We’ve fixed multiple timeline issues such as resetting movie properties while looping, multiple triggers using the bindTriggersAction() method, and settings timeline controls (stop, reverse, etc.) on the first frame.

Continue reading…

8:11 AM Permalink
October 16, 2014 - vmenon

Using responsive Edge Animate compositions in Dreamweaver

In previous versions of Dreamweaver, if you embedded your Animate compositions using the Responsive Scaling feature, you may have run into some issues with your project not rendering correctly with the rest of your responsive page. The latest versions of Animate and Dreamweaver contain a fix for this issue so you can now safely embed your responsive Animate projects.

responsiveOn the left shows how responsive Animate compositions would cause a white space in the rest of your website when embedded in Dreamweaver. On the right is the fix!

Continue reading…

10:20 PM Permalink
October 6, 2014 - Tareq Aljaber

Edge Animate reduces runtime size by 55%, ‘Save to Custom Folders’ feature, new Preloader options, and more!

Today we launched a major update to Edge Animate CC! In just three short months since launching a jam-packed release with major new features, we’re happy to announce a new update with a 55% more optimized runtime, fewer project output files, and more. This release is a major milestone to provide web designers with tools and features to easily publish lightweight HTML animations across different screens.

The latest update to the 2014 of Edge Animate CC

The latest update to the 2014 of Edge Animate CC


Here’s what we’re delivering to you today:

Reduced supporting runtime size by 55%

The team has been hard at work to reduce the runtime size by 55%, both by compressing our own runtime and removing dependencies on JQuery. This means a smaller payload size and reduced number of downloads required for running compositions, giving you faster loading times when viewing projects on the web.

This is a significant milestone for Animate as we work towards delivering lightning fast animations on the web. We’ve also been working closely with our friends at the IAB to help bring Animate in alignment with emerging web guidelines for advertising, giving authoring to the world of HTML ads.

Save your images, media and scripts to custom folders

Save your images, media and scripts to custom folders

Save your images, media and scripts to custom folders


Continue reading…

6:51 AM Permalink
September 18, 2014 - Tareq Aljaber

Export Sprite Sheets From Adobe Photoshop

The latest release of Adobe Edge Animate supports importing sprite sheets from other design products including Adobe Photoshop CC and Flash Professional CC.

Exporting sprite sheets from Flash Professional is really straightforward. Animations can be exported as an .eas file, and imported directly into Adobe Edge Animate. Learn more about that here. Exporting images from Adobe Photoshop as a sprite sheet can be a little more tricky, as it requires users to enter the correct trimming options such as margins, and shape padding.

In this post we’ll walk you through how to install the extension required to prepare a Photoshop file for import into Adobe Edge Animate as a sprite sheet. Let’s get started.

Continue reading…

9:04 PM Permalink
August 4, 2014 - Sarah Hunt

Get your update for Edge Animate, addressing compatibility issues with Chrome 36

Hello Edge Animate fans!

Today we’ve released an update to Edge Animate CC 2014, containing several bug fixes. This update is recommended for all users. Ready to get your hands on it? You can either;

1) Download from

2) Launch your Creative Cloud application and click “Install” next to “Edge Animate”. Your Creative Cloud application may require a restart to see the option to install.

Adobe Edge Animate

Adobe Edge Animate


Read the full release notes here. 

Continue reading…

10:03 AM Permalink
July 30, 2014 - Chris Converse

The Updated Actions Panel

The new Actions Panel in Edge Animate CC 2014 offers a new streamlined workflow for visually adding actions to specific elements and on the timeline.

Actions allow us to provide event-based instructions to our composition. These instructions include playing an animation, creating a hyperlink, creating article links in a DPS magazine, changing text, and many more.

Assigning Actions

Actions can be assigned directly to the timeline, or to individual elements in your composition. To assign an action to the stage, use the insert trigger button in the actions layer of the timeline. The action, or trigger, will be assigned to that point-in-time on the timeline. To assign an action to an element, right-click on an element on the stage, and choose “Open Actions” for that element.

Figure 1:  Actions, also referred to triggers, can be assigned to the timeline or specific elements in your composition.

Figure 1:
Actions, also referred to triggers, can be assigned to the timeline or specific elements in your composition.

Continue reading…

9:00 AM Permalink
July 28, 2014 - Tareq Aljaber

Entertaining To Drive Awareness


Interac e-Transfer service in Canada

Interac e-Transfer service in Canada

With a little imagination, even the topic of electronic money transfers can be entertaining. When the creative minds at Zulu Alpha Kilo and Secret Location were challenged with increasing awareness of the new Interac e-Transfer service in Canada, they developed The interactive website spoofs the history of money exchange while encouraging users to try the convenient services.

Continue reading…

1:47 AM Permalink