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 Illustrator 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
Skill Level Beginner
Adobe Animate CC: HTML5 Canvas and WebGLwith Joseph Labrecque1h 36m Intermediate
Adobe Animate CC for Web Designerswith Paul Trani1h 21m Beginner
Adobe Animate CC: Data-Driven Animationwith Joseph Labrecque1h 36m Intermediate
Adobe Animate CC: Interactive Animationwith Joseph Labrecque1h 44m Intermediate
New for Animate 20202m 21s
1. Working with Animate CC
2. General Concepts in Animate CC
3. Importing Assets into Animate CC
4. Vector Creation Tools
5. Working with Text
6. Modifying Vectors and Bitmaps
7. Managing Timeline Layers
8. Working with the Library and Creating Symbols
9. Animating Symbol Instances and the Camera
10. Building Interactive Content
11. Finishing Up
- 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.Cancel
Take 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.