Share
Introdusert i 1987 av CompuServe, er den animerte GIF like populær i dag som den noensinne har vært. GIF-animasjonen har gått gjennom mange faser gjennom årene. Det er blitt elsket, hatet og elsket igjen. I dag tror jeg at GIF-animasjonen 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 tenkte at konseptet ville gjøre en morsom opplæring. Jeg kom sammen med vår fotoredigerer på Tuts + for å organisere en veiledning på tvers av nettstedet som viser hvordan du tar bilder med stop-motion og deretter monterer bildene i en animert GIF i Photoshop. I denne opplæringen vil vi vise deg hvordan du bruker Photoshop for raskt å sette sammen bildene vi skjøt i fotografiet, og lage animasjonen vår. La oss komme i gang!
Før du begynner, sørg for å gå over til vår fotograferingsside for å lære hvordan bildene som ble brukt i denne opplæringen ble skutt.
Hvis du laster ned bildesekvensene som følger med denne opplæringen, trenger du ikke å fullføre dette trinnet, siden jeg allerede har omdøpt bildene for deg. Hvis du har skutt din egen fotografi eller bruker dine egne bilder, må du sørge for at du bruker lignende teknikker.
Nå som vi har skutt alle bildene for denne opplæringen. Det neste trinnet er å forberede bildene. Den raskeste måten jeg fant på å lage GIF-animasjonen, er å lage 2 separate bildegrupper og åpne / importere dem til Photoshop som en bildesekvens. En bildesekvens er i utgangspunktet en mappe med bilder, med hvert bilde kalt i sekvensiell 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, 0001.jpg inkluderer ikke en bue. I det andre settet er bøyen helt bundet inn 0001.jpg. Du kan se hvordan jeg har gjort dette nedenfor.
I den andre bildesekvensen, slett 0001.jpg og 0045.jpg fra mappen. Vi gjør dette slik at disse rammene ikke gjentar i siste animasjon.
Nå som vi har utarbeidet bildesekvensene, er neste trinn å åpne den første bildesekvensen. Du kan gjøre dette ved å bare gå til Fil > Åpen. Bla til katalogen der den første bildesekvensen er lagret. Klikk på 0001.jpg og velg Bilde sekvens boksen. Klikk Åpen. Dette vil laste alle bildene dine til Photoshop som en sekvens. Ikke prøv å velge alle bildene i katalogen. Du trenger bare å velge den første.
Nå vil du ønske å sette din Rammefrekvens. Sett den til 17, som det er rammefrekvensen vi skutt denne animasjonen for å løpe inn under fotograferingsdelen av denne opplæringen. Hvis du foretrekker å bruke en annen bildefrekvens, kan du gjerne gjøre det.
Den første bildesekvensen skal nå lastes inn i Photoshop som en Video lag. Din Lagpanel og Tidslinjepanel Nå skal det se ut som under skjermbildene. For å åpne tidslinjen og lagpaneler, gå til Vindu > Lag eller Vindu > Tidslinje.
Nå vil vi ønske å lage en liten buffer mellom den første bildesekvensen og den andre. Vi vil gjøre dette ved å sette inn 0045.jpg fra den første bildesekvensen. Dette vil legge til en liten pause i animasjonen etter at bauget er ferdig bundet. Gå til Fil > Sted og velg 0045.jpg.
Dette bildet vil nå bli lagt til i Tidslinje. Reduser varigheten av klippet i tidslinjen, som vist, ved bare å dra håndtakene for å gjøre det kortere.
Nå vil vi plassere den andre bildesekvensen ved å gå til Fil > Sted. Akkurat som du gjorde med den første sekvensen i Seksjon 2.1, bla til den andre bildesekvensen, velg 0002.jpg og velg Bilde sekvens boksen. Denne sekvensen skal nå legges til din Tidslinje.
Nå som vi har lagt til begge bildesekvensene, vil vi legge til en kort buffer mellom slutten av denne sekvensen og begynnelsen på den første siden, da denne GIF vil bli satt til å gjenta kontinuerlig. Så akkurat som du gjorde i Seksjon 2.3, gå til Fil > Sted og velg 0001.jpg fra den første bildesekvensen og reduser dens varighet i Tidslinje, som vist. Akkurat som i Seksjon 2.3, Dette vil gi animasjonen en liten pause før den gjentas.
Varighet for 0001.jpg er satt til 00:04. På dette tidspunktet kan du teste animasjonen ved å klikke på avspillingsknappen. Hvis det ser ut til deg, er alt du trenger å gjøre nå, lagre animasjonen som en GIF.
Gå til Fil > Lagre for web.
Eksporter filen som en GIF, sett inn Looping Options til For alltid. Jeg brukte innstillingene i skjermbildet nedenfor.
Husk at filstørrelsen spiller en viktig rolle i en GIF-animasjon. Du vil redusere filstørrelsen nok slik at den kan deles på nettet, men ikke nok slik at kvaliteten på det endelige bildet ser dårlig ut. De Lagre for web dialog vil vise deg nøyaktig hvor stor filen din vil være nederst til venstre på skjermen. Du kan justere Farger, dither, Web snap, eller noen av de andre innstillingene for å få bildet ditt til å se akkurat.
Photoshop er et ekstremt kraftig verktøy og kan hjelpe deg med å lage fantastiske GIF-animasjoner. I denne opplæringen viste vi deg hvordan du ikke bare lager en GIF-animasjon fra en serie bilder, men vi viste deg også hvordan du fotograferer også. Du kan bruke disse samme teknikkene for å lage dine egne GIF-animasjoner med stop-motion. Mulighetene er endeløse.
Accentsconagua