Hvordan lage en GIF i Adobe Photoshop

Hvordan lage en GIF i Adobe Photoshop

GIF er overalt. Det engang ydmyke animerte bildet er nå det uoffisielle språket på nettet. GIF -er er den raskeste måten å uttrykke en følelse på Twitter, og du kan kaste bort timer på å se dem på Reddit og Facebook.





Det er mange steder å finne GIF -er, men ingenting er bedre enn å lage din egen. Du kan lage en animert GIF i Photoshop ved å konvertere videoer eller bruke en serie statiske bilder. La oss ta en titt på hvordan du gjør begge deler.



Lag en GIF i Photoshop fra en video

Det er mange måter å konvertere en video til en GIF , og det er også veldig enkelt å lage en GIF i Photoshop ved hjelp av en av dine egne filmer.





Start med å gå til Fil> Importer> Videorammer til lag . Du trenger ikke å opprette en ny fil først. Velg videoen din og klikk Åpen .

I dialogboksen som følger, kan du velge om du vil importere hele videoen eller bare en valgt del. Hvis du velger sistnevnte, drar du trimhåndtakene under forhåndsvisningsvinduet innover for å angi nye start- og sluttpunkter. Alt mellom disse håndtakene blir importert; alt utenfor kastet.



Husk at jo mer video du importerer, desto større blir den resulterende GIF -en din.

Hvis du importerer et stort klipp, velger du Begrens til hver 2. ramme (eller mer) er en enkel måte å redusere størrelsen på uten å påvirke kvaliteten for mye. Ikke kutt for mange rammer, ellers vil du ikke ende opp med en jevn GIF.



Forsikre Lag rammeanimasjon er merket, og klikk deretter OK . Videoen begynner å importere. Det kan ta en stund avhengig av hvor stor den er. Når den er ferdig, har du en ny bildefil, hvor hver ramme i videoen er plassert på sitt eget lag.

Nederst på skjermen er Tidslinje palett. Dette viser alle bildene som vil utgjøre din GIF, som hver ramme tilsvarer et annet lag i bildet.



Du kan legge til eller fjerne rammer eller redigere et av de eksisterende lagene på samme måte som du ville gjort med et normalt lag på et annet bilde. Men for en rett eksport av en video til en GIF, bare trykk på Spille knappen nederst for en forhåndsvisning. Når du er fornøyd, er du klar til å lagre GIF.

Hvordan eksportere en GIF i Photoshop

Gå til Fil> Eksporter> Lagre for web (eldre) . Angi formatet til GIF i boksen som åpnes, Farger til 256, og reduser Bildestørrelse til noe mindre som en måte å holde den totale filstørrelsen nede.

Du kan se hvor stor den resulterende filen blir nederst til venstre i forhåndsvisningsvinduet. Hvis den er for stor, drar du Tapende glidebryteren til høyre. Dette vil påvirke kvaliteten, men også redusere filstørrelsen betydelig.

Slutt til slutt Lagre for å eksportere din animerte GIF.

Lag en GIF i Photoshop ved hjelp av stillbilder

Hvis du ikke har en video å bruke, kan du lage en GIF manuelt fra en serie med statiske bilder. Det er apper som hjelper deg animere bilder på telefonen , og du kan også gjøre det i Photoshop.

Du lager din GIF fra en enkelt bildefil som inneholder flere lag, og lagene brukes til å gi innholdet for hver ramme i animasjonen din. Det er to måter å komme i gang.

Hvis du allerede har laget bildene for animasjonen din, kan du importere dem ved å gå til Fil> Skript> Last filer i stabel .

hvordan lage en collage på Facebook -innlegg

Klikk Bla gjennom , velg alle bildene du trenger, og trykk OK . Hvert bilde blir deretter plassert på sitt eget individuelle lag i den samme filen.

Alternativt, hvis du ikke allerede har tatt bildene, gjør det nå. Husk at hver del av animasjonen skal gå på sitt eget lag.

Rediger en animert GIF i Photoshop

Slik fungerer det:

  • Når du oppretter en ramme manuelt i animasjonen, blir hvert lag i bildet ditt satt til Synlig vil bli inkludert i den rammen.
  • Lag satt til Skjult vil ikke bli inkludert i rammen.

Du lager din animasjon ved å vise eller skjule forskjellige lag i bildet for hver ramme.

Så for den første rammen vil du kanskje sette bakgrunnslaget til Synlig og alle de andre lagene til Skjult . I den andre rammen vil du kanskje gjøre det andre laget synlig, og deretter det tredje laget i det tredje rammen, og så videre. Det blir klart når du kommer i gang.

Gå først til Vindu> Tidslinje . Klikk på i midten av panelet som åpnes Lag rammeanimasjon . Dette skaper den første rammen i animasjonen din. I Lag palett, skjul lagene du ikke vil være en del av denne rammen ved å fjerne merket for Øye ikoner.

