10 Popular Uses of Edge Animate - dummies

10 Popular Uses of Edge Animate

By Michael Rohde

Adobe Edge Animate CC has many more uses than just ten, but here are the top ten that immediately rise to the forefront. You may find some of them elementary, whereas others may evoke fresh ideas for things you can do with Edge Animate, from creating basic slideshows, to creating advertisements, to creating an e-learning tool. You may even come up with a way to animate a game with Adobe Edge Animate CC.

Animating with Edge Animate

Yes, you can animate with Edge Animate. If you didn’t list animating as a use for Edge Animate, you’d be missing a big one. The animations that you create can be as simple as a sun rising over a hill or as complex as all the stars and planets moving through the universe. The only limitation is your own imagination as to what you want to create and put into motion.

Designing with Edge Animate

You can also design with Edge Animate. Although Edge Animate is not necessarily a design tool, designers can work with Edge Animate rather easily, so designing with Edge Animate is a legitimate use. You may not draw overly complex illustrations with Edge Animate, at least not with 1.0, but you can place and move elements about the Stage in a simple way to create works of art.

Developing with Edge Animate

Good developers who know their code wouldn’t let this missing feature stop them from adding sound to their Animate project. Instead, developers who know their stuff can dive in to the JavaScript and add the code necessary to incorporate sound into their animation.

The persistent code window is there for developers to take full advantage of when they want to edit or add to the code. Edge Animate’s code window allows you to view all the available code or just the relevant parts for a particular element. Either way, Adobe made it easy for developers to dive in and work their magic.

Learning from Edge Animate projects

E-learning specialists and teachers may delight in knowing that it’s possible to create animated tutorials with Edge Animate. Everyone, from kids to adults, can benefit from an easy-to-use and intuitive touch-screen interface on their tablets and phones.

You can create animated tutorials that teach everything from how to use a remote control for your television to how to use a tablet. If someone needs to become skilled at something, there’s a good chance you can make an animated and interactive tutorial to instruct them.

Working with Edge Animate as a professional

As a web professional, you’ll find Edge Animate useful for an endless list of items. If you have a site that needs a little energy injected, Edge Animate is a great tool for you to:

  • Build animated logos.

  • Build slideshows.

  • Build one-page sites such as for a restaurant or an interactive brochure.

  • Animate a children’s book.

If you decide to animate your company’s logo, try to keep it simple. Overdoing an animation and making it more complex than necessary can do more damage than good. You don’t want to confuse your visitor by a logo dancing and bouncing across the screen, if there’s no apparent purpose. On the other hand, giving your logo a nice little spin can gain the attention that it deserves.

Animating as a hobby

Animating as a hobby is a favorite use for Edge Animate. Some users make animations for their other favorite hobby, playing video games. This figure shows a still shot of an animation created using Commander Shepard from the popular video game franchise Mass Effect.

When “Mass Effect 3” released, an Internet meme characterized a phrase that the Commander repeats during the course of the game (that is, he endorses a particular store and repeats ad nauseum that store is his favorite). This twist on the meme was that Commander Shepard’s favorite site on the Internet was a gaming one.

The animation was cheesy and badly done. It mostly consisted of the Commander’s mouth opening and closing, which was supposed to represent him speaking the words that appeared to his right.


Selling with Edge Animate

Creating advertisements with Edge Animate is another excellent use for the tool. Unlike Flash, Edge Animate uses HTML5 and JavaScript, so your audience can view your ad on Apple devices. That way, you know your ad can appear on iPads and iPhones.

Popular advertisement sizes include

  • Leaderboard: 728 x 90

  • Medium rectangle: 300 x 250

  • Wide skyscraper: 160 x 600

  • Full banner: 468 x 60

  • Large rectangle: 336 x 280

  • Rectangle: 180 x 150

  • Button: 120 x 60

  • Square button: 125 x 125

When making your advertisement in Edge Animate, try designing it with a responsive web design. That way, no matter the screen size, your ad looks good.

Specializing your content

A tablet is a great way to create an economical kiosk for customer use. For example, say that you work in a car dealership; what if you provided a tablet for customers to preview cars, features, and options while they peruse the showroom floor. You can create an Edge Animate project that allows customers to do exactly that.

Here’s another example. Restaurant employees can use an Edge Animate composition on a tablet to show customers images of the day’s specials. Instead of using a paper menu, the tablet can display vibrant images of the dishes, which the customer can then sort though.

Gaming with Edge Animate

You might consider making games with Edge Animate a stretch. After all, a key component to most games is sound, which Edge Animate lacks in the initial version. However, it’s not entirely impossible. It just takes a ton of extra coding. So, making games with Edge Animate is most likely geared toward hardcore developers and not necessarily designers or hobbyists.

Using the responsive web design tools

A great use of Edge Animate is making responsive web designs. This feature allows you to create animations that respond to different browser and screen sizes. In the future many web-design jobs will make responsive web design a mandatory requirement; just think of all the different screen sizes on the market today. You have your 4-inch to 6-inch phones, 7-inch and 10-inch tablets, and any number of dimensions for laptops and desktop monitors.

Learning how to create a responsive web design may very well become essential for all web enthusiasts. If this is something that interests you, check out Adobe Edge Reflow, which is in development.