Creating a new HTML5 Canvas document in Adobe Animate is a straightforward process that sets up your project specifically for modern web delivery.
To get started, you will follow these steps:
Steps to Create a New HTML5 Canvas Document
According to the standard procedure, here are the actions you need to take:
- Select File > New: This action opens the New Document dialog box, which is the central point for setting up any new project type in Animate.
- Navigate to the Advanced Tab: Within the New Document dialog, look for the tabs at the top. Click on the Advanced tab. This tab provides options for specific output types like HTML5 Canvas, ActionScript 3.0, etc.
- Select HTML5 Canvas: In the Advanced tab, you will see several document types listed. Click on the HTML5 Canvas option.
- This selection ensures that your project is configured with the necessary settings for publishing to HTML5, allowing you to create web-based animations and interactive content using the Canvas element.
- Selecting this option automatically opens a new FLA file (.fla is Animate's native file format) that is pre-configured for HTML5 output via its Publish Settings.
Here is a quick overview of the steps:
| Step | Action | Location |
|---|---|---|
| 1 | Open New Document Dialog | File menu > New |
| 2 | Access Specific Options | New Document dialog: Advanced tab |
| 3 | Choose Document Type | Advanced tab: HTML5 Canvas |
By following these simple steps, you efficiently create a new document optimized for HTML5 Canvas projects, ready for you to start designing and animating. This approach is recommended for web-focused content within Animate.
