Join Joseph Labrecque for an in-depth discussion in this video Animating interactions, part of Adobe Animate for UX Design.
- [Instructor] Since this is Adobe Animate we're using, … we simply cannot leave things off … without some sort of animation … as part of the experience we're designing. … There are a vast number of additional courses … in the LinkedIn Learning Library, … that detail how to design motion within Animate. … So we'll perform a simple transition for this project, … and leave it at that. … Above our navigation layer, let's create a new layer … for a transition animation, and it's going to be a simple wipe. … So I'm going to rename this layer to wipe. … There we go. … We'll now draw out a rectangle on the stage. … And for this, I'm going to zoom way out, … because it's going to be a pretty big rectangle. … I want it to be 800 by 1200 or so. … So to do that, click and drag … and then using the selection tool, … I'm going to double click on that shape. … I don't need any stroke, so let's remove the stroke. … And from my fill color, … I'm going to sample from my tags swatch here, initially, … and then make sure it's the right size. …
- 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.