Adobe® Flash Professional® CC is now Adobe® Animate® CC.

The 2015.1 release introduced exciting new features such as:

    ● A new global library for the art and paint brushes used in your Animate projects

    ● Integration with Creative Cloud Libraries and Adobe Stock

                                          ● Stage rotation and resizing

                                          ● Content scaling according to stage size

                                          ● Video export to multiple resolutions

                                          ● Enhanced onion skinning

                                      Continue reading for a quick introduction to new features available with the latest update to Animate CC,                                             and links to other resources that provide more information.


Adobe Animate CC 2015.1 | March 2016 update

The March 2016 update of Animate CC 2015.1 offers you  enhancements to HTML5 Canvas template  and new icons for AIR Android. This also includes bug fixes related to embedded font and better brush drawing.

Adobe Animate CC 2015.1 | February 2016

The February 2016 release of Animate (Animate CC 2015.1) offers you integration with Creative Cloud Libaries and Adobe Stock, a new brush library, Typekit integration, content scaling, stage rotation and scaling, SVG file import, onion skinning enhancements, OAM publishing support, tagged swatches, and projector support. Read on to learn more about the features included in this release.

Creative Cloud Libraries and Adobe Stock integration

New in Animate CC 2015.1 | February 2016

CC Libraries

Creative Cloud Libraries make your assets available to you anywhere. Create images, colors, color themes, brushes, shapes, and more in Photoshop, Illustrator, and mobile apps such as Adobe Capture CC, and then easily access them across other desktop and mobile apps for a seamless creative workflow.

Animate CC comes integrated with CC Libraries. CC Libraries help you keep track of all your design assets. When you create graphic assets and save them to Libraries, they are available for use in your Animate documents. Design assets are automatically synced, and can be shared with anyone with a Creative Cloud account. As your creative team works across Adobe desktop and mobile apps, your shared library assets are always up to date and ready to use anywhere. Asset types supported in Animate are:

  • Colors and Color Themes
  • Brushes
  • Graphics
  • Vector Brushes

To learn more, see Creative Cloud Libraries in Animate CC and Creative Cloud Libraries.

A. Select CC Library folder B. Show items as thumbnails C. Show items as a list D. Search Adobe Stork for images E. CC Library content panel F. Add color G. Sync CC Libraries H. Delete item in library 

Adobe Stock integration for high-quality images, illustrations, and graphics 

Animate CC comes integrated with Adobe Stock, a service that provides designers and businesses with access to 40 million high-quality, curated, royalty-free images, illustrations, and vector graphics for all their creative projects. You can purchase Adobe Stock on an as-needed basis as a single image or you can purchase a multi-image subscription to use it in your Animate CC documents. A number of subscription packages are available.

For detailed instructions on how to use Adobe Stock, refer to the Adobe Stock help page at https://helpx.adobe.com/stock/help/using-adobe-stock.html.
 
Searching Adobe Stock for assets

Note: Adobe Stock is available only in following countries right now: US, Canada, Mexico, UK, Ireland, South Africa, New Zealand, Australia, Japan, Netherlands, Norway, Sweden, Denmark, Belgium, Switzerland, Finland, Luxembourg, Germany, France, Italy, Austria, Spain, Portugal, Greece, Poland, Czech Republic, Bulgaria, Estonia, Latvia, Lithuania, Hungary, Malta, Romania, Slovenia, Slovakia, and Cyprus.
 

TypeKit support for HTML5 Canvas document type

New in Animate CC 2015.1 | February 2016

This release of Adobe Animate CC offers Typekit integration with HTML5 Canvas document type, which provides direct access to thousands of quality, premium fonts from top foundry partners. You can access and use Typekit fonts seamlessly in your HTML5 output for modern browsers and mobile devices, using your Creative Cloud membership.

For more details, see Using Typekit Webfonts in your HTML5 Canvas documents

Vector art brushes

New in Animate CC 2015.1 | February 2016

The new Paint Brush tool brings the capability of using Art Brushes, as commonly known in Adobe Illustrator, within Animate CC. Paint Brush tool is based on strokes and is different from the existing Brush tool, the behavior of which remains unchanged.Paintbrush tool lets you draw stylized brush strokes by applying the selected art brush’s pattern along the drawn path. You can apply brush strokes to existing paths, or use the Paintbrush tool to draw a path and apply a brush stroke simultaneously.

