Slik animerer din egen egendefinerte GIF med Photoshop

Å lage animasjoner fra grunnen av i Photoshop kan virke skremmende, men faktisk er de veldig enkle. Brann opp Photoshop og ta noen av filene dine. Det er på tide å irritere buksene av vennene dine med mange animerte GIF-er!

Vi har snakket om noen enkle måter å slå video og Youtube rippe inn i animerte GIF, men i dag skal vi vise deg hvordan du lager en enkel animasjon uten å bruke noen videofiler. Fortsett å lese - dette er mye moro.

Opprette animasjoner med Photoshops animasjonsverktøy

For en enkel animasjon lager vi en del av bildet på et eget lag som vi kan flytte rundt. Vi vil bare animere bevegelsen av øynene, men du kan lage noen form for animasjon på denne måten, inkludert faktiske håndlaget animasjonsceller eller bevegelige fotografier.

Uansett hva du vil animere, start med minst to lag. I vårt eksempel bruker vi HTG-logoen, og vi beveger øynene til et andre lag som vi kan bruke til å animere bevegelsen.

For å komme i gang, dra opp animasjonspanelet. Finn det ved å gå til Vindu> Animasjon.

Panelet dukker opp nederst i vinduet og er ganske enkelt å bruke. Hver ny "ramme" av animasjonen er liksom som et øyeblikksbilde av filen. Klikk på i animasjonspanelet når du vil opprette et nytt øyeblikksbilde ut av den nåværende tilstanden til filen. Men ikke enda!

Dette panelet lar deg også sette en "forsinkelse" for hver enkelt ramme, noe som betyr hvor lenge (i hele eller brøkdeler av et sekund) det vises på skjermen før du går videre til neste ramme. 25 bilder per sekund (0,04) er en standard rate for animasjon, men kanskje litt rask for animerte GIFs. For vårt eksempel kompromitterte vi med en forsinkelse på 0,05, som du også kan bruke. Hvis du vil bruke et annet antall bilder per sekund, deler du bare 1 med antall rammer for å få riktig forsinkelsestid. (For eksempel er 1 sekund delt med 25 rammer tilsvarende 0,04 forsinkelsestid.)

Tanken er å flytte øynene i små trinn og ta snapshots underveis. Vi skal bruke flytteverktøy (snarvei "V") og nudging laget vårt ved å bruke piltastene. I vårt eksempel har vi tatt et øyeblikksbilde etter å ha nudget hvert to piksler eller så.

Ved å klikke på I panelet kan du se nye rammer lagd i animasjonen. De tar tidsforsinkelsen til rammen foran dem, slik at du kanskje vil velge riktig forsinkelse i første omgang, slik at du ikke trenger å endre masse rammer når du er ferdig med å fange bildene.

(Forfatterens merknad: Hvis du er noe som meg, vil du justere forsinkelsen en zillion ganger, uansett. Ting fungerer ikke alltid nøyaktig hvor du vil ha dem!)

Legg ut rammene dine mens du går, bruk lagpanelet for å flytte objektet (i vårt eksempel, øynene), men du bryr deg, og ta mange bilder. Husk at 25 eller så vil være ett sekund, så ta stillbildene dine tilsvarende.

Du kan også redigere forsinkelsen av flere bilder samtidig, ved å bruke skift-tasten og velge mange eller alle rammene dine og endre forsinkelsen. Legg merke til at du kan angi forsinkelsen til "Annet ..." nær bunnen for å bruke vår tilpassede forsinkelse på 0,05.

Naviger til Arkiv> Lagre for web og enheter for å åpne verktøyet med samme navn.

Dette verktøyet lar deg lage en nettleservennlig animert GIF, samt teste den inne i verktøyet (som vist ovenfor, hvor pilmarkøren er). Pass på å angi filtype til GIF, og bruk noen av innstillingene Perceptual, Selective eller Adaptive. Disse kan forandre bildet på forskjellige måter, men for mange av dere vil du gi omtrent like resultater. For å redusere filstørrelsen kan du endre din Bildestørrelse (mot bunnen) og ditt antall Farger (øverst til høyre). Du kan også redusere filstørrelsen din ved å ikke inkludere en gjennomsiktighet, selv om vi ikke gjorde i vårt eksempel (Uff!).

Og vår animerte GIF er klar til å sette på nettet for å glede, sjokk og skape awe.

Og det handler om å bryte opp for animasjon. Tanker eller spørsmål om vår metode? Har du en bedre metode, eller noen enklere teknikker? Vil du se noe mer avansert? Fortell oss om dem i kommentarene, eller send oss ​​dine tanker på [email protected], og vi kan inkludere dem i en kommende grafikkartikkel.