Join Joseph Labrecque for an in-depth discussion in this video Changes to the application interface, part of Adobe Animate CC New Features.
- [Instructor] Just about every new version of Adobe Animate contains slight changes to the user interface to either improve things or add new functionality. There are some significant changes to take note of in this release. The first has to do with the file menu. If we choose File, you'll see there's now a subcommand called Convert To, and here we can convert to different document types. So since I'm using an ActionScript 3 document type here, I can change this to HTML 5 Canvas, WebGL or additional custom formats that I have installed.
Let's go over to the Properties panel, and these are the properties for our document right now. And we can see that we can target Flash Player 17 in this case, since it is an ActionScript 3.0 document. However, I can target all the way up to Flash Player 26 if I want to. And we also have AIR 26 for Android, desktop or iOS. Flash Player 26 and AIR 26 are the latest versions of Flash Player and AIR integrated into Adobe Animate with this release.
Going over to the Library panel, a lot of people don't realize this, but if you expand the Library panel, there are a number of different columns and you can actually sort by all of these different columns. Previous versions of Animate, when you move between documents, when you close Animate down, the columns would reset. In this version, the columns and what you've done to configure them will actually be remembered from session to session. We'll go ahead and shrink that down again to its normal size and go back to the Properties panel.
Let's go to Window and open up the Components menu. I'm going to simply add a new layer to my project right here. And just pull in a user interface component, maybe a button. And then close that out. So previous versions of Animate, you would see a component properties area of the Properties panel when you have a button selected, as I do right here. However, this has been replaced with a dedicated panel.
If we choose Show Parameters, then we get the Component Parameters panel, which has all of the parameters for this particular component. Note that I'm dealing with an ActionScript 3 document right now, but this will also work in HTML Canvas 5 documents. Let's close this out and remove the layer I just added along with the component. This particular animation, if we scrub through, takes advantage of the camera to do zooms and pans and so forth.
However, sometimes it is necessary to actually reset the camera. If I choose the Camera tool from the Tools panel, then I get my camera properties here, position, zoom, rotate, and since this is an ActionScript 3 document type I also get access to tint and adjust color. Previously, if I wanted to actually reset any of these I would have to do it manually by clicking on them. And then typing in a new default value. However, as you can see here we now have reset buttons for each particular property.
So if I want to reset the position, all I need to do is click that and it's reset to negative one on both x and y. Same thing with zoom, rotation, or any of the other properties that have this little reset icon alongside them. All of these changes serve to make Animate even more friendly to use moving forward.
Author
Updated
10/20/2020Released
6/13/2017- The new modern UI
- Timeline enhancements
- Advanced onion skinning
- Fluid Brush tool and Fresco Brushes
- Enhanced animation tooling
- Frame Picker enhancements
- Custom ease presets for shape tweens
- Resetting the camera position
- Interactivity enhancements
- Global JavaScript declaration
- Including external JavaScript libraries
Skill Level Intermediate
Duration
Views
Q: This course was updated on 10/18/2017. What changed?
A: New videos were added that cover general enhancements to Adobe Animate CC, including changes to the interface, timeline enhancements, the updated Actions Wizard, and using the camera with layer depth.
Q: This course was updated on 10/15/2018. What changed?
A: New videos were added that cover the October 2018 updates to Adobe Animate CC.
Related Courses
-
Learning ActionScript
with Joseph Labrecque2h 14m Beginner -
Adobe Animate CC for Web Designers
with Paul Trani1h 21m Beginner
-
Introduction
-
Welcome44s
-
Using the exercise files1m 8s
-
-
October 2020 Updates
-
Asset management additions4m 29s
-
Rig mapping workflows4m 34s
-
Timeline tools customization1m 32s
-
Quick share improvements1m 39s
-
Layer and symbol management4m 19s
-
-
June 2020 Updates
-
Using the Assets panel3m 6s
-
Creating a hands-on tutorial7m 48s
-
November 2019 Updates
-
Application modernization2m 55s
-
Custom toolbars2m 37s
-
Onion skin advanced settings3m 59s
-
Video export enhancements2m 48s
-
-
April 2019 Updates
-
Using layer blend modes3m 2s
-
User interface improvements2m 30s
-
Additional improvements1m 29s
-
October 2018 Updates
-
WebGL-glTF document types3m 12s
-
Layer parenting5m 4s
-
Auto lip sync3m 56s
-
Use frame effects3m 16s
-
October 2017 Updates
-
Timeline enhancements2m 8s
-
Modifying frame spans4m 24s
-
Easing enhancements2m 58s
-
Actions Wizard3m 48s
-
Animate preferences1m 19s
-
June 2017 Updates
-
Frame Picker enhancements1m 31s
-
Resetting camera position2m 56s
-
HTML5 video poster and mute2m 52s
-
-
November 2016 Updates
-
Animate the camera3m 27s
-
Stage clipping and outlines1m 19s
-
Share documents and symbols1m 49s
-
Google Fonts3m 13s
-
Vector brush creation2m 14s
-
Vector brush manager2m 1s
-
HTML5 UI components2m 23s
-
HTML5 video components2m 32s
-
Code snippets for components6m 29s
-
Export an image3m 6s
-
Export an animated GIF2m 12s
-
Publish a SWF archive2m 11s
-
Conclusion
-
Goodbye45s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Changes to the application interface