Highlighted

How do I achieve a scroll animation

New Here ,
Apr 23, 2020

Copy link to clipboard

Copied

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

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

Topics

FAQ, How to

Views

155

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

How do I achieve a scroll animation

New Here ,
Apr 23, 2020

Copy link to clipboard

Copied

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

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

Topics

FAQ, How to

Views

156

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Guide ,
Apr 23, 2020

Copy link to clipboard

Copied

Somehow the forum is buggy again - we cannot open the image. Please insert it directly into your post.

 

*Martin

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
New Here ,
Apr 24, 2020

Copy link to clipboard

Copied

Oh, ok. I've thought the problem is only on my end, I uploaded it on imgur. Should I repost or it will have enough reachability like this too?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Guide ,
Apr 24, 2020

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Community Professional ,
Apr 24, 2020

Copy link to clipboard

Copied

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]

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...