Animasjon med GIMP. Kompendiet er utarbeidet av Kari Saasen Strand [Skriv inn tekst]

Transkript

1 Animasjon med GIMP Kompendiet er utarbeidet av Kari Saasen Strand 2011 [Skriv inn tekst]

2 Innhold Lage en animasjon hvor filmbildene byttes ut med hverandre... 3 Eksempel 1 viser animasjon av en ball som spretter... 3 Eksempel 2: animasjon av en bil som kjører framover

3 Lage en animasjon hvor filmbildene byttes ut med hverandre Dersom man f.eks. skal animere en ball som spretter over bakgrunnen, må filmbildene byttes ut med hverandre med en ikke gjennomsiktig bakgrunn, for å gi en riktig illusjon av at det er samme ballen som beveger seg bortover. Hvis hvert bilde hadde vært gjennomsiktig (at du opprettet et nytt lag med gjennomsiktig bakgrunn), ville alle bildene av ballen vises under animasjonen. Eksempel 1 viser animasjon av en ball som spretter: Begynn med å opprette et nytt bilde, gå på Fil og velg Ny. For at animasjonen ikke skal bli for stor, holder det å velge et nytt bilde som er for eksempel 300 i høyde x 250 piksler i bredde. Du kan prøve deg litt fram på dette. Velg pikselstørrelse for bildet. La det første laget (Bakgrunn) være hvit. Deretter opprettes et nytt lag (som i eksemplet her får navnet Frame 2 ), som inneholder elementet som skal bevege seg (f. eks. en ball). Velg det hvite arket til venstre i Lagmenyen eller klikk på Lag og velg Nytt lag. Pass på at dette laget får en transparent bakgrunn (standard fylltype for nye lag er gjennomsiktighet). 3

4 Lag to skal være gjennomsiktig. Gi det et annet navn enn nytt lag, for eksempel frame 2 eller Bilde 2 La bakgrunnen være hvit (eller du kan fylle med en annen farge). Hurtigknapp for nytt lag. Tegn en ball i det nye laget ved å opprette en rund markering (bruk Ellipseverktøy), og fyll markeringen med en farge (bruk verktøy for fyll/malingsbøtta). 4

5 Dette nye laget hvor ballen er tegnet inn (Frame 2) kopieres, ved å markere det og klikke på kopier/dupliker lag -knappen i Lagmenyen (To ark over hverandre), eller klikk Lag og Dupliker lag. Gi det kopierte laget (Frame 2 copy) navnet Frame 3. Ved hjelp av Flytte verktøyet flytter du nå ballen i Frame 3 til det neste punktet hvor ballen skal bevege seg i animasjonen. Slik fortsetter du nå å kopiere lagene, og flytter det bevegelige elementet til neste punktet i animasjonen: Markér Frame 3, kopier laget ved hjelp av kopier lag -knappen, og gi det nye laget (Frame 3 copy) navnet Frame 4. Bruk så Flytte verktøyet til å flytte ballen til neste punkt i animasjonen. Animasjonen din frem til nå vil se noe slikt ut: Dersom animasjonen på dette tidspunktet ble lagret som gif, ville animasjonen ikke ha blitt vist riktig, fordi filmbildene byttes ut med hverandre når animasjonen blir vist. Du ville sett alle bildene samtidig, og ikke en ball som spretter fordi lagene er gjennomsiktige. 5

6 For å vise bakgrunnen under ballen hele tiden, må den limes inn i alle lagene med ballen. Kopier bakgrunnen 6 ganger (klikk Kopier lag-knappen) og plassér 5 av kopiene under hvert lag som viser ballen, altså annenhver. En bakgrunnskopi skal være øverst, deretter annenhver. Det øverste laget skal ikke limes sammen med noen av Frame-lagene, men skal bare fungere som en naturlig pause i animasjonen. Lag-menyen din vil se noe slikt ut, med hvit bakgrunnskopi øverst (her vises ikke det øverste laget fordi det er for mange lag, men det skal se slik ut, med en hvit øverst). Høyreklikk på hvert av lagene som viser ballen, og velg Flett sammen nedover ( Merge Down ) fra lagets valg-meny. De gjennomsiktige lagene med ballen vil bli limt sammen med kopiene av bakgrunnen under, slik at den sorte ballen blir liggende over den hvite bakgrunnenom du hadde plassert kopien av bakgrunnen over laget med ballen, ville ballen forsvunnet under bakgrunnen. Når lagene er limt sammen er det 7 filmbilder i animasjonen. PS: Flett sammen nedover/merge down fletter kun sammen det laget du står i og det laget under. Vil du flette sammen alle lag, velger du Flat ut bilde.vil du flette sammen flere enn to lag, men ikke alle, velger du Flett sammen synlige lag. Hak først bort de lagene du ikke vil flette sammen ved å trykke på øyet til venstre i laget, slik at laget blir usynlig. Husk at du kan bruk CTRL+Z for å angre. 6

