Tutorial 49: Scrolling List

Joe Clay | Dec 16, 2016

Hi guys, here's a quick tutorial to show you how to set up an iOS-style scrolling list, where the text closest to the middle of the composition is the largest and other lines of text get smaller toward the top and bottom edges. It's easier to watch than to explain so check it out!

Here's the code for the expression:

y = thisLayer.toComp([0,0,0]);
y = Math.abs(y[1]-540);
s = ease(y,0,540,100,10);
[s, s];

Become a Patron

If you'd like to help support Workbench, check out our Patreon page. For $5 a month, you get access to all of the tutorial project files we've made available as well as other monthly projects, rigs, R&D, elements, early product previews, and BTS content not available anywhere else!

Check out our Patreon Today

Workbench tools are used by designers at hundreds of amazing companies