Hvordan Skape Pixel Kunst

INTRODUKSJON TIL PIXEL KUNST

Datamaskin grafikk og digital kunst som vi kjenner dem i dag, har du en rot, og det er pixel-art.

Tilbake i dag, det var ikke en ‘Pixel Art’ stil fordi hver art som er laget på en datamaskin som trengs for å være pixel-til-pixel kunst.

Som datamaskiner utviklet seg, evnen til å gjengi bilder ble mer avanserte, slik at digitale kunstnere til å lage uten begrensninger av gammel maskinvare.

å Skape kunst med disse begrensningene i tankene er kjernen av pixel kunst som en form for kunst.,

Mens ingen lenger en nødvendig tilnærming, å tvinge deg selv til å opprette grenser på en gammel teknologi eller et sett av teknikker som kan hjelpe deg som en

artist.

Nedenfor er noen eksempler på min leting med pixel art.

I denne artikkelen, jeg vil fremheve noen egenskaper, grunnleggende teknikker og retningslinjer slik at du kan begynne å lage din egen pixel-art.

All informasjon som her kan brukes til noe ‘stil’ og noen programvare. Og det er det fine med dette temaet.,

Den tekniske siden av denne form for kunst er viktig, spesielt hvis du ønsker å gjøre en hyllest av et spill.

Men husk at du ikke trenger å tvinge seg selv til å opprette en 32×32 pixel størrelse kunstverk med bare 3 farger, hvis du ikke vil.

Det er gunstig å respektere grunnleggende og teknikker for old-school digitale artister – men det er ikke obligatorisk å fungere som dem.

LÆRE VED å GJØRE

For denne artikkelen, vil vi arbeide for en tilgjengelig utfordring.

jeg vil at du skal opprette en 64×64 piksler stående.

det er det!,

Du kan tegne deg selv, gjøre en fanart eller finne opp en karakter.
målet er å skape et kunstverk som kan bli brukt som en sosial media avatar.

Begynn med et lite (oppløsning) fil-størrelse, så pixel enheten er synlig. Det er ingen vits å gjøre pixel kunst der piksler er ikke tydelig.

SETTE OPP et LERRET

For denne artikkelen, jeg kommer til å bruke Klippet Studio Paint.
Mens det er stor dedikert verktøy for å lage pixel kunst, du kan bruke hvilken som helst tegning program for å følge med.,

• Opprette en 64×64 piksler dokumentet (1);
• Gå til Vis > Rutenett/Linjal Innstillinger (2);
• Konfigurer som følgende, slik at du kan se et rutenett med hver enkelt piksel. Du kan slå rutenett på/av når som helst ved å bruke Shift+G snarvei., (3);

En god praksis for arbeid med pixel art er å bli vant til å tegne zoomet mens du holder et øye på den faktiske størrelse kunstverk (4);

for Å opprette en ekstra visning av gjeldende lerret, gå til Window > Lerret > Nye Vinduet og åpne en ny forekomst av den aktuelle lerret.
Satt til 100% og sted i arbeidsområdet (5).

å SKAPE PIXEL-ART VERKTØY

på Tide å innføre en grunnleggende konseptene.

Pixel kunst ikke gå sammen med automatiske anti-aliasing.,

Anti-aliasing er et nyttig algoritme som jevner ut kantene på en form.
Dette er gjort ved å legge til en ekstra rad med punkter nærmest aliased kanten.

Som du kan se i eksempelet, anti-aliased kant (7) har en automatisk gradient av punkter for å gi en jevnere form kontur.

aliased kant (6) er det vi leter etter når du oppretter pixel-art. Senere, vi kan myke kantene ved å legge anti-aliasing for hånd (manuelt).,

En tommelfingerregel når du bruker programvare for å skape pixel kunst er å deaktivere anti-aliasing innstilling i pensler, verktøy og transformasjoner.

I Klippet Studio Maling du har for å slå av anti-aliasing i:

• børster (8);
• verktøy som Utvalget, Fyll, Tekst, f.eks. (9);
• og under enhver transformasjon ved hjelp av Edit > Transform (10);

I Klippet Studio Paint du allerede har en pixel art penn. Det kalles ‘Dot Penn’ i Markør kategori (11).,

Dette er den enkleste å tegne børste tilgjengelig. Den har en fast 1-pixel størrelse, anti-aliasing slått av, og ingen mulighet for stabilisering eller farge miksing.

