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
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.
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 GIF-er. 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å.
(Forfatterens merknad: Hvis du er noe som meg, vil du tilpasse forsinkelsen en zillion ganger, uansett. Ting fungerer ikke alltid nøyaktig hvor du vil ha dem!)
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 det handler om å bryte opp for animasjon. Tanker eller spørsmål om vår metode? Har 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.
