First look at Adobe’s Animate CC

Ben Moss.
February 09, 2016
First look at Adobe’s Animate CC.

Adobe have just launched their new’ application, Animate CC. A major component in the Creative Cloud application suite, Animate CC replaces Flash Professional CC, and is available to download now. As we previously reported, Animate CC is an evolution of Flash Professional. The name change is based on the changing role of the application. Adobe believe that the renaming of Flash Professional CC as Animate CC more clearly defines its position, and its purpose: Flash Professional was for producing SWF content, Animate CC is for producing animation. [pullquote]the Flash brand may be something of a pariah, but animation is one of the hottest trends on the web[/pullquote] Although Flash Professional CC has exported to numerous formats for some time, the change in emphasis from proprietary technology to web standards has opened up a realm of new possibilities for the community-formerly-known-as-Flash; the Flash brand may be something of a pariah, but animation is one of the hottest trends on the web.

What’s it for?

Animate CC is, as the name suggests, designed for any animation job. That ranges from micro-interactions, to banner ads, to interactive infographics. Anyone who spends time putting together app prototypes, animated Dribbble shots, or simply wants to design with motion, will find Animate CC invaluable. A lot of attention on Animate CC will inevitably focus on what’s new, but what I find most attractive is what isn’t. As someone who first picked up Flash 4, many years ago, what excites me about Animate CC is how familiar it is. This is a new application that uses tools I’m already proficient with. What’s more, in addition to Actionscript, Animate CC will accept JavaScript, so the scripts we used to replace Flash animation can now be repurposed as part of a powerful, unified workflow.

What’s new?

Animate CC marks something of a renaissance for the application. Feature additions have stagnated under the Flash name in recent years, as Adobe focused on patching security issues, and sought ways to integrate Flash into the new world of responsive design. Animate CC introduces more new features than the last two CS versions of Flash combined. A major update is the ability to resize the stage, anchoring content to any position, streamlining the process of scaling designs. You can now export for multiple resolutions, invaluable for bitmap work. Animate CC also introduces new vector drawing tools, including some astounding new vector brushes that don’t need to be converted to shapes to be edited. vector_brushesSome of the new vector brushes. Animate CC joins the rest of the Creative Cloud range by integrating CC Libraries, allowing you to share assets across multiple files. If you’re exporting for HTML5 Canvas you can also take advantage of Typekit integration. adobe-stockAdobe Stock integration. One of the coolest new features — expect to see it introduced across the Adobe CC range — is tagged swatches. Think of tagged swatches as Sass variables, but for vector graphics: set a color as a tagged swatch, use it in your artwork, later on make a change to the swatch and see the color updated in your artwork; give it a month and you’ll wonder how you ever lived without it. tagged-swatchesTagged swatches in action.

About those formats…

Arguably the biggest issue for the Flash platform, and by extension Flash Professional, was its reliance on an installable plugin that no one wants to install. Animate CC frees the application from the player by embracing web standards, opening up the whole of the web, including mobile. According to Adobe over a third of the content produced in Flash Professional CC was HTML5, and in Animate CC you can export for HTML5 Canvas, WebGL, 4k video, you can even generate a sprite sheet based on keyframes and animate through them with CSS. Animate CC also introduces .OAM packaging, which is essentially a .zip format allowing you to package up assets to import into other Adobe tools like Muse CC, or Dreamweaver CC. Perhaps the biggest news is that Adobe have learnt the lesson of Flash, and have future-proofed Animate CC by building in export support for as-yet-undefined formats (just in case there’s another revolution around the corner). oam-packaginThe new OAM format. The one downside of the multiple format options is that you need to be aware of the technical limitations of the format you’re exporting to; not all of Animate CC’s features are supported by every format. Helpfully Animate CC will warn you if you try and export a feature that your chosen format doesn’t support. It’s worth noting that Animate CC hasn’t abandoned the SWF format, you still have the option to export for the Flash player. However the expectation must be that most designers will export for web standards, if only to maximize reach.

Is it any good?

[pullquote]if you use Animate CC to add an ill-advised intro’ to your site, that’s on you[/pullquote] Of course, haters gonna hate. Animate CC will inevitably be dismissed by some as Flash by another name”. However, never has it been so true that a bad craftsman blames his tools: Animate CC exports to web standard formats, it doesn’t require an embedded player, and there are no inherent security vulnerabilities; if you use Animate CC to add an ill-advised intro” to your site, that’s on you. Animate CC may not be the perfect animation tool, but for the first time in years it feels like appending yet” to that statement may not be so foolish. Against the odds, Adobe may have succeeded in breathing new life into an application many designers never expected to install again.

Ben Moss

Ben Moss is Senior Editor at WebdesignerDepot. He’s designed and coded work for award-winning startups, and global names including IBM, UBS, and the FBI. One of these days he’ll run a sub-4hr marathon. Say hi on Twitter.

Read Next

Are Simple Websites Better For Business?

As web design technologies raise the bar on what it is possible to achieve on a realistic budget, there’s a rising deba…

Apple Opts for AR over VR at WWDC

An Apple VR headset has been one of the most widely-rumored devices of the last few years, and it was finally settled a…

Exciting New Tools for Designers, June 2023

We’re halfway through 2023 already, and the number of incredible apps, tools, and resources for designers is mounting.

3 Essential Design Trends, June 2023

This month we are focusing on three trends within a bigger website design trend – different navigation menu styles and …

15 Best New Fonts, May 2023

The choices you make when selecting a typeface have more impact on your design than almost any other decision, so it’s …

10+ Best Tools & Resources for Web Designers and Agencies (2023 updated)

Having the ability to envision a tastefully designed website (i.e., the role creativity plays) is important. But being …

20 Best New Websites, May 2023

This month, there are tons of great new agency websites to get excited about. 3D animated prisms are a popular theme, a…

How to Find the Right White Label Website Builder for Your Agency

Web design agencies face a lot of obstacles in closing the deal with new clients. One of the most common ones is the ar…

Exciting New Tools For Designers, May 2023

There are hundreds of new tools for designers and developers released each month. We sift through them all to bring you…

3 Essential Design Trends, May 2023

All three of the website design trends here mimic something bigger going on in the tech space, from a desire to have mo…

10 Best AI Tools for Web Designers (2023)

It’s time to stop worrying if AI is going to take your job and instead start using AI to expand the services you can of…

10 Best Marketing Agency Websites (Examples, Inspo, and Templates!)

Marketers are skilled in developing strategies, producing visual assets, writing text with high impact, and optimizing …