Futuristic User Interfaces for Movies and Games

Learn to design, render, and animate a detailed fictional universe for films or video games using Illustrator and After Effects.

• Introduction
• The First Steps: Conceptualization
• Style Development
• The Screen Design
• The Animation
• Final project

FUIs are fictional user interfaces, which can encompass fantasy or futuristic aesthetics, and are typically created for video games or films. Whether it's creating an immersive world for a sci-fi film, or designing the universe for a video game, Ernex has created FUIs for productions like Star Wars, Avengers, Call of Duty, and Valorant.

In this online course, Ernex explains his process for creating a fictional user interface, from the brief to the last render. Take a deep dive into the ideation, design, and animation of your very own FUI, and build your portfolio along the way.

• About Me
• Influences
• The Briefing 1
• The Briefing 2
• Building a Mind Map 1
• Building a Mind Map 2
• The Mood Board 1
• The Mood Board 2
• The Style Proposal - Basic Index + PinDown - Image Selection
• The Style Proposal 2
• The Style Proposal 3
• Sketches and Storyboard 1
• Sketches and Storyboard 2
• Style Frames 1
• Style Frames 2
• Style Frames 3
• Style Frames 4
• Style Frames 5
• Style Frames 6
• Style Frames 7
• Style Frames 8
• Common UI Elements 1
• Common UI Elements 2
• Common UI Elements 3
• Common UI Elements 4
• Widgets 1
• Widgets 2
• Widgets 3
• Widgets 4
• Widgets 5
• The Hero Element 1
• The Hero Element 2
• Project Setup 1
• Project Setup 2
• Project Setup 3
• Project Setup 4
• Project Setup 5
• Project Setup 6
• The Internal Animation: Common Elements and Widgets 1
• The Internal Animation: Common Elements and Widgets 2
• The Internal Animation: Common Elements and Widgets 3
• The Internal Animation: Common Elements and Widgets 4
• The Internal Animation: Common Elements and Widgets 5
• The Internal Animation: Common Elements and Widgets 6
• The Internal Animation: Common Elements and Widgets 7
• The Internal Animation: Trackers and Windows 1
• The Internal Animation: Trackers and Windows 2
• The Internal Animation: Trackers and Windows 3
• The Internal Animation: Trackers and Windows 4
• The Internal Animation: Trackers and Windows 5
• The Internal Animation: Trackers and Windows 6
• The Internal Animation: Trackers and Windows 7
• The External Animation: The Main Elements 1
• The External Animation: The Main Elements 2
• The External Animation: The Main Elements 3
• The External Animation: The Main Elements 4
• The External Animation: The Main Elements 5
• The External Animation: The Main Elements 6
• The External Animation: The Main Elements 7
• The External Animation: Secondary Elements and Details 1
• The External Animation: Secondary Elements and Details 2
• The External Animation: Secondary Elements and Details 3
• The External Animation: Secondary Elements and Details 4
• The External Animation: Secondary Elements and Details 5
• Rendering 1
• Rendering 2
• Rendering 3
• Futuristic User Interfaces for Movies and Games