Data-Driven Expressions for After Effects 2019

November 20, 2018

Data-driven expressions are a powerful way to easily make infographics templates from spreadsheets in After Effects and export for use in Premiere Pro! I recently worked with Adobe Stock to create data-driven templates available to download *for free* here!

In a previous post I cover some of the basics for creating a .csv file and how to use it in After Effects 2019. Today I’d like to share expressions for working with data; some of them utilize the new Javascript expressions engine in After Effects 2019. Hopefully these will spark your imagination to see what’s possible with data-driven animations!

Click the button below to download the sample After Effects CC 2019 file and sample .csv file-
DOWNLOAD

*All expressions are applied to the Source Text property on a Text layer*

1. Sum Total of Numbers Data in a Column

This expression gives you the sum total of all numbers entered in a column
View the code on Gist.

2. Display All Column Data with Line Break

View the code on Gist.

3. Display All Column Data with Spaces

View the code on Gist.

4. Color Hex Expression

View the code on Gist.

5. Display Data Based on Row Number

View the code on Gist.

6. Display Last Value in a Column

View the code on Gist.

7. Line Break Control

It’s not possible to format text in the spreadsheet however the expression below will give you control over the number of characters to display before a line break without breaking up words. I modified this wonderful expression below from this blog post- http://www.arturobracero.com/2018/05/05/how-to-import-json-files-in-after-effects-cc-2018-to-display-twitter-data/
View the code on Gist.

8. Display Column Data Based on Time

The expression below is great for showing how data changes over time! I modified this expression from this video tutorial- https://www.youtube.com/watch?v=NnSvnK4qNA8 and added a slider control to easily change the time increments for each data set.
View the code on Gist.

9. Display Largest or Smallest Number in a Column

Display largest number in a column
View the code on Gist.

Display smallest number in a column
View the code on Gist.

10. Display the Number of Times an Item appears in a Column (text string)

For example, if the word ‘cars’ appears 10 times in a spreadsheet column the expression will return the number 10. First, it’s important to create a text layer with the Item (cars) for the expression.
View the code on Gist.

11. Sort Numbers Ascending and Descending in a Column

Sort Descending:
View the code on Gist.

Sort Ascending:
View the code on Gist.

12. Sort Number Data Descending with Corresponding Row Text Data

Ok… this one is weird but stay with me here…
This expression looks at a column of numbers, sorts them from largest to smallest, then maps the index or order in which they appear. The ‘map’ part then points to a different column, in this example ‘Text Data’ and sorts the names based on the index of the first number sort.
display text and number data adobe after effects csv spreadsheet

For example, if you have a spreadsheet with scores and team names this expression will reorder the scores from largest to smallest then reorder and list the corresponding team names as they appear in the spreadsheet- sorted from largest to smallest score.

View the code on Gist.






Also in Blog – FluxVFX

Data-Driven Motion Graphics Templates in After Effects 2019

November 20, 2018

Creating infographic animations is easier than ever with Adobe’s new csv spreadsheet enabled data-driven motion graphics templates feature in After Effects 2019. You can create and update infographics (and really any text-based animation) from a spreadsheet in both After Effects and Premiere Pro 2019. The free data-driven motion graphics templates can be downloaded here and even more are currently in the works!

It was very exciting to get a first look at this feature and learned A TON along the way. Check out this post where I share expressions for working with data that utilizes the new Javascript expressions engine in After Effects 2019. Hopefully these will spark your imagination to see what’s possible with data-driven animations!

 

View full article →

Free FluxVFX Motion Graphics Templates on Adobe Stock

November 21, 2017

free motion graphics templates

Get ready for editable Motion Graphics Templates in Premiere Pro 2018!

Hey there!

I recently had the honor of working with Adobe to create a set of 50 free Motion Graphics Templates (aka mogrts!) for Adobe Stock. We’re very excited about the new file format and hope you are too!

After hearing about the struggles some video producers have using After Effects I knew Mogrts would be a game changer.

 

 

 

View full article →

How to Animate a Text Messaging Scene in After Effects

June 01, 2016

Although this animation seems simple at first (it’s just boxes moving vertically, how hard can that be?!) what’s going on behind the scenes takes a little more effort to give the animation a more realistic look without manually keyframing.

View full article →