For more details, see Working with Paint Brush

Brush Tool

Improved drawing experience

The Paint Brush tool now offers much faster drawing experience than before, with no splitting or interference with the previously drawn strokes. Curve fitting has also been made smoother.

For better drawing experience, Animate enforces that art brush strokes are always drawn in Object mode.

Edit Brush and Art Brush options

Launch the Brush editing dialog box for the selected brush using the new Edit Brush icon. If a normal stroke or one of the old stroke styles is selected, the old dialog box appears. If an Art Brush is selected, the new Art Brush Options dialog box appears.

Apply colors of the brush strokes

Draw Monochrome art brushes with any color and it will pick the color applied as the current stroke color, just like any other strokes. Multicoloured art brushes, however, ignore the stroke color and draw using its own color set as specified in the brush definition.

Draw as fill

The new Draw as Fill option in Paint Brush tool helps you control the shape created by the Paint brush to be a stroke or fill a region.

Animate now supports the Draw as Fill capability for all the stroke styles in the Paint Brush tool. When Draw as Fill is selected, you have the flexibility to draw using the Paint Brush tool in both Object and Merge drawing modes.

Object Drawing Vs Merged Drawing mode

When using Art Brushes, enable the Drawing Object mode so that each brush stroke is drawn independently and do not merge with the existing strokes causing undesirable stroke intersections. You can see better performance when you use it in Object drawing mode compared to Merged drawing mode because brush strokes typically contain heavy vector data and merging of shapes may cause Animate to perform slower. To convert an already drawn shape to a Drawing Object, select the graphic on stage and click Modify > Combine Objects > Union.

Draggable guides for setting the start and end markers

Art Brushes in this release offer brush preview with draggable guides for setting the start and end markers and more brush options to choose from. After editing, you can save the Art Brush settings as a new brush or update existing strokes in the document.

Apply Art Brush styles to already drawn graphics on stage

Apply the new art brush styles to already drawn shapes or in your existing documents. Select a shape on stage and modify its stroke style by choosing an Art brush stroke style on the Properties Panel . 

Import new Art Brushes from CC Libraries

Import new Art Brushes to your Animate document using the CC Libraries in addition to the Art brush presets available by default. To add a new Art Brush, open the CC libraries panel and just click on any of the supported brushes. (Animate currently supports only Illustrator brushes from CC Libraries.) For adding new brushes to your CC Library, you can use the Brush App for Android and iOS.

Edit the Art Brush stroke paths

Edit or reshape the brush strokes drawn using the Paint Brush tool just like any other strokes in Animate using the selection and sub-selection tools.

Convert Art Brush Strokes to Fills

Art brushes behave as strokes and can be changed to fills by using the ‘Convert Lines to Fills option. To convert, first select the brush strokes drawn on stage and click Modify > Shape > Convert Lines to Fills. Once converted to fills, it will behave as normal fills and lose its path editing capability.

Brush Library panel

Animate CC now comes integrated with a global library for Art Brushes that includes a vast collection of brushes. To launch the Brush Panel, click Windows > Brush Library. Before using any brush, add it to your current document by double-clicking on the brush in the Brush Library panel. Clicking on a brush in CC Library adds it to both the global Brush Library panel and the current document.

Tagged Swatches

New in Animate CC 2015.1 | February 2016

You can now create tagged swatches by selecting a color from your swatches. Once you create a tagged swatch and apply it to shapes and paths in your Animate content, changing the color in the tagged swatch will automatically update all the content that is using it. 

For more information, see Color

New tagged swatch in the Tools and Color panels

Stage scaling

New in Animate CC 2015.1 | February 2016

Animate now supports publishing ActionScript documents as projector files. Projectors are Animate files that contain both the published SWF and Flash Player. Projectors can play like an ordinary application, without the need for a web browser, the Flash Player plugin, or Adobe AIR.

For more information, see Stage tools and Panels.

Link option to proportionately scale stage dimensions

Animate CC Property Inspector and Document Settings dialog box contain a Link option to increase the stage dimensions proportionately. By default, the height and width properties of the stage are unlinked. If you click the Link button and enable linking, as you modify the values of either height or width properties, the value of the other property is changed proportionately.

If you select the Scale Content option, the stage dimensions are automatically linked and disabled. This is because content scaling makes sense if stage dimensions are modified proportionately.

Rotate the stage

New in Animate CC 2015.1 | February 2016

