Slik animerer din egen egendefinerte GIF med Photoshop

Innholdsfortegnelse:

Slik animerer din egen egendefinerte GIF med Photoshop
Slik animerer din egen egendefinerte GIF med Photoshop

Video: Slik animerer din egen egendefinerte GIF med Photoshop

Video: Slik animerer din egen egendefinerte GIF med Photoshop
Video: 30 Ultimate Windows 10 Tips and Tricks for 2020 - YouTube 2024, Mars
Anonim
Å 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!
Å 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!

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

Image
Image
For en enkel animasjon lager vi en del av bildet på et eget lag som vi kan bevege oss rundt. Vi vil bare animere bevegelsen av øynene, men du kan skape noen form for animasjon på denne måten, inkludert faktiske håndtegnede animasjonsceller eller bevegelige fotografier.
For en enkel animasjon lager vi en del av bildet på et eget lag som vi kan bevege oss rundt. Vi vil bare animere bevegelsen av øynene, men du kan skape noen form for animasjon på denne måten, inkludert faktiske håndtegnede 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.

Panelet dukker opp nederst i vinduet og er ganske enkelt å bruke. Hver ny "ramme" av animasjonen er som et øyeblikksbilde av filen. Klikk på
Panelet dukker opp nederst i vinduet og er ganske enkelt å bruke. Hver ny "ramme" av animasjonen er 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!
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 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.)

Image
Image

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å
Ved å klikke på
I panelet kan du se nye rammer lagd i animasjonen. De tar tidsforsinkelsen til rammen foran dem, så du vil kanskje velge riktig forsinkelse først, slik at du ikke trenger å bytte masse rammer når du er ferdig med å ta bilder.
I panelet kan du se nye rammer lagd i animasjonen. De tar tidsforsinkelsen til rammen foran dem, så du vil kanskje velge riktig forsinkelse først, slik at du ikke trenger å bytte masse rammer når du er ferdig med å ta bilder.

(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!)

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 snapshots. Husk at 25 eller så vil ligge i ett sekund, så ta stillbildene dine tilsvarende.
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 snapshots. Husk at 25 eller så vil ligge i ett sekund, så ta stillbildene dine tilsvarende.
Du kan også redigere forsinkelsen av flere bilder samtidig, ved å bruke shift-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.
Du kan også redigere forsinkelsen av flere bilder samtidig, ved å bruke shift-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.
Naviger til Arkiv> Lagre for web og enheter for å åpne verktøyet med samme navn.
Image
Image

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 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 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.

Anbefalt: