Produser en animert GIF med GIMP

Innholdsfortegnelse:

Produser en animert GIF med GIMP
Produser en animert GIF med GIMP
Anonim

GIMP er en bemerkelsesverdig kraftig programvare med tanke på at den er gratis. Nettdesignere, spesielt, kan være takknemlige for deres evne til å produsere enkle animerte GIF-er.

Animerte GIF-er er enkle animasjoner som du vil se på mange nettsider, og selv om de er mye mindre sofistikerte enn Flash-animasjoner, er de veldig enkle å produsere av alle med grunnleggende forståelse av GIMP.

Hvordan lage en animert-g.webp" />

De følgende trinnene viser en enkel animasjon i nettbannerstørrelse med et par grunnleggende grafikk, litt tekst og en logo.

Instruksjonene i denne artikkelen gjelder for GIMP versjon 2.10.12.

  1. Åpne et nytt dokument. I dette eksemplet har vi valgt den forhåndsinnstilte malen Webbanner stor mobil 320x100.

    For animasjonen din kan du velge en forhåndsinnstilt størrelse eller angi egendefinerte dimensjoner avhengig av hvordan du skal bruke den endelige animasjonen.

    For denne opplæringen vil animasjonen bestå av syv rammer, og hver ramme vil bli representert av et individuelt lag, noe som betyr at den endelige GIMP-filen vil ha syv lag, inkludert bakgrunnen.

  2. Sett Frame One. Animasjonen starter med en tom plass, så ingen endringer i det faktiske Background laget er nødvendig, siden det allerede er vanlig hvitt.

    En endring av navnet på laget i Layers paletten er imidlertid nødvendig. Høyreklikk på Background laget i paletten og velg Edit Layer Attributes.

    Image
    Image
  3. I dialogboksen Rediger lagattributter som åpnes, legg til (250ms) på slutten av lagets navn. Dette angir hvor lang tid denne rammen skal vises i animasjonen. ms står for millisekunder og hvert millisekund er en tusendels sekund. Denne første rammen vises i et kvart sekund.

    Image
    Image
  4. Sett ramme to. For opplæringen brukes en fotavtrykksgrafikk for denne rammen. Gå til Fil > Åpne som lag og velg grafikkfilen. Dette plasserer fotavtrykket på et nytt lag som kan plasseres etter behov ved hjelp av Move Tool.

    Image
    Image
  5. Som med bakgrunnslaget, må dette nye laget gis nytt navn for å tilordne visningstiden for rammen. I dette tilfellet, 750 ms.

    I Layers-paletten ser den nye lagforhåndsvisningen ut til å vise en svart bakgrunn rundt grafikken, men i virkeligheten er dette området gjennomsiktig.

    Image
    Image
  6. Sett rammer tre, fire og fem. De neste tre rammene er flere fotspor som vil gå over banneret. Disse settes inn på samme måte som ramme to, med den samme grafikken og en annen grafikk for den andre foten. Som før er tiden satt til 750ms for hvert bilde.

    Hvert av footprint-lagene trenger en hvit bakgrunn slik at bare én ramme noensinne er synlig – for øyeblikket har hver av dem en gjennomsiktig bakgrunn. Vi kan gjøre dette ved å lage et nytt lag rett under et footprint-lag, fylle det nye laget med hvitt og deretter høyreklikke på footprint-laget og klikke Merge Down

  7. Sett ramme seks. Denne rammen er bare en tom ramme fylt med hvitt som vil gi inntrykk av at det endelige fotavtrykket forsvinner før den endelige rammen vises. Vi har k alt dette laget Interval og har valgt å ha denne skjermen i bare 250 ms.

    Du trenger ikke å navngi lag, men det kan gjøre lagdelte filer enklere å jobbe med.

    Image
    Image
  8. Set Frame Seven. Dette er den siste rammen og viser litt tekst sammen med Lifewire.com-logoen. Det første trinnet her er å legge til et lag med hvit bakgrunn.

    Image
    Image
  9. Neste, bruk Tekstverktøy for å legge til teksten. Dette brukes på et nytt lag, men vi tar tak i det når du har lagt til logoen eller det nye bildet, noe som kan gjøres på samme måte som footprint-grafikken ble lagt til tidligere.

    Image
    Image
  10. Når vi har ordnet disse etter ønske, kan vi bruke Merge Down for å kombinere logo- og tekstlagene og deretter slå sammen det kombinerte laget med det hvite laget som ble lagt til tidligere. Dette produserer et enkelt lag som vil danne den endelige rammen, og vi valgte å vise dette i 4000 ms.

    Image
    Image
  11. Forhåndsvis animasjonen Før du lagrer den animerte GIF-en, har GIMP muligheten til å forhåndsvise den i aksjon ved å gå til Filters >Animasjon > Playback Dette åpner en forhåndsvisningsdialog med selvforklarende knapper for å spille av animasjonen. Hvis noe ikke ser riktig ut, kan det endres på dette punktet. Ellers kan den lagres som en animert GIF.

    Animasjonssekvensen settes i den rekkefølgen lagene er stablet i Layers-paletten, starter fra bakgrunnen eller det nederste laget og arbeider oppover. Hvis animasjonen spilles ut av rekkefølgen, må du justere rekkefølgen på lagene ved å klikke på et lag for å velge og bruke opp- og nedpilene i den nederste linjen på lagpaletten for å endre posisjonen.

    Image
    Image
  12. Lagre den animerte GIF-en. Å lagre en animert-g.webp" />Fil > Lagre en kopi og gi filen et relevant navn og velg hvor du vil lagre filen.

    Image
    Image
  13. Deretter går du til Fil > Eksporter som for å lagre den som en animert GIF.

    Image
    Image
  14. I dialogboksen Eksporter bilde som åpnes, velg Velg filtype og bla til GIF-bilde og velg det, velg deretterEksport . Hvis du får en advarsel om lag som strekker seg utover de faktiske grensene til bildet, velg Crop- knappen.

    Image
    Image
  15. Dette vil nå føre til Lagre som GIF-dialogen med en del av Animerte GIF- alternativer. Du kan la disse stå som standard, men hvis du bare vil at animasjonen skal spilles én gang, bør du fjerne merket for Loop forever.

    Image
    Image
  16. Nå kan du dele din animerte GIF.

Konklusjon

Trinnene som vises her vil gi deg de grunnleggende verktøyene for å lage dine egne enkle animasjoner ved å bruke forskjellige grafikk- og dokumentstørrelser. Selv om sluttresultatet er ganske grunnleggende når det gjelder animasjon, er det en veldig enkel prosess som alle med grunnleggende kunnskap om GIMP kan oppnå.

Anbefalt: