Het maken van AI-animaties is nog nooit zo eenvoudig geweest. Met de juiste tools en technieken kun je je statische afbeeldingen in slechts een paar eenvoudige stappen tot leven brengen. In dit gedeelte zullen we je begeleiden bij het proces van het transformeren van een 2D-pixel art isometrisch tafereel van een tram in Porto, Portugal, in een betoverende, zich herhalende animatie.

Eerst zullen we de initiële afbeelding genereren met behulp van een krachtig AI-model zoals ChatGPT. Vervolgens zullen we het erase and replace-hulpmiddel van Runway ML gebruiken om de achtergrond op te schonen en de tram te isoleren. Daarna gaan we naar Photopea om de individuele assets te extraheren, zodat de animatie naadloos verloopt.

Tot slot brengen we alles samen in Capcut, een gratis video-editor, door keyframes toe te voegen aan de beweging van de tram en de verschillende elementen te stapelen. Het resultaat is een boeiende, zich herhalende animatie die de kracht van door AI aangedreven visuele elementen laat zien.

Of je nu een ervaren animator bent of een beginner, deze stapsgewijze handleiding zal je de vaardigheden geven om je eigen prachtige AI-animaties te creëren. Ontdek je creativiteit en laat je afbeeldingen tot leven komen!

Om een boeiende AI-animatie te maken, is de eerste stap het genereren van een hoogwaardige AI-afbeelding. In dit geval is het doel om een 2D-pixel art isometrisch tafereel van een tram in Porto, Portugal, te creëren.

Met behulp van een krachtig AI-beeldgeneratietool zoals ChatGPT kun je het model prompt om de gewenste afbeelding te genereren. De sleutel is het geven van een gedetailleerde en specifieke prompt die het gewenste tafereel vastlegt, inclusief het perspectief, de stijl en de locatie.

Nadat je de initiële afbeelding hebt, moet je deze mogelijk via meerdere iteraties verfijnen om de gewenste look en compositie te bereiken. Dit kan inhouden dat je de prompt aanpast, experimenten met verschillende AI-modellen of kleine bewerkingen aanbrengt in de gegenereerde afbeelding.

Het eindresultaat moet een visueel opvallende en goed samengestelde AI-afbeelding zijn die als basis dient voor de komende animatiestappen.

Om een verzorgde look voor de AI-animatie te creëren, zullen we het Runway ML-platform gebruiken om elementen in de gegenereerde afbeelding te wissen en te vervangen. Zo pak je het aan:

1. Ga naar Runway ML (runwayml.com) en meld je aan.
2. Scroll naar beneden om het "Erase and Replace"-hulpmiddel te vinden en sleep je gegenereerde afbeelding daarin.
3. Gebruik het penseel om zorgvuldig de mensen uit het tafereel te verwijderen, zodat alleen de straat en de tram overblijven.
4. Experimenteer met de verschillende straatopties die het hulpmiddel biedt om de optie te vinden die het best bij het tafereel past.
5. Concentreer je vervolgens op de tram. Gebruik het penseel om de tram, inclusief de schaduw, zorgvuldig om te lijnen en te selecteren.
6. Prompt het hulpmiddel om een "pixel isometrische straat en tramspoor" te genereren en bekijk de resultaten. Kies de optie die er het schoonst en meest verzorgd uitziet.
7. Maak indien nodig kleine aanpassingen aan de tram- en straatelementen om de afbeelding verder te verfijnen.
8. Zodra je tevreden bent, accepteer je het eindresultaat en ga je door naar de volgende stap.

Door het Runway ML-platform te gebruiken om elementen te wissen en te vervangen, kun je een schone, naadloze achtergrond creëren voor je AI-animatie.

Om een naadloze animatie te maken, moeten we de verschillende elementen van het tafereel scheiden in individuele assets. We zullen een tool als Photopea.com gebruiken om het gebouw, de tram en de lantaarnpaal als aparte lagen te extraheren.

Eerst zullen we de polygonale lasso-tool gebruiken om zorgvuldig de omtrek van het gebouw te selecteren, waarbij we ervoor zorgen dat we de zwarte randen meenemen. Vervolgens kopiëren we de selectie naar een nieuwe laag met Ctrl/Cmd + J.

Vervolgens herhalen we dit proces voor de tram, waarbij we de hele tram selecteren en naar een nieuwe laag kopiëren.

Tot slot doen we hetzelfde voor de lantaarnpaal, zodat we alle noodzakelijke elementen als individuele assets hebben.

Het is belangrijk om elk asset als een transparante PNG-bestand te exporteren, omdat dit ons in staat zal stellen ze effectief te stapelen in de animatiesoftware.

Met deze schone, gescheiden assets kunnen we nu overgaan naar de laatste stap van het animeren van het tafereel.

Om je creatie te animeren, zullen we de gratis video-editor Capcut.com gebruiken. Volg deze stappen:

1. Klik op "Nieuwe video" en vervolgens op "Upload" om alle assets die je eerder hebt geëxporteerd toe te voegen, inclusief de achtergrond zonder de tram.
2. Sleep de achtergrondlaag naar de eerste laag.
3. Voeg de tramlaag toe op een nieuwe laag boven de achtergrond.
4. Voeg de huis- en lantaarnpaallagen toe op afzonderlijke lagen boven de tram.
5. Selecteer de tramlaag en klik op "Basis" in de rechterbovenhoek.
6. Sleep de afspeelkop naar het begin en positioneer de tram helemaal rechts, buiten beeld.
7. Klik op "Keyframe toevoegen" voor de positie.
8. Sleep de afspeelkop naar het einde en positioneer de tram helemaal links, buiten beeld.
9. De tram zal nu soepel door het tafereel animeren.

Je kunt de animatie verder verfijnen door de keyframes en timing aan te passen. Met deze stappen kun je nu je door AI gegenereerde afbeelding tot leven brengen met een eenvoudige en effectieve animatie.