7 Lag-menyen din vil se slik ut etter at du har flettet sammen bildene. Alle lagene har nå fått navnet Bakgrunn copy #... så for ordens skyld bør de navngis til Frame 2, Frame 3, Frame 4 og Frame 5, osv. igjen, i stigende rekkefølge. Lagre animasjonen din som for eksempel animasjon.gif. Det er viktig at du velger gif som format. I den nye boksen som dukker opp, velger du Lagre som animasjon. Velg Lagre som animasjon Klikk på Eksporter. Det vil da dukke opp et nytt bilde som sier at lagene i bildet går utenfor rammene, velg da Beskjær/Crop. 7

8 I neste vindu velger du hvor mange millisekunder forsinkelse det skal være mellom hvet Frame. Forhåndsvalgte er 100 millisekunder, dette er ganske raskt, så du kan prøve deg fram med for eksempel 500 ms. Er det for store forsinkelser, vil animasjonen se ut som en lysbildefremvisning. Lukk bildevinduet med gif-animasjonen, og åpne den igjen i Gimp. Velg i bildeviduets meny Filter, Animasjon og Playback/Tilbakespilling for å se animasjonen. Om du åpner gif-filen i en nettleser vil den nå se ut som en overbevisende animasjon av en ball som flytter seg over en hvit bakgrunn. Animasjoner hvor filmbildene byttes ut med hverandre kan lett bli store når bakgrunnen blir vist i hvert lag. Du kan gjøre gif-filene betydelig mindre uten å tape særlig bildekvalitet ved å velge Filter, Animasjon, Optimize (for GIF) fra bildevinduets meny. Det er iallefall ingen risiko ved å prøve, for Gimp åpner et nytt bildevindu med en ny optimert bilde fil, som kan lagres med et nytt navn etter optimeringen. Eksempel 2: animasjon av en bil som kjører framover Dette er samme fremgangsmåte som i eksempel 1, men her er det brukt bilder. Jeg velger meg et bakgrunnsbilde, i dette eksempelet har jeg valgt et bilde av biler: 8

9 Endre størrelsen på bildet hvis det er veldig stort, her valgte jeg å endre fra 1200x800 piksler til 500 x334 (velg kun å endre størrelse på vidde, hvis kjettingen er hel, vil høyde endre seg proporsjonalt). Jeg har klipt ut, ved hjelp av Sakseverktøy, en bil fra et annet bilde, kopiert og limt inn i bakgrunnsbilde som nytt lag. Skaler, roter og vend på det nye laget, slik at det passer til bakgrunnen. Gjør som med ballen i eksempel 1, og kopier hvert lag og flytt bilen litt etter litt. Bildet vil da se ut noe som dette. 9

10 I lagmenyen vil det se ut som dette. Her er det ikke gitt nytt navn til hvert lag, noe som lett kan bli litt rotete hvis man har mange lag. Nå skal du kopiere bakgrunnen 6 ganger og plasser hver bakgrunnskopi mellom hvert lag, slik du gjorde med ballen. Husk at en bakgrunnskopi skal være øverst, som en naturlig forsinkelse i bildet. 10

11 Lagmenyen vil se noe slik ut, med annenhver bakgrunn og bil som flytter seg. Velg Flett sammen nedover/ Merge down ved å høyreklikke i det nest øverste laget (laget med bilen som flytter seg). Gjør dette med alle lagene med bilen som flyttes. Husk! Hvis du fletter sammen bakgrunn og bil, vil ikke bilen vises, da dette er et gjennomsiktig lag. Flett sammen bil og bakgrunn, da legger det gjennomsiktige laget seg over bakgrunnen. Viktig!! Med lagene flettet sammen, vil det se noe slikt ut. Lagre animasjonen din med passende navn og i gif fil. Bruk samme fremgangsmåte som med ballen for å bestemme forsinkelser mellom hvert bilde. Lukk bildet i Gimp og åpne det igjen, spill av! Du har også mulighet til å bruke forskjellige bilder som en animasjon. Lim da inn bildene som lag. 11