The new Rotation tool in Animate CC rotates the Stage view temporarily, to help you draw and paint at a particular angle, without permanently rotating the actual objects on stage, as the Free Transform tool does. You can quickly rotate the Stage, regardless of which tool you have currently selected, by holding down the Shift and Space keys together, and then dragging your mouse to rotate the view.

For more information, see Stage tools and Panels.

Enhanced Onion Skinning

New in Animate CC 2015.1 | February 2016

Onion skinning is a feature that allows you to modify the present state of the animation based on a small window of preview into the past as well as the future frames of that animation.

Starting this release, instead of using layer colors for the outlines, Blue is used for past, Red is used for current, and Green is used for future frames. 

Colored onion skinning: outline mode

Color coding helps you distinguish between the past, present, and future frames while using onion skinning. In the new interface, onion skin frames before active frame appear in blue and frames after active frame appear in green. Onion skin frames away from active frame appear with progressively decreasing transparency.

Onion skinning illustration (past frames in Blue, future frames in Green, and current frame in Solid)

For more details about using onion skinning, see Frame by Frame Animation: Onion Skinning

Video export to multiple resolutions

New in Animate CC 2015.1 | February 2016

You can now export normal and HD quality videos from your Animate document to multiple resolutions by configuring a render size in the Video Export dialog box. While setting the video resolution, Animate CC maintains the aspect ratio as per the Stage dimensions.

Create custom HTML5 Canvas templates and attach to publish profiles

New in Animate CC 2015.1 | February 2016

Animate CC now supports custom templates for the wrapper HTML file during the publishing of HTML5 Canvas projects. You can attach a template to your publish profile. Other from using the default template, you can also import a custom html template file, or export the current template to an external file. The template options are as follows:

  • Use Default: Use the default template for generating the HTML wrapper file while publishing.
  • Import New: Import a custom template based on which the HTML wrapper file is created while publishing.
  • Export: Export the current template being used for publishing.

OAM publishing support for AS3, WebGL, and HTML5 Canvas documents

New in Animate CC 2015.1 | February 2016

You can now export Animate content in ActionScript, WebGL, or HTML5 Canvas to OAM (.oam) animated widget files. The OAM files generated from Animate can be placed in Dreamweaver, Muse and InDesign. The OAM Publishing options are available in your Animate Publish Settings dialog box.

For more information, see OAM Publish Settings

Static text in HTML5 Canvas documents

New in Animate CC 2015.1 | February 2016

Animate CC now supports static text for HTML5 Canvas. All the static text is converted to outlines while publishing and all the dynamic text will remain without any changes.  

HTML5 Canvas improvements

The following HTML5 Canvas improvements are part of this release:

  • Canvas stroke style support: In earlier releases, only solid stroke style was available for HTML5 Canvas documents. Now, different stroke styles are available for you to choose from. 
  • Drop Shadow filter with Angle and Distance properties with quality set at Medium: When you create a symbol and select the Drop Shadow filter by clicking Filters in Property panel and expanding the + dropdown, you can set Distance and Angle properties for the symbol. The quality is set to Medium

Import SVG files

New in Animate CC 2015.1 | February 2016

Scalable Vector Graphics (SVG) is an XML-based vector image format for two-dimensional graphics with support for interactivity and animation. You can now import SVG files in to Animate CC. Some of the import options work the same as the import options for Adobe Illustrator files.

You can use one of the following options to import SVG files in to Animate CC:

  • Using the File Import optionFile > Import > Import to Stage, or Import to Library.
  • Drag and drop an SVG file directly into Animate.
  • Using SVG assets stored in your CC library: Drag and drop the asset from CC library directly on to Stage or your document’s library.
  • Using the existing file import JSFL API: document.importFile().

You can choose to covert the layers in your SVG files as follows:

  • Import all paths to the same layer and frame: Choose this option to import all the layers in your SVG to a single layer in Animate.
  • Import each path to different layer: Choose this option to import each layer in your SVG to a separate layer in Animate. 
  • Import each path to different keyframe: When converting SVG layers to keyframes, the SVG file is imported as a movie clip; converting the SVG layers to Animate layers, or as a single layer, imports the SVG file as a graphic symbol. The resulting movie clip or graphic symbol contains all of the content of the SVG file imported to its timeline, as if the content were imported to the Stage. 

Enhanced drawing object bounding box

