Join Joseph Labrecque for an in-depth discussion in this video Building interactive states, part of Adobe Animate for UX Design.
- [Instructor] Graphic symbols are great … for being able to define various design states. … But what if you want a UI component … that will switch states automatically … based on user interaction. … This is an instance where button symbols … can be used to great effect in our projects. … I'll now select one of these instances. … And what we need to do is actually break this apart. … To do that, we can hit Control or Command + B. … And right away, you can see that it's broken into part, … and we have both the submit text … and the background buttons skin, … and they're both selected. … You can also break out of this part … by choosing Modify, Break Apart. … All right, now with both of these still selected, … and if you did deselect them for some reason, … you can always draw a new selection rectangle … around both to reselect them. … And from then we can go ahead and convert to symbol … by clicking the convert to symbol button … within our object properties. … We're going to name this …
- 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.