In this video, learn about building component variations within the symbol timeline.
- [Instructor] One of the benefits … to using symbols in our UX design is that symbols contain … their own internal timeline and layer structure. … This allows us to create variant looks … within the same object, which can be set per instance … when used in our Animate document. … We'll now set this up within the "Submit" button. … So, to enter into your graphic symbol timeline, … you can either double-click … on the symbol inside the library, … or you can double-click on the symbol instance on the stage. … If we enter it from the stage, … you can see the instance in place, … so it's oftentimes better to do it this way. … Now, the first thing we'll notice … is that we have a single layer … inside of this graphic timeline, a "Layer_1." … We're going to place the text and the background … on separate layers. … So, we could do that manually, … but there's actually a much easier way to do it. … If we use the selection tool with everything selected, … we can right-click on that selection …
- Setting up a UX project in Animate
- Drawing simple shapes
- Adding text
- Creating symbols
- Building interactive states
- Defining screens in the timeline
- Linking between screens
- Animating interactions
- Publishing and exporting your project
Skill Level Intermediate
Prototyping Microinteractions with Adobe Animatewith Joseph Labrecque1h 50m Intermediate
1. Project Setup
2. Working with Shapes and Text
3. Building Reusable Assets
4. Using the Timeline to Define Screens
5. Prototyping Experiences
- 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.