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 staat voor Fictional User Interface. Het gaat om fantasierijke, vaak futuristische schermontwerpen die in films, games en muziekvideo’s worden gebruikt om het verhaal en de visuele beleving te versterken.
Deze cursus is ideaal voor ontwerpers met enige ervaring in grafisch ontwerp of motion graphics die zich willen specialiseren in FUI en geavanceerde schermontwerptechnieken.
Je hebt Adobe Illustrator en Adobe After Effects nodig om FUI-elementen te ontwerpen en animeren. Photoshop en Bridge worden ook aanbevolen voor het maken van moodboards en het beheren van visuele referenties.
Je leert hoe je klantopdrachten analyseert, mindmaps en moodboards maakt, schermgrafieken ontwerpt en animeert, hero UI-elementen bouwt, visuele referenties beheert en FUI integreert in film- of gamecontexten.
Je leert hoe je referenties verzamelt via Pinterest, Bridge en online bronnen, en ze organiseert met trefwoordlabels, kleurcodering en mindmapping voor een efficiënt creatief proces.
Ja, de cursus behandelt experimentele animatiestijlen, glitch-effecten en technieken specifiek voor muziekvideo’s en motion graphics binnen de context van FUI.
Je krijgt begeleiding bij het verzamelen van visuele inspiratie, het organiseren van referenties met digitale tools en het maken van moodboards die de visuele richting van je FUI-projecten bepalen.