Tools95

BEWERKEN / EEN PRAKTISCHE AFBEELDINGSGIDS

Hoe maak je een GIF van afbeeldingen

Geef een set foto's een eigen ritme.

Om een GIF van afbeeldingen te maken, open je GIF Maker, kies je Afbeeldingen en upload je je foto's. Rangschik de frames, kies hoe lang elk frame zichtbaar blijft, voeg eventuele overgangen toe en selecteer Maak GIF. Deze gids bouwt een echte loop met vier afbeeldingen en legt de bedieningselementen uit die een foto-animatie doelgericht maken.

Volg de handleiding
VIER ECHTE BRONAFBEELDINGEN EN HET GEDOWNLOADE RESULTAAT
Voor De vier volledige orbitale voorbeeldafbeeldingen vóór animatie, samen weergegeven in hun oorspronkelijke volgorde.

Vier originele 640 × 640 WebP afbeeldingen, gerangschikt als een contactvel voor deze vergelijking.

Na Werkelijk eerste frame van de gedownloade orbitale GIF, inclusief het witte "Made to loop"-bijschrift onderaan toegevoegd.

Eerste frame van animation.gif: 640 × 640 px; de volledige 20-frame lus duurt 3.4 seconden.

Vóór is een contactvel van de vier volledige bronafbeeldingen. Ná is het echte eerste uitvoerframe, geen gesimuleerde animatie. Beide worden kleiner getoond om te lezen; de GIF combineert deze bronnen met zachte overgangen en een bijschrift alleen op het eerste frame.
Advertenties
Advertenties

Bouw het voorbeeld eerst met vier afbeeldingen en pas daarna de volgorde, frameduur en het canvas aan op je eigen fotoreeks. Open GIF maker.

01

Kies afbeeldingen en rangschik de framevolgorde

Open GIF Maker en selecteer Afbeeldingen. Upload je foto's of kies Probeer een voorbeeld. Veelvoorkomende invoerformaten zijn JPG, PNG, WebP en GIF; het uploadformulier vermeldt de aanvullende ondersteunde formaten. Een batch kan maximaal 50 bestanden bevatten, met een limiet van 25 MB per afbeelding en algemene verwerkingslimieten.

Dit voorbeeld gebruikt Probeer een voorbeeld om gif-orbit-01.webp tot en met gif-orbit-04.webp te laden. Elk origineel is 640 × 640 pixels, en de vier foto's tonen verschillende posities in dezelfde orbitale scène. Behoud hun oorspronkelijke volgorde voor het gewenste resultaat.

De framekaarten staan boven het voorbeeld. Sleep een kaart om de positie te wijzigen, of selecteer deze en gebruik Eerder verplaatsen of Later verplaatsen in het instellingenpaneel. Gebruikers van het toetsenbord kunnen kaarten selecteren met de pijltjestoetsen en de volgorde wijzigen met Alt plus een pijltjestoets. Afspelen boven het voorbeeld controleert de huidige reeks.

Dupliceren voegt een kopie toe van het geselecteerde frame. Verwijderen wist een frame uit de reeks, waarbij er ten minste één behouden blijft. Ongedaan maken en Opnieuw uitvoeren herstellen recente bewerkingen; het toevoegen of verwijderen van een bronbestand start een nieuwe bestandsset en reset de bewerkingsgeschiedenis. Gebruik Afbeeldingen toevoegen wanneer de reeks meer foto's nodig heeft.

Gebruik gerelateerde foto's met een duidelijke voortgang. Een eenvoudige reeks is makkelijker te volgen dan veel ongerelateerde foto's die snel veranderen.

02

Stel de duur van elk frame in en kies een overgang

Selecteer een frame en stel de Duur in seconden in. Het ondersteunde bereik is 0.02 tot 10 seconden per bronframe. Pas deze duur toe op alle frames geeft elk frame de geselecteerde timing. Laat voor een diavoorstelling met een titel of een gedetailleerde laatste foto dat frame langer zichtbaar dan de rest.

Houd voor het voorbeeld elke Duur op 0.65 seconden. Probeer een voorbeeld stelt deze waarde al in; voer bij eigen afbeeldingen 0.65 in voor één frame en selecteer Pas deze duur toe op alle frames. Kies Zachte vervaging onder Overgang en stel de Overgangstijd in op 0.20 seconden, of 200 milliseconden.

Open Tekst & exportkwaliteit en houd Overgangsstappen op 4. Elke vervaging voegt vier tussenliggende frames toe. Met vier originele frames, vier herhalende vervagingen, Vooruit afspelen en Oneindig herhalen, bevat dit voorbeeld 20 gerenderde frames. De vier 0.65-seconden pauzes plus vier 0.20-seconden vervagingen maken een cyclus van 3.4 seconden.