Klikk nå på Ny ramme -knappen, som vil duplisere den forrige rammen. Igjen, skjul lagene du ikke vil inkludere i denne nye rammen, og synlig de du gjør.

Gjenta denne prosessen til du har lagt til alle bildene du trenger i GIF -en.

Angi bildefrekvensen og lag en GIF i loop

For å avslutte, sett inn Rammeforsinkelse —Dette er faktisk bildefrekvensen. Klikk deretter på den første rammen Shift-klikk den siste rammen.

Klikk nå på rullegardinpilen under en av rammene og velg en forsinkelse. Ingen forsinkelse betyr at animasjonen vil gå raskt gjennom, mens et bestemt antall sekunder betyr at hver ramme vil forbli på skjermen så lenge.

Til slutt setter du Looping -alternativer , som du finner nederst på tidslinjepanelet. Den angir hvor mange ganger GIF skal spille. I de fleste tilfeller vil du sette det til For alltid .

Slå nå på Spille -knappen nederst på skjermen for å forhåndsvise GIF -en. Du bør nå se den animerte GIF -en din i aksjon.

Du kan redigere rammer bare ved å velge dem og justere hvilke lag som er synlige (du kan også justere opasiteten eller gjøre andre mer avanserte justeringer). Legg til flere lag hvis du trenger dem, eller trykk på Søppelbøtte ikonet for å slette dem.

Når du er fornøyd, kan du gå videre til delen Eksporter en GIF. Eller les videre for å avgrense animasjonen og lage en jevn GIF.

Avanserte animasjoner med tweening

Photoshop støtter en kraftig animasjonsfunksjon som kalles tweening. Dette lar deg lage glatte GIF -animasjoner ved automatisk å generere overgangsrammer mellom to eksisterende rammer.

For eksempel, si at du ønsket at et lag skulle falme inn. Du ville lage en ramme med det laget som satt til Skjult , og en annen med den satt til Synlig . Da ville du 'tween' mellom de to bildene, og Photoshop gjør resten.

I vårt eksempel skal vi tween mellom alle bildene for å gi vår stjernehimmel mer en blinkende effekt.

Velg først den første rammen og klikk på Tween -knappen på verktøylinjen nederst på tidslinjepanelet.

Sett i dialogboksen som åpnes Tween med til Neste ramme , og Rammer som skal legges til til antall overgangsrammer du vil ha. Et høyere tall betyr en jevnere, men langsommere effekt. Klikk OK for å generere de nye bildene.

hvordan du slår på pc eksternt

Gjenta nå prosessen for de andre originale bildene du opprettet. Når du får den siste, vil du kanskje sette den Tween med til Første ramme . Dette bidrar til å skape en jevn overgang tilbake til starten av en looping GIF.

Slå den Spille -knappen for å forhåndsvise effekten.

Eksporter en GIF i Photoshop

Når du er ferdig, bør du først lagre filen i PSD -formatet. Dette lagrer all lag- og animasjonsinformasjon, slik at du kan komme tilbake og redigere den senere hvis du trenger det. Etter det kan du eksportere det som en GIF.

Gå til Fil> Eksporter> Lagre for web (eldre) . I dialogboksen som åpnes, må du kontrollere at formatet er satt til GIF og Farger alternativet er satt til 256 (dette sikrer maksimal kvalitet).

Andre innstillinger du vil endre, inkluderer Bildestørrelse og Looping -alternativer hvis du ikke gjorde det før.

Forhåndsvisningsvinduet viser hvilken størrelse filen vil være når du lagrer den. Du kan også klikke på Forhåndsvisning -knappen for å teste animasjonen i et nettleservindu. Til slutt klikker du Lagre for å lagre og eksportere GIF.

Lag og rediger GIF -er i Photoshop

Det er ganske enkelt å lage en GIF i Photoshop, og det er verdt å gjøre fordi det gir deg full kontroll over resultatet.

Og hvis du ikke har Photoshop, ikke bekymre deg. Det er mange billigere redaktører som også har GIF-funksjoner.

Dele Dele kvitring E -post De 5 beste GIF Maker -appene for smarttelefonen din

Noen ganger er ikke riktig GIF for dine behov tilgjengelig online. Derfor trenger du en av disse GIF -maker -appene.

Les neste Relaterte temaer
  • Kreativ
  • Adobe Photoshop
  • GIF
  • Opplæring i Photoshop
Om forfatteren Andy Betts(221 artikler publisert)

Andy er en tidligere trykkjournalist og tidsskriftredaktør som har skrevet om teknologi i 15 år. På den tiden har han bidratt til utallige publikasjoner og produsert tekstforfatterarbeid for store teknologiselskaper. Han har også gitt ekspertkommentarer til media og vært paneler på bransjearrangementer.

Mer fra Andy Betts

Abonner på vårt nyhetsbrev

Bli med i vårt nyhetsbrev for tekniske tips, anmeldelser, gratis ebøker og eksklusive tilbud!

Klikk her for å abonnere