Two related aspects of any Animate project are the stage (the visible area of the project when published) and the pasteboard (the hidden area outside the bounds of the defined project stage).
- [Instructor] Two related aspects of any animate project are the stage, which is the visible area of the project when published, and the pasteboard. The hidden area outside the bounds of the defined project stage. You can see the stage here. We've selected that light tan color to represent it and the pasteboard is the area around it, which is a dark gray in our case here. Now the main differences are that anything that overlaps the stage will be seen by the user and anything that's not on the stage, but rather on the pasteboard, will be hidden.
To demonstrate this, let's go ahead and draw something. I'm going to choose the oval tool from the Tools panel and notice that the Properties panel changes. I can make selections like, Turn On Object Drawing Mode, and change the color selections. So, maybe I'll use the color picker here to define some of my colors; an orange fill and I'll give it a stroke that's a bit darker, more red.
We can also increase the stroke size and, as you can see, there are a number of other options specific to this one tool. However, this is going to be good enough to demonstrate the differences between stage and pasteboard. What I'm going to do is just draw something that overlaps both. So as you see here, we have this circle overlapping our stage and also overlapping the pasteboard. By default, there's a nice border that only shows up in Authoring mode, but gives us an idea of where the stage ends and where the pasteboard begins.
There are two different ways to preview this. One way is to go to Control. Test, as we've already seen, and as you can see here, we don't see anything that lies on the pasteboard only what's overlapping the stage. If we don't want to test, we can also choose this little option right here, to clip content outside the stage. When I turn this on, we see exactly how things will look when we publish or test. This can be very useful when designing complex scenes. However, most of the time you'll probably want to keep that off.
As we can see in this demonstration, assets can exist on the stage or on the pasteboard, but will only be visible to the user once exposed by the stage itself.
- Setting up your project and workspace
- Using the stage and the pasteboard
- Importing images, Illustrator files, and Photoshop files
- Working with text
- Editing images
- Managing your timeline layers
- Creating symbols
- Animating with tweens
- Animating the camera
- Adding interactions
- Publishing Animate projects