GIMP är en anmärkningsvärd kraftfull mjukvara med tanke på att den är ledig. Webbdesigners, i synnerhet, kan vara tacksamma för sin förmåga att producera enkla animerade GIF-filer.Animerade GIF-filer är enkla animeringar som du ser på många webbsidor och medan de är mycket mindre sofistikerade än Flash-animeringar, är de väldigt enkla att producera av någon med en grundläggande förståelse för GIMP.Följande steg visar en enkel animering med webbbannerstorlek med ett par grundläggande grafik, lite text och en logotyp. I det här exemplet kommer vi att använda GIMP för att skapa en väldigt grundläggande animerad GIF-webbbanner. Vi har valt den förinställda mallen för Webbanner vanligt 468x60. För din animering kan du välja en förinställd storlek eller ange anpassade dimensioner beroende på hur du använder din slutliga animering.Vår animation kommer att bestå av sju bilder och varje ram representeras av ett enskilt lager, vilket innebär att vår sista GIMP-fil kommer att ha sju lager, inklusive bakgrunden. Vi vill att vår animering ska börja med ett tomt utrymme så att vi inte gör några ändringar av själva Bakgrund skikt som redan är vanligt vitt.Vi behöver dock göra en ändring av namnet på lagret i Skikten palett. Vi högerklickar på Bakgrund lagret i paletten och välj Redigera lagegenskaper. I Redigera lagegenskaper dialog som öppnas lägger vi till (250 ms) till slutet av lagets namn. Detta ställer in hur lång tid som denna ram kommer att visas i animationen. Ms står för millisekunder och varje millisekund är en tusenedel av en sekund. Den här första bilden visas en kvart i sekundet. Vi vill använda en fotavtrycksfilm för denna ram så vi går till Arkiv> Öppna som lager och välj vår grafikfil. Detta placerar fotavtrycket på ett nytt lager som vi kan placera efter behov med hjälp av Flytta verktyget. Precis som med bakgrundsskiktet måste vi byta namn på skiktet för att tilldela visningstiden för ramen. I det här fallet har vi valt 750ms.Notera: i Skikten paletten visas det nya lagret för att visa en svart bakgrund runt grafiken, men i verkligheten är detta område öppet. De nästa tre bilderna är fler fotspår som kommer att gå över bannern. Dessa sätts in på samma sätt som ram två, med samma grafik och en annan grafik för den andra foten. Som tidigare är tiden inställd som 750ms för varje ram.Vart och ett av fotavtryckslagen behöver en vit bakgrund så att endast en ram är synlig - för närvarande har var och en en genomskinlig bakgrund. Vi kan göra detta genom att skapa ett nytt lager direkt under ett fotavtryckslag, fylla det nya lagret med vitt och högerklicka på fotavtryckslaget och klicka på Slå samman. Denna ram är bara en tom ram fylld med vit som kommer att ge utseendet på det slutliga fotavtrycket försvinner innan den sista ramen visas. Vi har namngett detta lagerintervall och har valt att ha den här skärmen för bara 250ms. Du behöver inte namnge lager, men det kan göra lagrade filer enklare att arbeta med. Detta är den sista ramen och visar lite text tillsammans med About.com-logotypen. Det första steget här är att lägga till ett annat lager med en vit bakgrund.Därefter använder vi Textverktyg att lägga till texten Detta tillämpas på ett nytt lager, men vi kommer att ta itu med det när vi har lagt till logotypen, vilket vi kan göra på samma sätt som vi tidigare lagt till fotspårningsgrafik. När vi har arrangerade dessa efter önskemål kan vi använda dem Slå samman att kombinera logotyperna och textlagren och sedan slå samman det kombinerade lagret med det vita lagret som tidigare lagts till. Detta ger ett enda lager som bildar slutramen och vi valde att visa detta för 4000ms. Innan du sparar den animerade GIF har GIMP möjlighet att förhandsgranska det i åtgärd genom att gå till Filter> Animering> Uppspelning. Detta öppnar en förhandsgranskningsdialog med självförklarande knappar för att spela animationen.Om något inte ser rätt ut, kan det ändras vid denna tidpunkt. Annars kan det sparas som en animerad GIF. Notera: Animationssekvensen är inställd i den ordning som lagren staplas i Skikten palett, från bakgrunden eller lägsta lagret och arbeta uppåt. Om din animering spelar ur följd måste du justera ordningen för dina lager genom att klicka på ett lager för att välja och använda upp- och nedpilen i den nedre fältet på Skikten paletten för att ändra positionen. Att spara en animerad GIF är en ganska enkel övning. Först, gå till Arkiv> Spara en kopia och ge din fil ett relevant namn och välj var du vill spara filen. Innan du trycker på Spara, VäljVälj filtyp (efter förlängning) längst ned till vänster och, från listan som öppnas, välj GIF-bild. I Exportera fil dialog som öppnas väljer du Spara som animering alternativknappen och klicka på Exportera knapp. Om du får en varning om lager som sträcker sig bortom de faktiska gränserna för bilden, markerar du Beskära knapp.Detta leder nu till Spara som GIF dialog med en sektion av Animerade GIF-alternativ. Du kan lämna dessa till sina standardvärden, men om du bara vill att animationen ska spela en gång, bör du avmarkera Loop för alltid. Stegen som visas här kommer att ge dig de grundläggande verktygen för att producera dina egna enkla animeringar, med olika grafik och dokumentstorlekar. Medan slutresultatet är ganska grundläggande när det gäller animering är det en väldigt enkel process som alla med grundläggande kunskaper om GIMP kan uppnå. Animerade GIF har förmodligen gått överens, men med lite tanke och noggrann planering kan de fortfarande användas för att producera effektiva animerade element mycket snabbt. Öppna ett nytt dokument
Ställ in ram en
Ställ in ram två
Ställ in ramar tre, fyra och fem
Ställ in ram sex
Ställ in ram sju
Förhandsgranska animationen
Spara den animerade GIF-filen
Slutsats
Produktion av en animerad GIF med GIMP
How to Make Animated GIF in GIMP - Most Easy Way! (April 2024)
:
Webbservrar och arbetsflöde från test till produktion
När du arbetar med en stor webbplats kommer du att stöta på olika arbetsflöden för att komma från en webbdesignpapper prototyp till de faktiska sidorna lever på internet.
Skapa en animerad GIF i fyrverkerier
Denna steg-för-steg-handledning förklarar tydligt hur du kan använda fyrverkerier för att skapa en animerad GIF av en kalkon med svansfjädrar som ändrar färg.
Skapa en grundläggande 8-rams animerad promenadcykel
Den här stavfigurens gångcykel visar de grundläggande idéerna och diskuterar centrala begrepp för att skapa siffror i rörelse.
