From the course: Creating a Mobile App Interface in After Effects

Unlock the full course today

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

Add the scroll animation

Add the scroll animation - After Effects Tutorial

From the course: Creating a Mobile App Interface in After Effects

Start my 1-month free trial

Add the scroll animation

“

- [Voiceover] We're now going to add scrolling animation to the step screen. It also includes swipe interactions, and then bring it into our main sequence. I've set up my projects so that I got a bit more room, I've closed down some panels that I didn't need, and I've got the steps composition open already. So the first thing I want to do, is precompose a lot of these layers, so it's easier to work with. So, I'm going to maximize this layer panel, and then select all of these layers here, and precompose them; I'll call it "Steps Data". Now we have our chart, "Steps Data", and some other elements. Just scroll through, see what we got. What we want to do, is scroll this element so the "Steps Data"--if we just scroll up we want to mask it out so that it's hidden. So what we'll do is just undo that, make it new, solid, make it Comp Size, and we already have a matte layer so I'll just call it "Mask". Now then, let's hide it, see where we want to add "Mask", around about here, let's say…

Contents