jeg foreslår at du følger langs denne opplæringen ved hjelp av denne børsten bare.
Senere i spillet, du kan kopiere hvilken som helst av dine ‘vanlige’ børster og bruke det for pixel kunst (så lenge du redusere storleiken til lavere verdier og deaktivere anti-aliasing).,

TEGNING LINEART

Siden dette vil være en front-mot stående, vil jeg starte tegning ved hjelp av Symmetrisk Linjal (12);

Plasser den Symmetriske Hersker på Lerret, og for å sørge for at det er på de døde-center, kan du bruke verktøyet for objektvalg for å velge det og legg inn verdiene manuelt (13);

I dette tilfellet jeg endret Center X Center og Y-verdiene til 32, som er halvparten av min totale lerret størrelse (64 piksler).

Nå, velg din Dot Pennen igjen og begynne å tegne.,
Siden denne børsten ikke kan endres, det er en god idé å zoome inn på lerretet du tegner (15) og bruke den like vis som en referanse (14).

jeg startet min portrett tegning av en første skisse for å finne bygging av hodet (16) og så begynte jeg å legge til detaljer (17).

Det er ikke nødvendig å bruke en blå farge. Jeg bare foretrekker det, siden det hjelper hjernen min å forstå at jeg er å skape en grov for min endelige tegningen.

Hvis du er ferdig med skissen kan du gå videre med linework.,

Før du legger den siste linjene, la meg vise deg en enkel teknikk for å tegne linjer og kurver i pixel art.

I eksempelet nedenfor, linework (18) ser ikke glatt fordi det er mye duplisert punkter der det skal være et enkelt piksel linje.

Du kan fikse disse ‘double’ (det er et begrep) ved å fjerne noen tilstøtende punkter på kurven. I eksempel (19), jeg fjernet alle punkter merket med rødt.

jeg anbefaler deg å gå tilbake til din skisse og se opp for de ‘double’ for å rengjøre dine linework.,

ikke bekymre deg hvis kurvene ikke føles rett. Bare fjerne uønskede punkter.

TIPS: hvis du må slette en piksel, kan du bare bytte til gjennomsiktig farge (jeg har min snarvei satt til X);

I eksempelet under kan du se forskjellen på den første skissen (20) og renset opp versjon (21).

Klar for en annen teknikk?

La oss starte med å fikse tegning og justere noen kurver.

Se eksempel nedenfor (22), kan du legge merke til distribusjon og avstanden til punkter er ikke å følge en logisk progresjon. (f.eks.,: 3, 2, 1, 4…)

Mens du er på denne forbedrede versjonen (23), kan du se en bedre progresjon av punkter for å lage kurven. (f.eks.: 1, 2, 2, 3…)

Med denne kunnskapen, vil jeg anbefale deg å prøve den følgende øvelsen før du fortsetter på tegningen:

Prøv å trekke noen tilfeldige linjer og kurver med to begreper du nettopp har lært så langt: fjern dobler og vedlikeholde ‘pixel progresjon’.

Dette vil gi deg en solid gisp gjennom hvordan du kontur former i pixel art.

Nedenfor er min siste linework (25).,

jeg gjorde noen små justeringer på proporsjonene og kurver, og fjernet noen unødvendige punkter for å gjøre ansiktet mer lesbar.

Ta litt tid å sammenligne med den opprinnelige versjonen (24) og prøv å legg merke til hvor jeg har brukt teknikker.

COLORING TID

antall farger som brukes på en sprite (uttrykk brukt for å beskrive et objekt i spillet utvikling), avhenger av hvor mye du ønsker å bo nær en bestemt begrensning av en gammel teknologi.,

Mens det ikke er nødvendig, kan du lære mye om pixel kunst ved å begrense deg selv til en liten mengde av farger å velge.

For nå foreslår jeg at du starter med en enkel fargepalett. Som et utgangspunkt, kan du bruke 56 farger i paletten brukt av NES (Nintendo Entertainment System) videospill-konsollen (26).

farge og tone valg på denne paletten er ikke perfekt, men det gir et godt utgangspunkt.,

I eksemplene nedenfor, kan du ha PC-98 datamaskinen fargepalett (27) og en personlig jeg bygget i det siste (28);

Senere kan du begynne å bygge din egen palett, men alltid huske på å holde det stramt og enkelt.

jeg starter ved å fylle min linjer med noen base farger (sliping).

