10 Reasons to Use Adobe Edge Animate CC - dummies

10 Reasons to Use Adobe Edge Animate CC

By Michael Rohde

Adobe Edge Animate has been touted as a replacement for Adobe Flash. While that might be wishful thinking for those who are ready to move past the Flash era, it is still too early to make that call. However, Edge Animate is a powerful, intuitive software tool that enables you to create interactive animations for the web, iBooks, and apps.

Here are ten great reasons to start using Edge Animate.

HTML5, JavaScript, and CSS interchange

Adobe Edge Animate generates code using HTML5 and JavaScript with the CSS baked in. This is great news for both developers and designers who do not know how to code.

The good news for developers is that they can dive right into the code to enhance their animations to fit their own liking. The good news for designers is that they can make functional and effective animations without knowing a single line of code.

The stage is a browser

The stage is the part of the Edge Animate interface where you do the majority of your design work. What’s great about the stage is that it behaves, mostly, like a browser window. What you see on the stage is what you would see if you were viewing your project in a modern web browser. You can even preview your animation directly from the stage.

There are some limitations. For example, you can’t preview actions, such as loops and clicks, from the stage. But that’s a small hindrance in the grand scheme of things.

Reusable symbols

Edge Animate enables you to create symbols. With symbols, you can save elements, or groups of elements, and their associated actions for reuse in other projects. For example, if you create a slideshow using Edge Animate and save that project as a symbol, you can export it to your desktop and then import it into another Edge Animate project.

If you prefer a quicker workflow, you could even copy and paste a symbol from one project into another. Symbols are a great way to save time and energy when working with common elements that you like to use multiple times.

Responsive web design

The next big thing for web design is making it responsive (clear and easy to use on a wide range of device types and sizes). Only a few sites currently can boast a responsive web design. When you see them in action, it can be impressive.

If you can tell your clients that you can create an online animation that looks just as great on a 30″ monitor as it does on a 4″ iPhone, they should be impressed. If not, you need new clients.

Importing fonts

Adobe knows that there’s more to fonts than just Arial and Helvetica. That’s why they made it easy to import fonts from various places. This includes Google web fonts, Typekit, and more.

Familiar drawing tools

If you’ve ever used a design tool to draw a rectangle or a circle, you will instantly take to Edge

Edge Animate’s drawing menu. Adobe made it super easy to add elements to the stage, so you can create everything from squares to perfect circles (or animate a perfect circle into a square). The drawing tools include a text tool, rectangle tool, ellipsis tool, and more.

Intuitive timeline

The timeline is where you create animated sequences with keyframes. You can become a pro in no time flat. After figuring out how it works, you can use the timeline to make your animations come alive.


You don’t have to settle for flat animations that your audience has to sit back and passively watch. Oh, no. You can have your audience actively clicking on a mouse, or tapping on a tablet, to perform different actions. From links to loops, and much more, you can create animations as varied as an animated children’s book to a one-page restaurant site.

Customizable workspace

Not everyone works the same way. Not everyone appreciates the same views. Based on that, Adobe made the interface of Edge Animate extremely customizable. You can even save custom views for use later. If you accidentally close a panel and can’t find it, you can always revert to the default view.

An animation tool anyone can use

Edge Animate is one of those tools that many different types of people can appreciate. If you are a professional designer who doesn’t know code, you can still create complex animations. If you are a developer who wants to add some extra features to a project then you can do that as well.

On the other hand, if you are a student or a hobbyist who just wants to play around with something new and innovative, then you can do that too. Who knows? your hobby might become your profession!