Scherpe snede schakelt direct tussen afbeeldingen zonder overgangsframes toe te voegen. Schuif naar links verplaatst de volgende afbeelding over het canvas. Meer overgangsstappen kunnen een overgang vloeiender maken, maar ze verbruiken meer van het exportbudget van 200 frames. De editor meldt wanneer de gekozen reeks en effecten die limiet overschrijden.

Vooruit speelt de reeks in volgorde af, Achteruit speelt deze in omgekeerde volgorde af, en Stuiteren keert terug door de reeks zonder beide eindframes te herhalen. Lus kiest eindeloze herhaling of een vast aantal keer afspelen. Houd voor het uitgewerkte voorbeeld Vooruit en Oneindig herhalen aan.

Duur is de pauze vóór een overgang; de Overgangstijd wordt hierbij opgeteld. Vier foto's van 0.65 seconden vormen geen lus van 2.6 seconden wanneer vervagingen ook zijn ingeschakeld.

Het voorbeeld in deze handleiding

Vier voorbeeldafbeeldingen in hun oorspronkelijke volgorde; 0.65 s per frame; Vooruit; Herhaal oneindig; Zachte overgang; 0.20 s overgangstijd; 4 overgangsstappen; Vierkant 640 × 640 px; Toon de hele afbeelding; gecentreerd op 100% zoom; bijschrift eerste frame "Made to loop."; Onder; 32 px; wit; 256 kleuren; Vloeiende kleurverlopen en Optimaliseer bestandsgrootte ingeschakeld.

Bronafbeeldingen
4 WebPs · elk 640 × 640 px
Frametiming
0.65 s vasthouden + 0.20 s overgang
Gedownloade GIF
640 × 640 px · 20 frames
Animatiecyclus
3.4 seconden · herhaalt oneindig
03

Kies het canvas, kader afbeeldingen opnieuw en voeg bijschriften toe

Kies onder Canvas & achtergrond Vierkant · 1:1 voor het voorbeeld en houd Breedte en Hoogte op 640 px. Andere voorinstellingen zijn Portret, Story, Landschap en Breedbeeld. Pas aan eerste afbeelding start vanuit de vorm van de eerste afbeelding, terwijl Aangepast formaat afmetingen accepteert van 16 tot 1600 px per zijde, afhankelijk van de totale verwerkingslimiet van de animatie.

Afbeelding passend maken biedt Toon de hele afbeelding en Vul het canvas. Toon de hele afbeelding op 100% zoom behoudt alle randen van de bron en kan achtergrond overlaten rond een anders gevormde foto. Vul het canvas bedekt het uitvoergebied en kan de randen bijsnijden. Stel Achtergrond in op de gewenste vulling of schakel Transparante achtergrond in wanneer de bestemming dit vereist.

Selecteer een frame om de kadrering onafhankelijk te wijzigen. Sleep het voorbeeld of wijzig Zoom, gebruik Links of Rechts voor rotaties van 90 graden, of Spiegelen om het te spiegelen. Frame resetten brengt dat frame terug naar gecentreerde, niet-geroteerde kadrering op 100% zoom. Het voorbeeld houdt alle vier de originele vierkante foto's gecentreerd en gebruikt Toon de hele afbeelding.

Selecteer het eerste frame en voer Made to loop. in bij Bijschrift. Laat de andere drie bijschriften leeg. Houd onder Tekst & exportkwaliteit de Bijschriftpositie op Onder, Bijschriftgrootte op 32 px en Bijschriftkleur op wit. Bijschriften horen bij individuele frames; door een ander frame te selecteren kun je een andere regel schrijven. Het eerste bijschrift van het voorbeeld vervaagt met zijn frame.

Houd GIF kleuren op 256 · meer detail, met Vloeiende kleurverlopen en Optimaliseer bestandsgrootte ingeschakeld voor het uitgewerkte resultaat. Lagere kleuraantallen kunnen een lichter bestand maken, maar kunnen subtiele tinten veranderen. Vloeiende kleurverlopen gebruikt dithering, wat kleurbanden kan verzachten terwijl een zichtbaar fijn patroon wordt toegevoegd.

Controleer elk frame na het wijzigen van de canvasvorm. Een compositie die bij de ene foto past, kan het onderwerp in een andere bijsnijden. Het vergroten van de uitvoerafmetingen kan details die ontbreken in een kleine bron niet herstellen.

04

Maak de GIF en bekijk de gedownloade animatie

Speel het voorbeeld af en bekijk een volledige cyclus, inclusief de terugkeer van het laatste frame naar het eerste. Controleer of bijschriften lang genoeg zichtbaar blijven, de uitsnede consistent is en geen enkel frame gehaast aanvoelt. Selecteer GIF maken wanneer de reeks klaar is; de server rendert de uiteindelijke animatie van de geüploade originelen.

Het uitgewerkte voorbeeld downloadt animation.gif op 640 × 640 pixels. De werkelijke uitvoer heeft 20 frames, een cyclus van 3.4 seconden en eindeloze herhaling. De vergelijking hierboven toont de vier originele afbeeldingen als een contactvel en het werkelijke eerste frame van die gedownloade GIF, inclusief het toegevoegde Made to loop. bijschrift.

De artikelafbeeldingen zijn nog steeds voorbeelden, geen animatiespeler. Open de gedownloade GIF in een app die animatie ondersteunt om de timing en de lus te controleren. Een voorbeeld dat er vloeiend uitziet, kan na GIF paletconversie nog kleurveranderingen krijgen, dus inspecteer het opgeslagen resultaat voordat je het deelt.

Probeer voor een kleiner resultaat minder bronframes, kortere overgangen, minder overgangsstappen, een kleiner canvas of een lagere waarde voor GIF kleuren. Het alleen verkorten van de pauzetijd verwijdert geen afbeeldingsframes, dus het kan het tempo veranderen zonder de bestandsgrootte veel te verminderen.

Download voordat je ververst of vertrekt. Het verversen van de editor of downloadpagina keert terug naar de hoofdpagina van de tool. Bewaar je originele afbeeldingen omdat de geëxporteerde GIF een platte animatie is, geen projectbestand met de bewerkbare broninstellingen.

Een statische afbeeldingsviewer toont mogelijk alleen het eerste GIF frame. Test het bestand in een browser of een andere animatie-compatibele viewer voordat je concludeert dat de animatie ontbreekt.

NUTTIGE DETAILS

Veelgestelde vragen

Kan ik een GIF maken van JPG en PNG afbeeldingen samen?

Ja. De modus Afbeeldingen kan ondersteunde afbeeldingsformaten combineren in één reeks. Elke invoer wordt één of meer tijdlijnframes. Kies een gedeeld canvasformaat en controleer de pasvorm van elke afbeelding.

Kan elke afbeelding voor een andere tijd op het scherm blijven?

Ja. Selecteer een frame en wijzig de Duur. "Pas deze duur toe op alle frames" is optioneel; laat dit ongebruikt wanneer de afbeeldingen verschillende tijden nodig hebben om vastgehouden te worden.

Waarom heeft de GIF meer frames dan het aantal foto's?

Zachte overgang en Schuif naar links voegen overgangsframes in, en Stuiteren voegt een terugkeerreeks toe. Een geüpload geanimeerd bestand kan ook meerdere frames bevatten. De limiet van 200 frames geldt voor de gerenderde animatie, niet alleen voor het aantal geüploade foto's.

Kan ik op elke afbeelding een ander bijschrift plaatsen?

Ja. Bijschrift is van toepassing op het geselecteerde frame. Selecteer elk frame om de tekst in te voeren. Positie, grootte en kleur van het bijschrift zijn gedeelde stijlinstellingen voor de animatie.

Kan de GIF een transparante achtergrond hebben?

Ja. Schakel Transparante achtergrond in onder Canvas & achtergrond. GIF ondersteunt volledig transparante pixels in plaats van PNG-stijl vloeiende gedeeltelijke transparantie, dus zachte randen kunnen veranderen. Controleer het gedownloade resultaat tegen de beoogde achtergrond.

Waarom ontbreken sommige randen van een foto?

Canvas vullen en extra Zoomen kunnen bronranden bijsnijden. Om een volledige afbeelding te behouden, kiest u "Toon de hele afbeelding", stelt u Zoom in op 100% en gebruikt u gecentreerde kadrering. Een andere canvasvorm kan zichtbare achtergrond eromheen achterlaten.

Maakt het sneller afspelen van de GIF het bestand kleiner?

Niet noodzakelijkerwijs. Een kortere vasthoudtijd verandert de timing, maar behoudt dezelfde frames. Het verminderen van afmetingen, het aantal gerenderde frames of het aantal kleuren heeft meestal een directer effect op de bestandsgrootte.

Worden alle afbeeldingen in mijn browser verwerkt?

Nee. De browser toont de interactieve compositie, maar framevoorbeelden en de uiteindelijke GIF-codering gebruiken serververwerking. Het uiteindelijke bestand wordt gerenderd op basis van de geüploade originelen en de geselecteerde instellingen.

JOUW BEURT

Verander uw foto's in een lus met een duidelijk ritme

Probeer een voorbeeld of gebruik je eigen bestand en bekijk het resultaat voordat je het deelt.

Open GIF maker

Afbeeldingsdetails

Taal38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Kies je taal. Videotutorials gebruiken momenteel Engelse gesproken tekst.