Futuristic User Interfaces for Movies and Games

Sunday, Nov 3, 2024

Category: Audiovisual Video Creation

Tags: Digital animation Graphic design Domestika

@ CibernautasORG

In this online course, Ernex explains his process for creating a fictional user interface, from the brief to the last render

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

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.

What is this course’s project?

Develop an original FUI screen design using Illustrator and After Effects.

Who is this online course for?

Anyone interested in the process behind all the futuristic computer interfaces that we see in movies and video games.

Requirements and materials

A basic understanding of After Effects and the concept of working with layers on a timeline is helpful.

To take this course, you need Adobe Photoshop, Illustrator, After Effects, or similar.

Content

• U1

  Introduction

  • About Me

  • Influences

• U2

  The First Steps: Conceptualization

  • The Briefing 1

  • The Briefing 2

  • Building a Mind Map 1

  • Building a Mind Map 2

  • The Mood Board 1

  • The Mood Board 2

• U3

  Style Development

  • 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

• U4

  The Screen Design

  • 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

• U5

  The Animation

  • 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

• FP

  Final project

  • Futuristic User Interfaces for Movies and Games

Passwords to decompress RAR files:
cibernautas.org
cursos.consiguelogratis.com
consiguelogratis.com
consiguelogratis
cursos.cibernautas.org