Slik lager du en animert arbeidsprosesshandling i Adobe Photoshop

Hva du skal skape

Hvordan lager du din kunst? Vi vil gjerne se! I dette raske tipset vil jeg vise deg hvordan du lager en animert GIF i Adobe Photoshop for å vise utviklingen av det digitale arbeidet ditt.

Vis av kunsten din med Quick WIPs

Så hva er en WIP?WIP er kort for arbeid pågår, som i utgangspunktet betyr alt du legger inn på nettet som du jobber for. Kunstnere bruker disse innleggene som en måte å koble til sine følgere samtidig som de gir dem en bak-scenen innsikt på deres kommende prosjekter.

Og om du bare viser fremgangen din eller bruker den som en rask leksjon, skaper du en animasjon av arbeidet ditt, er en fin måte å få mer interaksjon med publikum på..

1. Forbered din GIF for sosiale medier

Siden hele poenget med å publisere dine pågående arbeider er å dele dem med verden, er det et par ting du bør vurdere før du lager dine GIF-er:

1.  dimensjoner: Det er vanligvis begrensninger for bredde og høyde over sosiale medier. Så prøv å alltid bli kjent med forskjellene for hvert nettsted. Du kan enkelt justere dimensjonene på arbeidet ditt ved å gå til Bilde> Bildestørrelse og skriver inn nye numre for Høyde eller Bredde.
   
2. Filstørrelse: GIF kan bli veldig store, så når det er på tide Lagre til web, sørg for å optimalisere, optimalisere, optimalisere! Å finne en balanse mellom filstørrelse og tap av detaljer er ganske kunst, så bare gjør ditt beste.
3. Skisse og ferdige versjoner: Ikke vær sjenert når det gjelder å vise fremgang, eller begrense deg til en rask gjennomføring av trinnene. Du er velkommen til å bryte ned kunsten din i flere GIF-er dedikert til skissen, den midterste progresjonen eller etterbehandling.
   

2. Lag en animert GIF av kunsten din

Trinn 1

Åpne kunstfilen din i Photoshop. På samme måte som jeg nevnte tidligere, juster dimensjonene i henhold til nettstedet du vil vise animasjonen. For GIF-filer har mindre størrelser en tendens til å fungere bedre, så i dette tilfellet går jeg til Bilde> Bildestørrelse og endre dimensjonene fra 800 x 800 piksler til 500 x 500 piksler.

Steg 2

Opprett nå en Nytt dokument med samme dimensjoner. For å gjøre det enklere for animasjonen, flatt kunsten din i etapper. Tenk på dem som lysbilder som du vil Kopier (Control-C) og Lim inn (Control-V) inn i det nye dokumentet.

Her er en forhåndsvisning av sluttmaleriet, en digital studie av denne PhotoDune-referansen.

Legg til skissen først, deretter de neste stadiene av kunsten til du jobber opp til det endelige resultatet.

For denne animasjonen viser jeg utviklingen av dette digitale maleriet med fem lag.

Trinn 3

Gå nå til Vindu> Tidslinje. Å velge Lag ramme animasjon og Skjul synligheten av hvert lag unntatt den første. Sett deretter inn Rammeforsinkelsestid til 1 sekund.

Trinn 4

For å lage flere rammer, trykk på Dupliserer flere rammer alternativ før Unngå synligheten av det andre laget.

Trinn 5

Fortsett dette trinnet til du har en ramme for hvert nytt lag. På sluttresultatet, sett inn Rammeforsinkelsestid til 5 sekunder for en lengre pause på slutten. Pass også på å stille inn Looping Options til For alltid for en kontinuerlig animasjon.

For å få best mulig kvalitet, vær sikker på å eksperimentere med de forskjellige innstillingene når du Lagre for web som en .gif-fil. Du må kanskje begrense fargene eller justere Fargeduksjonsalgoritme for et høyverdig resultat. Her er den siste animasjonen.

3. Nå gjør det til en Photoshop-handling!

Omgå noe av stresset ved å lage en Photoshop-handling! Dette vil tillate deg å bruke de samme endringene på en brøkdel av tiden ved å registrere trinnene dine nå og bruke dem senere til fremtidige verk.

Trinn 1

Start animasjonen din over i Tidslinje panel ved å slette alle rammer unntatt den første. Sett Tidsrammeforsinkelse tilbake til Ingen forsinkelse.

Steg 2

Så gå til Windows> Handlinger å hente opp handlinger panel. Truffet Lag en ny handling å begynne å ta opp. Å velge Lag 1 og bruk de samme innstillingene for Rammeforsinkelsestid som før.

Trinn 3

Fortsett å legge til flere rammer og skjulede Synlighet av hvert lag. Fordi det blir registrert, må du også endre opacity fra 0 til 100%.

Trinn 4

Når du er ferdig med den siste rammen, trykker du på Stoppe knappen for å stoppe opptaket.

La oss oppdatere

Nå som Photoshop-handlingen din er fullført, bruk den for alle dine nye brikker! Bare sørg for å følge disse avgjørende trinnene:

• Skille din kunst inn i fem forskjellige lag med fremskredende stadier på forhånd.
• Spill Photoshop Action.
  
• Juster manuelt manuelt Looping Options på slutten etter Photoshop Action.
• Lagre for web som en .gif-fil, finne en balanse mellom filstørrelse og tap av detaljer.
  

Nyt dine animasjoner!

Å lage animerte GIF-er er en fantastisk måte å tillate fans og beundrere å sette pris på ditt gode arbeid. For flere fantastiske Photoshop-tiltak kan du gjerne utforske det som er tilgjengelig fra Envato Market. 

Og for flere nybegynner tips, sjekk ut mine andre artikler her på Envato Tuts +:

• 10 enkle sosiale medier tips for den slitsende artist
• 30 fantastiske nettsteder for gratis lager og designressurser
• Design Øvelser for å få din kreativitet revet