jeg starter med 5 første farger, inkludert svart linework å male dette portrettet (29).

På denne scenen, husk å konfigurere Automatisk valg og Fylle verktøy for pixel kunst arbeidsflyt, deaktivere Området Skalering og Anti-aliasing (30).,

for Å skygge (legg til skygger), hud farge på stående, du trenger ikke å bare bruke mørkere verdien av en bestemt farge;

jeg kan potensielt bruke hvilken som helst farge tilgjengelig så lenge verdiene leste riktig.

Her er et tips – Opprette et nytt lag på toppen av din lagstabelen, fylle den med sort og sett lag-modus for å Farge.

Nå kan du bruke dette laget til å kontrollere verdien forhold av farger (32).

I eksempelet nedenfor kan du se hvordan jeg klarte å bruke den gamle bakgrunnsfarge (lilla) som skyggen farge av min brun hud (31)., Jeg foretrekker å gå med en svart bakgrunn for å lagre en farge…

Igjen, trenger jeg ikke – men jeg ønsker å trene disse begrensninger pålagt av NES fargepalett.

For høydepunktene på huden og briller (33), har jeg ikke behov for å innføre noen nye farger fordi, mens sjekke gråtoner verdier (34),

jeg la merke til fargen på t-skjorte kan bli brukt til det.

jeg ønsket å legge til noen manuell anti-aliasing for å glatte grensen mellom den opplyste og skygget områder av huden (36).,

ved Hjelp av NES palett bare, jeg kunne ikke finne farger som jeg kan bruke til å opprette denne gradvise overgangen.

Så her er der jeg forlatt den «virtuelle begrensninger’ i favør av kunstverket.

I eksempelet jeg har lagt til to nye farger (37), så jeg kan legge til flere detaljer til skyggelegging.

jeg kan ikke understreke dette nok, men det er veldig viktig at du gjør disse beslutninger mens du ser den kunstverk gjennom ekte, ikke zoomet inn, lerret størrelse (35).,

ved Hjelp av de to nye ekstra farger, jeg økte gjengivelse på ansiktet legge til mer volum, rynker (fordi jeg begynner å bli gammel) og mykgjørende noen skygger på den opplyste side av stående (38).

På den blå jakke, bestemte jeg meg for å bruke utjamning teknikk for å skape følelsen av et fall uten legge til farger (40).

Ved å bryte opp solid overganger på et rutemønster jeg kan lage en illusjon av en innimellom farge (39).

Utjamning er en avansert teknikk og dette er bare en grunnleggende bruk for det.,

Som du kan se, effekten skaper en kreativ kraft som kan være et problem hvis det brukes på huden eller glatte overflater.

jeg fant det hensiktsmessig å bruke i jakka (laget av duk), fordi jeg kan dra nytte av grov tekstur.

Etter litt tweaking, jeg klarte til fullt ut å male portrett.

jeg er veldig fornøyd med det endelige resultatet, fordi jeg kunne passe en rekke detaljer for en 64×64 piksler filstørrelse kunstverk med bare 7 farger.

ps.: Jeg hadde også punkter og farger nok til å løse de rare-ser tegneserieaktig øyne., X-D

EKSPORT

Sist, men ikke minst…
Ved lagring og eksport av pixel kunst, bruke GIF-eller PNG-format.

Unngå å bruke JPEG-format, spesielt med noen grad av komprimering.

Dette vil ødelegge all den kjærlighet og omsorg som du brukte til å opprette din pixel-art.

Se på eksemplene nedenfor: en 99% komprimert JPEG (41) kan se ok fra en avstand, men det legger noen ikke-ønsket farger.

En 80% komprimert versjon (42) vil gjøre noen pixel artist blø. Så vær så snill, ikke gjør det., 🙂

Når det kommer til innlegg på sosiale medier, du har å forholde seg automatisk komprimering av plattformen.

For Instagram, du har ikke noe alternativ, fordi systemet konverterer automatisk, og endrer størrelsen på bildet til en lav kvalitet jpeg.

På Twitter, vil du ha et skarpere, nesten perfekt bilde hvis den eksporterte filen er 506 piksler bredt i PNG-format.

det er det.

jeg håper du likte denne opplæringen, og håper også at du klarte å lage din første pixel kunst portrett.

Under finner du min minimale, men likevel utrolig flott stykke kunst., 🙂

Hvis du oppretter ditt, vennligst gi meg beskjed.

– dado