If you need ActionScript 1.0 or 2.0, you must work with Flash Professional CS6 or lower. Note This latest version of Animate CC supports only ActionScript 3.0. For example, WebGL documents don t support text, and HTML5 Canvas documents don t support the 3D Rotation or Translation tool. Note Not all features are supported across all document types. You should always save your Animate file with the extension.fla (or.xfl if you save it as an Animate Uncompressed Document) to identify it as the Animate source file. Saving your file right away is a good working habit that ensures your work won t be lost if the application or your computer crashes.
Although the software application is called Animate, be aware that the file extension is.fla or.xfl, which both preserve echoes of the name of the ancestor of Animate: Flash. Name the file 01_workingcopy.fla, and from the File Format/Save As Type menu, choose Animate document (*.fla). Animate creates a new HTML5 Canvas document with all the specified settings.
ADOBE ANIMATE CC CLASSROOM IN A BOOK (2018 RELEASE) 3Ä¥ 4 Click OK. You can always edit these document properties, as explained later in this lesson. Leave the Frame Rate and Background Color for the Stage at their default settings. 3 On the right side of the dialog box, you can choose the dimensions of the Stage by entering new pixel values for the Width and Height. AIR for Desktop targets documents for playback as stand-alone programs on Windows or Mac desktop computers.
AIR for Android and AIR for ios are documents configured to play as apps on an Android or Apple mobile device. ActionScript 3.0 is a document type that targets the Flash Player. For example, WebGL is a document type for animation that takes advantage of hardware-accelerated support for graphics.
The other options target different playback technologies. 2 Under the General tab, choose the first option, HTML5 Canvas. 2 LESSON 1 GETTING ACQUAINTEDĤ Creating a new document You ll create the simple animation that you just previewed by starting a new document. The first is just a notification, and the second is irrelevant because you are playing the Timeline straight from beginning to end. Note The Output panel will display a warning saying that the bitmaps were packed into a spritesheet and that EaselJS is starting frame numbers at 0 instead of 1. During the animation, several overlapping photos appear one by one, with stars appearing at the end. The files are saved in the same folder as your Animate document.
In this example, the HTML5 Canvas Document creates an HTML file, a JavaScript file, and a folder of images to display the final animation in a browser. Animate creates the necessary files to play in the target platform. In the Open dialog box, select the 01End.fla file in the Lesson01/01End folder and click Open to see the final project.
On a Mac, double-click Adobe Animate CC in the Adobe Animate CC folder in the Applications folder. In Windows, choose Start > Programs > Adobe Animate CC.
You ll begin learning how to use the Stage to organize your visual elements spatially, and how to use the Timeline to organize your elements temporally. You ll add a background, photos, and some decorative elements, and in the process you ll learn about positioning elements on the Stage and placing them along the Timeline so they appear one at a time, in sequence. In this lesson, you ll create a simple slideshow-type animation to showcase a few vacation snapshots. The first time you start Adobe Animate CC you ll see a Welcome screen with links to standard file templates, tutorials, and other resources. Synchronizing settings with CC enables you to save your application and workspace preferences across multiple computers. Note When launching Adobe Animate CC for the first time, you may be asked to sync settings with Creative Cloud. Tip You can also start Animate by doubleclicking an Animate file (*.fla or *.xfl), such as the 01End.fla file that is provided to show you the completed project. See Getting Started at the beginning of the book. 3 Starting Adobe Animate CC and Opening a File Note If you have not already downloaded the project files for this lesson to your computer from your Account page on, make sure to do so now.