New in Animate CC 2015.1 | February 2016

The drawing objects in Animate used to show rectangular bounding box when they are selected. This release introduces an enhanced bounding box that shows the selection indicator drawn as an outline exactly fitting the shape. With this change, you can easily edit the shape edges without getting inside the drawing objects. 

Drawing object bounding box: earlier and now

This change helps you when you use the new Art brushes in Drawing Object mode. The selection indicator now shows the actual path of the art brush strokes. You can easily edit the stroke path as required.

Editing the stroke path of an art brush using the new bounding box

The new bounding box model also helps you distinguish between a Drawing Object and a Group more prominently, as groups will continue to appear with rectangular bounding boxes.

Object Drawing mode representation

Outlines around a shape and drawing Object and Strokes in selected state

Projector support

New in Animate CC 2015.1 | February 2016

Animate now supports publishing ActionScript documents as projector files. Projectors are Animate files that contain both the published SWF and Flash Player. Projectors can play like an ordinary application, without the need for a web browser, the Flash Player plugin, or Adobe AIR.

Other enhancements

PlaySound() function now returns the sound instance

Code for PlaySound() function generated in the HTML file when you publish the HTML5 Canvas document type has been modified to return the sound instance. This is useful for stopping or pausing any audio instance via frame scripts or event listeners.

Audio looping

With the “loop” option turned on in the timeline, you can now loop streaming audio within a range of frames along with other animations.

Enhanced Timeline Marker Range manipulation

The following usability improvements have been made to onion skin marker handles:

  • Increased hit area of handles outwards: In earlier versions, dragging the handles was not easy, especially when handles are very close to each other. The increased hit area of handles outwards in this release allow smooth dragging.
  • Appropriate mouse feedback: In this release, when you hover the mouse near marker handles or drags marker handles, the 'resize' cursor appears in place of the normal 'arrow' cursor to show feedback.

Combinted CreateJS library for optimized HTML5 performance

Animate CC now uses the latest Combined CreateJS Library instead of the individual libraries that were used in previous versions. This change reduces the number of server calls from published HTML5 Canvas output and improves performance.

HTML5 spritesheet UI enhancements

The Publish Settings dialog box for HTML5 Canvas has been revamped in this release. The Spritesheet tab now provides separate controls for PNG ang JPEG settings that are enabled or disabled based on the format that you select.

Stroke PI changes

Strokes in the PI has the following changes:

  • Clicking on the Brush icon launches Brush Library.
  • A preview of the selected brush style appears on top.
  • Editing Stroke Style (Pencil icon ) brings up the Art Brush options dialog box for the selected Art Brush.

New buttons for commonly used operations in the properties panel

The following buttons have been added in the Properties panel for easier access:
  • Expand to fill: Converts the selected strokes to fills and merge them together
  • Create Object: Converts the selected shape in merged mode to Drawing object (same as Union operation)
  • Break Apart: Breaks the selected Drawing Object into a raw shape

Support for Wacom drawing in mouse mode

Animate CC now supports Wacom drawing in mouse mode for an improved drawing experience. This release also contains fixes for the Wacom offset issues in the brush and pencil tools.

Drawing and smoothing improvements in zoomed-in state

The Brush tool’s drawing experience has been improved in High Zoomed state as well. Earlier, improvements were working only in Normal (100%) mode.

Note: Brush tool’s drawing experience improvements have been applied only to smoothening setting of 40 to 60 Percent.

Support for Flash Player 20 and AIR SDK 20 

This release of Animate CC supports Flash Player 20 and AIR SDK 20.  Animate CC now supports the following icon sizes for AIR for iOS publishing:

  • 60 x 60
  • 75 x 75
  • 87 x 87
  • 167 x 167
  • 180 x 180

New 'an' and 'animate' top level js objects

In this release, new an and animate top level objects replace the fl and flash objects. These objects also come with code hinting and code coloring support.  

Rebranded CPSDK with new interfaces and macros

In the new Animate CC Custom Platform Support SDK, few interfaces and macros have been deprecated (not removed) and a host of additional new interfaces and macros have been added. All these interfaces and macros are backward compatible.  

System Requirements

See the system requirements for Adobe Animate CC 2015.1 | February 2016 at System Requirements | Animate CC.

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  Twitter™ and Facebook posts are not covered under the terms of Creative Commons.

Legal Notices   |   Online Privacy Policy