How å lage en Holiday-inspirert Animated GIF Bruke Stop Motion Photography

Introdusert i 1987 av CompuServe, er den animerte GIF like populær i dag som den noen gang har vært. GIF animasjon har gått gjennom mange faser i årenes løp. Det er blitt elsket, hatet, og deretter elsket igjen. I dag tror jeg det GIF animasjon har funnet sin plass som en nyttig måte å distribuere korte og morsomme animasjoner på nettet. Nylig ble jeg inspirert av en GIF som jeg så på Twitter og trodde konseptet ville gjøre en morsom tutorial. Jeg fikk sammen med vår Photography redaktør i Tuts + for å organisere en cross-site tutorial som viser hvordan du skal skyte stop-motion fotografering og deretter sette sammen disse bildene til en animert GIF i Photoshop. I denne opplæringen vil vi vise deg hvordan du bruker Photoshop til å raskt sette sammen bildene vi har tatt opp i fotografering del av denne opplæringen, og lage vår animasjon. La oss komme i gang!

Før du begynner

Før du begynner, sørg for å ta turen over til vår fotografering nettsted for å lære hvordan bildene som brukes i denne opplæringen ble skutt.

Hvordan skyte Stop-Motion Photography

1. Utarbeidelse av Images

Hvis du laster ned bildesekvenser som kommer med denne veiledningen, vil du ikke trenger å fullføre dette trinnet som jeg allerede har omdøpt bildene for deg. Hvis du har skutt din egen fotografering eller bruker dine egne bilder, sørg for at du bruker liknende metoder.

Trinn 1

Nå som vi har skutt alle bildene for denne opplæringen. Det neste trinnet er å forberede bildene. Den raskeste måten som jeg fant for å lage GIF animasjon er å lage 2 separate bildegrupper og åpne /importere dem inn i Photoshop som en bildesekvens. En bildesekvens er i utgangspunktet en mappe med bilder, der hvert bilde er navngitt i kronologisk rekkefølge.

I dette tilfellet har jeg omdøpt alle bildene fra fotografen som 0001.jpg, 0002.jpg, 0003.jpg og så fjerde. I det første settet, ikke 0001.jpg inkluderer ikke en bue. I det andre settet, er baugen fullt bundet i 0001.jpg. Du kan se hvordan jeg har gjort dette nedenfor.

I den andre bildesekvens, slette 0001.jpg og 0045.jpg fra mappen. Vi gjør dette slik at disse rammene ikke gjenta i den endelige animasjonen.

2. Åpne første bilde Sequence

Trinn 1

Nå som vi har forberedt våre bildesekvenser, er neste skritt å åpne den første bildesekvensen. Du kan gjøre dette ved å gå til Fil > Åpne. Bla til katalogen der den første bildesekvensen er lagret. Klikk på 0001.jpg og merk bildesekvensen. Klikk på Åpne. Dette vil laste alle bildene dine i Photoshop som en sekvens. Ikke prøv å velge alle bildene i katalogen. Du trenger bare å velge den første.

Trinn 2

Nå vil du ønsker å sette ditt Frame Rate. Sett den til 17, så det er bildefrekvensen vi skjøt denne animasjonen å kjøre i løpet av fotografering delen av denne opplæringen. Hvis du foretrekker å bruke en annen bildefrekvens, gjerne gjøre det.

Den første bildesekvensen skal nå bli lastet inn i Photoshop som en Video Layer. Din Layer Panel og Timeline Panel skal nå ligne nedenfor skjermbilder. For å åpne din tidslinje og Layer Panels gå til Window> Layer eller Window> Tidslinje.
Ditt lag stack bør ligne på dette bildet. Sørg for at alle lagene er organisert i ett Video Group.
Trinn 3

Nå vil vi ønsker å skape en liten buffer mellom den første bildesekvensen og den andre. Vi vil gjøre dette ved å sette inn 0045.jpg fra første bildesekvensen. Dette vil legge til en liten pause til animasjon etter buen er ferdig binde. Gå til Fil > Sted og velg 0045.jpg.

Dette bildet vil nå bli lagt til tidslinjen. Redusere varigheten av klippet i tidslinjen, som vist, ved bare å dra håndtakene for å gjøre den kortere.
Ditt lag stack bør ligne på dette bildet. Sørg for at alle lagene er organisert i ett Video Group.Duration for 0045.jpg er satt til 00:04.
3. Plasser Second Bildesekvens

Trinn 1

Nå skal vi plassere den andre bildesekvens ved å gå til Fil > Plass. Akkurat som du gjorde med den første sekvensen i avsnitt 2.1, bla til andre bildesekvens, velger 0002.jpg og merk bildesekvensen. Denne sekvensen skal nå være lagt til din tidslinje.
Ditt lag stack bør ligne på dette bildet. Sørg for at alle lagene er organisert i ett Video Group.
Trinn 2

Nå som vi har lagt til både bildesekvenser, ønsker vi å legge til en kort buffer mellom slutten av denne sekvensen og begynnelsen av den første en, da dette GIF vil bli satt til å gjenta kontinuerlig. Så akkurat som du gjorde i punkt 2.3, gå til Fil > Sted og velg 0001.jpg fra første bildesekvensen og redusere det er varigheten i tidslinjen, som vist. Akkurat som i punkt 2.3, vil dette gi våre animasjonen en liten pause før det gjentar.
Ditt lag stack bør ligne på dette bildet. Sørg for at alle lagene er organisert i ett Video Group.
Varighet for 0001.jpg er satt til 00:04.

På dette punktet, kan du teste animasjonen ved å klikke på play-knappen. Hvis det ser riktig for deg, er alt du trenger å gjøre nå lagre animasjonen som en GIF.

4. Eksportere Din GIF Animation

Gå til Fil > Lagre for Web.

Eksporter filen som en GIF, satt looping Opsjoner til Alltid. Jeg brukte innstillingene i skjermbildet nedenfor.

Husk, spiller filstørrelse en viktig rolle i et GIF animasjon. Det er lurt å redusere filstørrelsen nok slik at den kan deles på nettet, men ikke nok til at kvaliteten på det endelige bildet ser dårlig. Lagre for Web dialog vil vise deg nøyaktig hvor stor fil vil være i nedre venstre hjørne av skjermen. Du kan justere farger, Ujevn, Web Snap, eller noen av de andre innstillingene for å få bildet ditt ser akkurat.

Konklusjon

Photoshop er et svært kraftig verktøy, og kan hjelpe deg å lage fantastiske GIF animasjoner. I denne opplæringen, viste vi deg hvordan du kan ikke bare lage en GIF animasjon fra en serie bilder, men vi viste deg også hvordan du skal skyte fotografering, så vel. Du kan bruke de samme teknikkene for å lage dine egne stop-motion GIF animasjoner. Mulighetene er uendelige. Anmeldelser