• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

How do I achieve a scroll animation

Community Beginner ,
Apr 23, 2020 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

TOPICS
FAQ , How to

Views

448

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
community guidelines

correct answers 1 Correct answer

Mentor , Apr 24, 2020 Apr 24, 2020

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

Votes

Translate

Translate
Mentor ,
Apr 23, 2020 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

Votes

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
community guidelines
Community Beginner ,
Apr 24, 2020 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?

Votes

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
community guidelines
Mentor ,
Apr 24, 2020 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

Votes

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
community guidelines
Community Expert ,
Apr 24, 2020 Apr 24, 2020

Copy link to clipboard

Copied

LATEST

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]

Votes

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
community guidelines