Che gebruikersinterfaces voor films en games
Een cursus van ErnexMotion designer
Een cursus van Ernex, Motion designer
Leer hoe je met Illustrator en After Effects een gedetailleerd fictief universum kunt ontwerpen, animeren en renderen voor films of videogames
FUI's zijn fictieve gebruikersinterfaces, die fantasie of futuristische esthetiek kunnen omvatten, en worden meestal gemaakt voor videogames of films. Of het nu gaat om het creëren van een meeslepende wereld voor een sciencefictionfilm of het ontwerpen van het universum voor een videogame, Ernex heeft FUI's gemaakt voor producties als Star Wars, Avengers, Call of Duty en Valorant.
In deze online cursus legt Ernex zijn proces uit voor het maken van een fictieve gebruikersinterface, van de korte tot de laatste weergave. Duik diep in de ideevorming, het ontwerp en de animatie van uw eigen FUI en bouw gaandeweg uw portfolio op.
Wat leer je tijdens deze online cursus?
67 lessen & 33 aanvullende bronnen
Het moodboard 1
8 minuten, 44 seconden
Het stijlvoorstel - Basic Index + PinDown - Beeldselectie
17 minuten, 1 seconde
Stijlkaders 1
16 minuten, 48 seconden
Gemeenschappelijke UI-elementen 1
17 minuten, 3 seconden
Widgets 1
13 minuten, 46 seconden
Het heldenelement 1
11 minuten, 16 seconden
Projectopstelling 1
18 minuten, 58 seconden
De interne animatie: gemeenschappelijke elementen en widgets 1
13 minuten, 59 seconden
De interne animatie: trackers en Windows 1
16 minuten, 27 seconden
De externe animatie: de belangrijkste elementen 1
18 minuten, 37 seconden
De externe animatie: secundaire elementen en details 1
18 minuten, 48 seconden
Rendering 1
9 minuten, 2 seconden
Wat is inbegrepen in deze cursus?
Maak eerst kennis met Ernex. Hij deelt zijn creatieve reis, zijn invloeden en zijn inspiratiebronnen met je. Leer hoe u de verzoeken van de klant aanpakt en selecteer de belangrijkste concepten. Vervolgens stel je een mindmap en een moodboard samen als referentie voor je schermontwerp.
Bekijk hoe u uw stijlvoorstel kunt definiëren, rekening houdend met elk aspect, van het storyboard tot de animatie en stijlframes.
Zodra je schets klaar is, laat Ernex je zien hoe je de achtergronden, tekst, knoppen en widgets kunt detailleren. Ontdek hoe je je heldenelementen kunt toevoegen, zoals een originele kaart en een tracker.
Breng het vervolgens allemaal samen in After Effects. Ernex leidt je door het proces van het maken van eenvoudige interne animaties met verschillende elementen en widgets, en later complexere met trackers en vensters. Leer vervolgens hoe u externe animaties kunt maken om elk element te laten bewegen en met elkaar te laten communiceren in de context van de scène.
Missie volbracht! Eindelijk is het tijd om je meesterwerk te renderen en te exporteren.
Aanbevolen software en tools voor deze cursus
Wat is het cursusproject?
Ontwikkel een origineel FUI-schermontwerp met behulp van Illustrator en After Effects.
Projecten van studenten van de cursus
Voor wie is deze online cursus bedoeld?
Iedereen die geïnteresseerd is in het proces achter alle futuristische computerinterfaces die we in films en videogames zien.
Vereisten en materialen
Een basiskennis van After Effects en het concept van het werken met lagen op een tijdlijn is nuttig.
Voor het volgen van deze cursus heeft u Adobe Photoshop, Illustrator, After Effects of vergelijkbaar nodig.
Beoordelingen
- 8 maanden geleden
Es un curso ya para quien tiene nociones basicas, facil de replicar bien explicado
- 10 maanden geleden
very entertaining course
- 1 jaar geleden
Ottimo
- 1 jaar geleden
El curso me encantó demasiado, lo único que podría sugerir es que el audio este disponible en diferentes idiomas, por ejemplo el español, ya que se me haría más fácil seguir el curso de está manera.
De ahí el curso es fantástico y bastante claro al momento de explicar.
- 2 jaar geleden
Amazing! Best of the best course! So good work! Thank you
Zijn carrière omspant meer dan twee decennia, waarin hij aan allerlei projecten voor nationale en internationale klanten heeft gewerkt. Hij heeft met verschillende gerenommeerde studio's aan veel projecten samengewerkt, van speelfilms als Kingsman, Spectre en Star Wars tot videogames als Call of Duty, NBA2K en Need For Speed.
Inhoud
- U1
Introductie
- Over mij
- Invloeden
- U2
De eerste stappen: conceptualisering
- De voorlichting 1
- De voorlichting 2
- Een mindmap maken 1
- Een mindmap maken 2
- Het moodboard 1
- Het moodboard 2
- U3
Stijlontwikkeling
- Het stijlvoorstel - Basic Index + PinDown - Beeldselectie
- Het stijlvoorstel 2
- Het stijlvoorstel 3
- Schetsen en Storyboard 1
- Schetsen en Storyboard 2
- Stijlkaders 1
- Stijlkaders 2
- Stijlkaders 3
- Stijlkaders 4
- Stijlkaders 5
- Stijlkaders 6
- Stijlkaders 7
- Stijlkaders 8
- U4
Het schermontwerp
- Gemeenschappelijke UI-elementen 1
- Gemeenschappelijke UI-elementen 2
- Gemeenschappelijke UI-elementen 3
- Gemeenschappelijke UI-elementen 4
- Widgets 1
- Widgets 2
- Widgets 3
- Widgets 4
- Widgets 5
- Het heldenelement 1
- Het heldenelement 2
- U5
De animatie
- Projectopstelling 1
- Projectinrichting 2
- Projectinrichting 3
- Projectinrichting 4
- Projectinrichting 5
- Projectinstellingen 6
- De interne animatie: gemeenschappelijke elementen en widgets 1
- De interne animatie: gemeenschappelijke elementen en widgets 2
- De interne animatie: gemeenschappelijke elementen en widgets 3
- De interne animatie: gemeenschappelijke elementen en widgets 4
- De interne animatie: gemeenschappelijke elementen en widgets 5
- De interne animatie: gemeenschappelijke elementen en widgets 6
- De interne animatie: gemeenschappelijke elementen en widgets 7
- De interne animatie: trackers en Windows 1
- De interne animatie: trackers en Windows 2
- De interne animatie: trackers en Windows 3
- De interne animatie: trackers en Windows 4
- De interne animatie: trackers en Windows 5
- De interne animatie: trackers en Windows 6
- De interne animatie: trackers en Windows 7
- De externe animatie: de belangrijkste elementen 1
- De externe animatie: de belangrijkste elementen 2
- De externe animatie: de belangrijkste elementen 3
- De externe animatie: de belangrijkste elementen 4
- De externe animatie: de belangrijkste elementen 5
- De externe animatie: de belangrijkste elementen 6
- De externe animatie: de belangrijkste elementen 7
- De externe animatie: secundaire elementen en details 1
- De externe animatie: secundaire elementen en details 2
- De externe animatie: secundaire elementen en details 3
- De externe animatie: secundaire elementen en details 4
- De externe animatie: secundaire elementen en details 5
- Rendering 1
- Renderen 2
- Renderen 3
- EP
Eindproject
- Futuristische gebruikersinterfaces voor films en games
Wat kan je verwachten van een cursus van Domestika
Leer in je eigen tempo
Geniet van thuis leren, zonder lesroosters en in je eigen tempo. Jij beslist wanneer je verder gaat met het volgende onderdeel.
Leer met de beste professionals
Leer de meest bruikbare methoden en technieken van de beste professionals in de creatieve industrie.
Ontmoet deskundige docenten
Iedere docent brengt kennis met passie over, biedt duidelijke uitleg en een professioneel perspectief bij elke les.
Certificaten
PLUSAls Plus-lid krijg je voor elke cursus een persoonlijk certificaat, ondertekend door je docent. Deel het in je portfolio, op social media of waar je maar wilt.
Zorg dat je op de voorste rij zit
Dankzij de hoge kwaliteit van de video's mis je geen enkel detail. Dankzij de onbeperkte toegang kun je de lessen zo vaak bekijken als nodig is om je vaardigheden te perfectioneren.
Deel kennis en ideeën
Stel vragen, krijg feedback en bied oplossingen aan. Deel je leerervaringen met andere studenten in de community die net als jij een passie hebben voor creativiteit.
Maak contact met een wereldwijde creatieve community
Deze community heeft miljoenen gebruikers van over de hele wereld, nieuwsgierig en enthousiast om hun creativiteit te verkennen en te uiten.
Geef cursussen op een professionele manier
Domestika selecteert zorgvuldig haar docenten en produceert iedere cursus in eigen huis om een uitstekende online leerervaring te garanderen.
Veelgestelde vragen
FUI stands for Fictional User Interface. It refers to imaginative, often futuristic screen designs used in films, games, and music videos to enhance storytelling and visual appeal.
This course is ideal for intermediate designers who already have some experience with graphic design or motion graphics and want to specialize in FUI and advanced screen design techniques.
You’ll need Adobe Illustrator and Adobe After Effects for designing and animating FUI elements. Photoshop and Bridge are also recommended for creating mood boards and managing visual references.
You’ll learn to analyze client briefs, create mind maps and mood boards, design and animate screen graphics, build hero UI elements, manage visual references, and integrate FUI into cinematic or game contexts.
You’ll learn methods to gather references from Pinterest, Bridge, and online sources, then organize them with keyword tagging, color labeling, and mind mapping for efficient creative workflows.
Yes, the course explores experimental animation styles, glitch effects, and techniques specifically for music videos and motion graphics within the context of FUI.
You’ll be guided on collecting visual inspiration, organizing references using digital tools, and building mood boards that define the visual direction for your FUI projects.