From the course: Prototyping Microinteractions with After Effects

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Refining the slide-in drawer

Refining the slide-in drawer

From the course: Prototyping Microinteractions with After Effects

Start my 1-month free trial

Refining the slide-in drawer

“

- In this exercise we're going to create that slide-in drawer using content to prototype the two microinteractions of the drawer sliding in and then dismissing the drawer. You're also about to discover an issue that wasn't evident when the microinteractions were blocked out. Let's get started. And to get yourself started open the drawer file found in your chapter download. So we got all the assets here, but what we need to do is select the drawer layer and we got to get it off the comp. So we're going to select the drawer layer press the p key and we're just going to slide it over to the left. There we go. Now we're going to to do is we're going to come up to frame 15 and we're going to add a position keyframe. And we're going to come up to frame 35 and slide the drawer in. We got the drawer sliding. Now what we have to do is initiate the slide. Now we got a cursor layer and you can see there's the cursor tapping. So what we're going to do is we're just going to move this over. Okay…

Contents