How do I achieve a scroll animation

Question

Hi there! I want to make this looking like scrolling through Instagram Posts, but scrolling through S's here. I've tried to look on the internet for videos that contain similar designs, but I can't find something 100% good.

Is there any resource that I could use? I mean, I feel this is a very easy animation, but I just can't find out how to make it flow properly.

Here's another link for the image: https://imgur.com/a/bQfoe7e

Martin_Ritter · Accepted Answer

Thank you for the link. You can use the effect Motion Tile to make very large (yet not infinit!) scrolling and of course you can create a very long comp with S's in there. *Martin

Rick Gerard · Answer

If you are having problems with judder, motion that seems to change speeds at random, then the timing of the roll (scroll is horizontal movement, roll is vertical) is out of sync with the frame rate and the refresh rate of your display. The solution is to change the speed.

In the US screen refresh rates are usually multiples of 60 Hz so the frame rate should be 30 or 15. To avoid judder you need to move the graphic an even number of pixels per frame. This is easy to do with a simple expression and nearly impossible to do by just setting keyframes. Most of the time you need to slow down the move a bit or speed it up.

If the video is to be viewed at its real size then 4 or 5 pixels per frame is a good place to start. Here's the expression that will make the text layer move up at 5 pixels per frame.

t = time/thisComp.frameDuration;
s = 5; // pixels per frame 
yMove = t * s;
[value[0], value[1] - yMove]

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded