GIMP is een opmerkelijk krachtig stuk software omdat het gratis is. Vooral webontwerpers kunnen dankbaar zijn voor het feit dat ze eenvoudige geanimeerde GIF's kunnen produceren.Geanimeerde GIF's zijn eenvoudige animaties die je op veel webpagina's zult zien en, hoewel ze veel minder geavanceerd zijn dan Flash-animaties, ze zijn heel eenvoudig te produceren door iedereen met een basiskennis van GIMP.In de volgende stappen wordt een eenvoudige webbanner met animatie weergegeven met een aantal basisafbeeldingen, een tekst en een logo. In dit voorbeeld gaan we GIMP gebruiken om een erg eenvoudige geanimeerde GIF-webbanner te maken. We hebben de standaardsjabloon van geselecteerd Webbanner vaak 468x60. Voor uw animatie kunt u een vooraf ingesteld formaat selecteren of aangepaste dimensies instellen, afhankelijk van hoe u uw uiteindelijke animatie gebruikt.Onze animatie bestaat uit zeven frames en elk frame wordt vertegenwoordigd door een afzonderlijke laag, wat betekent dat ons uiteindelijke GIMP-bestand zeven lagen heeft, inclusief de achtergrond. We willen dat onze animatie begint met een lege ruimte, dus we brengen geen wijzigingen aan in de feitelijke Achtergrond laag die al gewoon wit is.We moeten echter een wijziging aanbrengen in de naam van de laag in de Lagen palet. We klikken met de rechtermuisknop op de Achtergrond laag in het palet en selecteer Laagkenmerken bewerken. In de Laagkenmerken bewerken dialoogvenster dat wordt geopend, voegen we toe (250 ms) tot het einde van de naam van de laag. Hiermee bepaalt u hoe lang dit frame in de animatie wordt weergegeven. De ms staat voor milliseconden en elke milliseconde is een duizendste van een seconde. Dit eerste frame wordt gedurende een kwart seconde weergegeven. We willen een footprint-afbeelding gebruiken voor dit frame, dus we gaan naar Bestand> Openen als lagen en selecteer ons grafisch bestand. Dit plaatst de footprint op een nieuwe laag die we kunnen positioneren zoals vereist met behulp van de Verplaats gereedschap. Net als bij de achtergrondlaag moeten we de laag hernoemen om de weergavetijd voor het frame toe te wijzen. In dit geval hebben we 750ms gekozen.Notitie: in de Lagen palet, het nieuwe laagvoorbeeld lijkt een zwarte achtergrond rond de afbeelding te tonen, maar in werkelijkheid is dit gebied transparant. De volgende drie frames zijn meer voetafdrukken die over de banner lopen. Deze worden op dezelfde manier ingevoegd als frame twee, met dezelfde afbeeldingen en een andere afbeelding voor de andere voet. Net als hiervoor is de tijd ingesteld op 750ms voor elk frame.Elk van de footprint-lagen heeft een witte achtergrond nodig, zodat slechts één frame zichtbaar is - momenteel heeft elk een transparante achtergrond. We kunnen dit doen door een nieuwe laag direct onder een footprintlaag te maken, de nieuwe laag met wit te vullen en vervolgens met de rechtermuisknop op de footprintlaag te klikken en te klikken Omlaag samenvoegen. Dit frame is slechts een leeg kader gevuld met wit dat de indruk wekt dat de laatste footprint verdwijnt voordat het laatste frame verschijnt. We hebben dit laaginterval genoemd en hebben ervoor gekozen dit scherm slechts 250 ms te hebben. U hoeft geen lagen te benoemen, maar het kan gelaagde bestanden eenvoudiger maken om mee te werken. Dit is het laatste frame en geeft wat tekst weer, samen met het logo About.com. De eerste stap hier is om nog een laag met een witte achtergrond toe te voegen.Vervolgens gebruiken we de Text Tool om de tekst toe te voegen. Dit wordt toegepast op een nieuwe laag, maar daar zullen we mee omgaan zodra we het logo hebben toegevoegd, wat we op dezelfde manier kunnen doen als we de footprint-afbeeldingen eerder hebben toegevoegd. Wanneer we deze naar wens hebben geregeld, kunnen we gebruiken Omlaag samenvoegen om de logo- en tekstlagen te combineren en vervolgens die gecombineerde laag samen te voegen met de witte laag die eerder is toegevoegd. Dit produceert een enkele laag die het laatste frame vormt en we kozen ervoor dit voor 4000ms weer te geven. Voordat GIMP de geanimeerde GIF opslaat, heeft GIMP de optie om deze in actie voor te beluisteren door naar Filters> Animatie> Afspelen. Hiermee wordt een voorbeeldvenster geopend met zelfverklarende knoppen om de animatie af te spelen.Als iets niet goed lijkt, kan het op dit punt worden gewijzigd. Anders kan het worden opgeslagen als een geanimeerde GIF. Notitie: De animatiereeks wordt ingesteld in de volgorde waarin de lagen zijn gestapeld in de Lagen palet, beginnend vanaf de achtergrond of de onderste laag en naar boven toe werkend. Als uw animatie niet in de juiste volgorde wordt weergegeven, moet u de volgorde van uw lagen aanpassen door op een laag te klikken om de pijlen omhoog en omlaag in de balk onderaan de pagina te selecteren en te gebruiken. Lagen palet om zijn positie te veranderen. Het opslaan van een geanimeerde GIF is een vrij eenvoudige oefening. Ga eerst naar Bestand> Een kopie opslaan en geef uw bestand een relevante naam en selecteer waar u uw bestand wilt opslaan. Voordat u op drukt Opslaan, selecteerSelecteer bestandstype (per extensie) naar linksonder en selecteer in de lijst die wordt geopend GIF-afbeelding. In de Bestand exporteren dialoogvenster dat wordt geopend, selecteert u de Sla op als animatie keuzerondje en klik op de Exporteren knop. Als u een waarschuwing krijgt over lagen die verder gaan dan de daadwerkelijke randen van de afbeelding, selecteert u de Gewas knop.Dit zal nu leiden naar de Sla op als GIF dialoog met een sectie van Geanimeerde GIF-opties. Je kunt deze op hun standaardwaarden laten staan. Als je echter wilt dat de animatie maar één keer wordt afgespeeld, moet je het vinkje verwijderen Loop voor altijd. De stappen die hier worden weergegeven, bieden u de basisfuncties om uw eigen eenvoudige animaties te produceren, met behulp van verschillende afbeeldingen en documentformaten. Hoewel het eindresultaat vrij eenvoudig is in termen van animatie, is het een zeer eenvoudig proces dat iedereen met een basiskennis van GIMP kan bereiken. Geanimeerde GIF's zijn waarschijnlijk nu bijna voorbij, maar met een beetje nadenken en een zorgvuldige planning kunnen ze nog steeds worden gebruikt om zeer snel effectieve geanimeerde elementen te produceren. Open een nieuw document
Stel frame één in
Stel frame twee in
Stel de kaders drie, vier en vijf in
Zet frame zes
Stel frame zeven in
Bekijk een voorvertoning van de animatie
Sla de geanimeerde GIF op
Conclusie
Een geanimeerde GIF maken met GIMP
3D Text Effect in Adobe Photoshop CC Tutorial without Extended Version (April 2024)
:
Maak een geanimeerde GIF in Fireworks
Deze stapsgewijze zelfstudie legt duidelijk uit hoe u Fireworks kunt gebruiken om een geanimeerde GIF van een kalkoen te maken met staartveren die van kleur veranderen.
Een eenvoudige 8-frames geanimeerde loopcyclus maken
Deze wandelcyclus met stokfiguren demonstreert de basisideeën en bespreekt de belangrijkste concepten voor het creëren van bewegende figuren.
Mobile GIF-gids: maak geanimeerde GIF's op uw telefoon
Met deze tools voor mobiele GIF-makers kun je geanimeerde GIF's maken op je mobiele telefoon die je kunt delen met je vrienden.
