Tutorial 169: FUI with Nodebox

Joe Clay | Mar 29, 2019

In this week's After Effects tutorial, we explore Nodebox again! If you're unfamiliar with Nodebox and you missed Tutorial 167, go check it out. Last time we made an FUI-style element with random data. This week, we bring in CSV data.

I used an app on my iPhone called Sound Spectrum Analysis to make noises and capture the audio data. You can send an email with exported data using the app. It puts some extra info at the top, and adds in some extra spacing for some reason. It also separates with semicolons, which Nodebox can use if you want, but I like to keep them commas. So I simplified the CSV's header and used find and replace in a text editor to remove those lines and convert the semicolons to commas. After that, the CSV worked perfectly in Nodebox.

Anyway, Nodebox is great for generating these types of elements. Play around with it and see what you can come up with!

Grab the Project Files

Get the project file through our Gumroad Store. This download contains the Nodebox file for the setup shown in the tutorial as well as additional CSV data that you can import into this setup. There's also final rendered elements included in a setup for the thumbnail and the After Effects project file that I used to build the thumbnail. It uses Deep Glow, but it'll work without it.

If you're buying project files, consider becoming a Patron. At the $5/mo. tier, you get access to project files as they come out and some tutorials also come with additional BTS content showing more of the builds.

Get the project on Gumroad

Become a Patron

If you'd like to help support Workbench, check out our Patreon page. Thank you for even considering clicking this link to support what we're doing. We appreciate it. Patrons get all sorts of benefits, from R&D files, setups, and elements to early product releases.

Check out our Patreon Today