FUI design and animation — Learning resources
Because learning resources about FUI are very dispersed, I have compiled in a list what I consider to be the best content. If you have any question or want to add in this list a great content, don’t hesitate to notify me.
Presentations
NAB
2013 — John Lepore : Defeating Suicide-Mission Deadlines
2015 — Robyn Haddow : Breakdown of FUI Shots for the Flash and Arrow
2015 — Nik Hill : UI Design and Animation for Avengers
2016 — Nik Hill : Screen Graphics, 3D Design & Animation Work
2016 — Andrew Kramer : Holograms, After Effects & Star Wars
2017 — John Lepore : 5 “Wrong” Ways To Use Cinema 4D
2017 — Russ Gautier: Blockbuster FUI techniques in Cinema 4D
2017 — Robyn Haddow : Cinema 4D FUI in a Flash
2018 — Robyn Haddow : Make it MoGraphable: Creative Concepts for Production
2019 — Casey Hupke : Generative art style
2019 — Robyn Haddow : Creative Applications & Production Techniques
2019 — Marti Romances : Creating Quick 3D Abstract Scenes
2019 — Bryan Colema : Broadcast and Commercial design work
IBC
2015 — Peter Eszenyi : Using Cinema 4D in Feature Films
2017 — Peter Eszenyi : World Building with Futuristic Technology
2017 — Peter Eszenyi : Narrative Design: Concept Work & VFX for Ghost in the Shell
2018 — Nick Lyons : Re-imagining the Milano: Space Avionics
2018 — Nick Lyons : Creating Abstract Designs for Avengers: Infinity War
2019 — Peter Eszenyi : Combining VFX, Design and Storytelling
SIGGRAPH
2010 — John LePore — C4D in Motion Graphics, Iron Man 2
2012 — Ash Thorp : Conception to delivery of blockbuster animations
2014 — Lorcan O’Shanahan, Day 02 : Enders Game Interface Design and Mograph Magic
2015 — Cantina Creative — Cinema 4D VFX for Avengers
2016 — Nik Hill : MoGraph Tricks and Tips to Supplement Your Workflow
2016 — Nik Hill : Designing and Modeling 3D Assets in C4D
2017 — Nick Lyons : Futuristic Technology in Ghost in the Shell: Brief to Deliverable
2018 — Marti Romances : Simple MoGraph Techniques for FUI Design
2018 — Robyn Haddow : Using MoGraph to Create Ant Man’s Tech
2018 — Russ Gautier : Cinematic Techniques in Cinema 4D
2019 — Russ Gautier : Blockbuster visual effects
2019 — Marti Romances : Create stunning visuals for Avengers Infinity War and Endgame
Other presentations
2014 — Andrew Kramer : Designing Futuristic Titles for FOX’s “Almost Human”
2017 — Blender Conference : The Secret of Making High Quality Art in Blender and Everywhere
2018 — Super Meet : Peter Eszenyi : C4D in Blockbusters
2018 — Nicer Tuesdays : Andrew Popplestone, Blade Runner 2049
Courses
Learn Squared : Ui and Data Design for Film
Rohan Dalvi : Houdini, User inerfaces and motion graphics
Plurasight : After Effects : Creating a Sci-Fi UI with Trapcode Form
Motion Design School : After Effects — Ui Animation Fundamentals
3D Motion Tour : “Senses” Breakdown: Introduction
Rebelway : Sci-Fi Visualisations in Houdini
Rohan Dalvi : Little big UI training
Tutorials
Cinema 4D : Sean Dove — AR glitch effect
Cinema 4D : Create a Futuristic User Interface
Cinema 4D and After Effects : Hexagon floor animation
After Effects : Create a Military Drone Effect
Cinema 4D : Creating a Planetary Grid Sphere
Black Panther technical and conceptual development
Grant Warwick : Hard Surface Design Theory
Helloluxx : Field Force Type Reveal
Riot Galmes : So You Wanna Make Games ? | Episode 9: User Interface Design
Mamoworld : Science Fiction User Interface with iExpressions
Cavalry : Getting Started — Creating a FUI
Channels and Sites
Resources
Motion Café — Grégory Villien : UI Design Pack After Effects
Jayse Hansen — FUI Design Newsletter
Books
How to design user interfaces for film and games
Make It So : Interaction Design Lessons from Science Fiction
Batman V Superman : Dawn Of Justice: Tech Manual
Articles
Plurasight : Designing a HUD That Works for Your Game
Greyscalegorilla : Creating fui for the Marvel cinematic universe
Greyscalegorilla : Assembling Avengers: Endgame user interfaces
Greyscalegorilla : The Avengers find their way using Cinema 4D and City Kit
FxGuide — Part : Screen graphics and Iron Man’s HUD
FxGuide — Prometheus : Rebuilding hallowed vfx space
Creative Cow : Upping the HUD ante with Adobe After Effects
Rocketstock : Create a Spider-man Inspired HUD in After Effects
School of Motion : 12 Incredible Futuristic UI Reels
Fast Company : 7 Questions For The Guy Who Designed Minority Report’s Futuristic UIs
Nasa : Head-Up Displays and Attention Capture
80LV — Hard Surface Design: Imagining Interior Structure
ArtOfVfx — Total Recall : Ash Thorp, creative director/designer
Sasha Martinsen — Generative FUI technique
Mograph.com — Behind the Screens of Feature Films
Talks
Panel : Design, Graphics, and the Art of Motion
Learn Squared : Ash Thorp sharing his process in developing UI 1
Learn Squared : Ash Thorp sharing his process in developing UI 2
Learn Squared : Ash Thorp sharing his process in developing UI 3
Learn Squared : Adding Texture to your UI Designs
Learn Squared : Ash Thorp sharing his process in developing UI 4
Learn Squared : Ash Thorp sharing his process in developing UI 5
Learn Squared : Ash Thorp sharing his process in developing UI 6
