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 creative.adobe.com

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 www.makecashandchequeshistory.com. The interactive website spoofs the history of money exchange while encouraging users to try the convenient services.

Continue reading…

1:47 AM Permalink
June 18, 2014 - Tareq Aljaber

Unleash Web Interactivity With The 2014 Release Of Edge Animate CC

The 2014 release of Edge Animate CC

Edge Animate lets web designers create interactive HTML animations for web, digital publishing, rich media advertising and more, reaching both desktop and mobile with ease.


The 2014 release of Adobe Edge Animate is finally here! This release offers a rich set of features such as support for HTML5 video, importing sprite sheets from Flash Professional and Photoshop, linking support for DPS articles, a designer friendly action editor, and the ability to copy and paste SVG artwork from Illustrator, and more.

Continue reading…

12:12 PM Permalink
May 7, 2014 - Tareq Aljaber

Create Visuals that Communicate Ideas Quickly

The ability to create visuals that communicate ideas quickly, and get from strategy and ideation to the approval phase is a very long and expensive road. Jim McArthur, Senior Vice President of Digitaria, shares how his agency utilizes the power of animation to easily create quick interactive prototyping which helps cut costs and improve your creative workflow.


2:31 PM Permalink