How å lage en animert Pixel Art Sprite i Adobe Photoshop
Dette innlegget er en del av en serie som heter animasjon i Adobe Photoshop.Create en Run Cycle Animasjon fra grunnen av i Adobe Photoshop10 måter å optimalisere en animert GIF FileWhat du skal lage

I denne opplæringen, vil jeg vise deg hvordan du kan lage og animere en pixel art sprite ved hjelp av bare noen få enkle verktøy i Adobe Photoshop. I prosessen, vil jeg dekke alle de grunnleggende regler som du kan bruke på dine fremtidige pixel art illustrasjoner. La oss komme i gang!

1. Forbered Canvas og Tools

Trinn 1

Velg Pencil Tool fra verktøylinjen, vil det være din primære instrument for denne opplæringen. Velg en Hard Rund pensel i børsten innstillingene og bruke innstillingene som er vist nedenfor. Ditt mål er å gjøre linjen helt skarpt.

Trinn 2

Sett opp Pencil Mode for Eraser Tool og bruk samme børste innstillingene nedenfor.

Trinn 3

Slå på Pixel Grid (View > Show > Pixel Grid). Hvis du ikke ser dette elementet i menyen, går du til Innstillinger > Ytelse og slå på den grafiske akselerasjon

Merk:. Rutenettet vil bli sett bare på en nyopprettet lerret med zoomnivå 600% og over

Trinn 4

Go. til Innstillinger > Generelt (Ctrl-K) og sette opp Bildeinterpole til nærmeste nabo. Dette vil sikre at kantene på objektene du arbeider med alltid holder seg skarpe

Gå til Innstillinger >.; Units & Linjaler og velger piksler i rullegardinmenyen nær herskere for å se alle målinger i piksler.

2. Lag Sprite

Trinn 1

Nå som alt er satt opp, kan vi begynne å lage sprite.

Lag en skisse av en karakter med en tydelig silhuett, og prøv å ikke overbelaste det med mange detaljer. Det er ikke viktig å male farger, bør omrisset være nok, så lenge du forstår hvordan din karakter skal se ut. Jeg utarbeidet en skisse av en plass trooper for denne opplæringen

Trinn 2

Trykk Ctrl-T eller bruke Edit >.; Free Transform å skalere ned karakteren din til 60px i høyden.

Størrelsen på objektet er vist i infopanelet. Legg merke til interpolasjon innstilling, bør det være det samme som vi satt i trinn 4. I dette tilfellet er det ikke så viktig, som vi bare snu en skisse til pixel art, men ta hensyn til at funksjonen i fremtiden når du arbeider med pixelated objekter.

Trinn 3

Zoom inn på bildet ved 300-400% for å gjøre det enklere å gjengi. Redusere tettheten av skissen din.

Lag et nytt lag (Layer > New > Layer) og tegne en skisse av figuren din med blyantverktøyet.

Hvis din karakter er symmetrisk, som mitt er, bare lage den ene halvdelen, kopiere det, og snu den horisontalt (Edit > Transform > Vend vannrett)

Rule of Rhythm.: Prøv å splitte komplekse former til enkle elementer. Når piksler i tråd danne en "rytme" som 1-2-3 og 1-1-2-2-3-3 omrisset ser mye bedre for det menneskelige øyet enn en tilfeldig trukket linje. Men denne regelen kan brytes hvis formen krever det.
To rytmisk og en tilfeldig trukket linje.
Trinn 4

Når omrisset er klar, velger hovedfarger og male store former. Gjør det på et eget lag under ett med omrisset.

Trinn 5

Glatt innsiden av omrisset ved å legge nyanser av fargen.

Hold legge mer nyanser. Som du kan se, korrigerte jeg noen former og detaljer underveis.

Trinn 6

Lag et nytt lag for å legge høydepunktet.

Velg Overlegg fra rullegardinmenyen på Layer panel. Male med en lys farge over de områdene du ønsker å fremheve. Glatt formen uthevede området ved å velge Filter > Blur > Blur.

Jeg tuppet malt halvparten horisontalt, lagt endelige farge innslag her og der, og slått sammen lagene.

Trinn 7

Tegnet mangler nå kontrast. Bruk Levels (Bilde > Justeringer > Levels) først og deretter endre tonen eller halvtone med Color Balance (Bilde > Justeringer > Fargebalanse). Å gjøre varmere og kjøligere versjoner

Jeg bestemte meg for å gå med den tredje versjonen. Nå la oss gå videre til animasjon prosessen.
Endelig karakter med 400% zoom.
3. Animere Din Sprite

Trinn 1

Lag en kopi av laget (Layer > New > Layer Via Copy) og flytt det en piksel opp og 2 piksler riktig å velge Move Tool (V) og ved hjelp av piltastene. Dette er nøkkelen fase for å animere den løpende karakter.

Endre opprinnelige lagets Opacity til 50% for å se forrige bilde av animasjon. Dette kalles "Onion Skinning».

Trinn 2

Nå bøyer karakterens ben og armer som om den kjører.