Share
Hva du skal skapeFor jeg har lenge unngått pikselkunst, fordi den så så stiv ut for meg. Tross alt må vi bevisst begrense oss til en gammel stil som kommer fra ganger da vi faktisk var begrenset. Men nå har vi så mange avanserte verktøy, vi kan skape bilderealistiske bilder, slik at begrensning av våre evner er som å kutte vingene av etableringsprosessen. Imidlertid kan vi ikke nekte at i dag, når kunstnere prøver å bli mer og mer realistiske i sine verk, er piksel kunst fortsatt iøynefallende.
Problemet er piksel kunst synes ikke å adlyde reglene for normalmaleri. Du vil gjerne slå på litt musikk og male nesten ubevisst, men det virker ikke her. Plutselig ser linjene på seg, farger vil ikke blande seg, og alt ser ut som kreasjoner i Microsoft Paint fra år siden - selv om du er en god kunstner generelt!
Er det noen måte å lage pikselkunst uten å gi opp den spontane, raske metode for å skape? Trenger vi virkelig å telle piksler en etter en for å simulere en glatt kant? Og hvorfor trenger vi faktisk å begrense oss til typiske MS Paint-verktøy når vi arbeider i en kraftig Photoshop? Svaret er, det gjør vi ikke.
I denne opplæringen vil jeg vise deg den lateste måten å skape en troverdig halvpikselkunst på - kanskje ikke den mest perfekte og klare, men en som ikke vil begrense din kunstneriske frihet med forsiktig bygging.
Som for hver tegning trenger vi linjekunsten som er startet med en skisse. Det er ikke nødvendig å starte i pikselskalaen - skisser bildet ditt på en måte du liker, på datamaskinen eller i skisseboken din. Hvis du vil bruke samme skisse som meg, er det en rask metode for det. Imidlertid foreslår jeg å lage din egen linjekunst og justere mine videre råd til det.
Start med en enkel, rotete skisse som viser hovedideen din.
Skissen trenger ikke å være ren i det hele tattLag de enkle blokkene av kroppen. Tenk deg at de er alle i 3D.
Begynn å definere kroppenLegg til blokkene for store detaljer som ikke var inkludert i din første skisse.
Legg til flere detaljerLegg til alle detaljene du trenger. Det trenger ikke å være ren linjekunst, bare sørg for å inkludere alt du vil ha i det endelige arbeidet.
Fullfør skissenLage en Ny fil (Control-N) og sett størrelsen til 245 x 331 (eller mindre). Vi må velge noe lite nok til at pikslene skal være fremtredende, men også store nok til å spare plass for detaljer.
Jo mindre oppløsning, jo mindre piksler du vil kunne brukeLim inn Skissen din i den nyopprettede filen. Bruk Gratis Transform Tool (Control-T) når du holder Skifte å endre størrelsen på skissen og justere den til området. Navn laget Skisse.
Ved å komme til Vis> Vis> Pikselrutenett Du kan slå på og av en slags hjelpelinjer. De er tynne hvite linjer som viser grensen til piksler. Du må bestemme hvilken visning du foretrekker, og noen ganger kan det være lettere å slå den av, spesielt når du skygger og farger.
1-piksler grid av; 2-pixel rutenett påSenk opacity av Skisse lag for å lage en mal for linjekunsten. Velg hvilken som helst verdi som passer deg, deretter låse laget.
Lage en Nytt lag (Control-Shift-Alt-N) og ta tak i Blyantverktøy (B) med størrelsen på 1px. Deretter trekker du bare omrisset med blyanten, som om du gjorde det i større skala med en pensel. Ikke bry deg om den robuste kanten!
Innstillingen for en skarp blyant
Den robuste kanten er opprettet av cooped piksler. En jevn linje i liten skala skal inneholde så lite piksler som mulig uten å bryte kontinuiteten. Den enkleste metoden for å gjøre det er å sørge for at alle pikslene kontakter kun én vei (side eller hjørne, aldri begge).
Linjene vi har opprettet, følger ikke denne regelen i det hele tatt, fordi Photoshop har en annen visning på glatte linjer. Vi må gjennomgå alle linjene for å finne de overflødige pikslene!
Bruke Eraser Tool (E) i Blyantmodus. Forsikre Overføre er ikke merket i Penselinnstillinger (F5), slik at den var uavhengig av penntrykk. Bruke størrelsen på 1px slette de overflødige delene.
Det er ett unntak fra denne regelen. Skarpe, avsmalne figurer må kanskje "lukkes" med en ekstra piksel, ellers vil de se ut fra avstanden.
Det er det vi satser på. Navn laget Outline.
Nå må vi lage en Clipping Mask å definere "innsiden" av dragen. Gjør følgende:
Lage en Nytt lag under Outline og fyll ut valget med Paint Bucket Tool (G). Bruk noe om 50% grå (# 808080). Nem laget Clipping Mask.
Dra skissen mellom Clipping Mask og Outline. Klikk på Oversikt og skiss når du holder Skifte å velge dem begge, og trykk deretter Kontroll-Alt-G å lage en Clipping Mask.
Nå må vi definere den interne linjekunsten. Lage en Nytt lag under oversikten og tegne linjene med piksler.
Rengjør lineart akkurat som vi gjorde før. Navn laget Linjekunst.
Det er en stor forskjell mellom tilfeldig og ren lineartLinjekunsten er ferdig, nå må vi lage en 3D form av den. Vi gjør det med svart og hvitt som indikatorer for lys og skygge.
På denne måten vil vi bruke en større blyant som skaper flere forskjellige slag. Bare sjekk Overføre i Penselinnstillinger og sørg for at den er satt til Penntrykk (fungerer bare med tabletter!).
Lage en Nytt lag under lineart. Navngi det Ambient Occlusion 1. Vi skal definere skjemaet uten å bry seg om lys og skygge for øyeblikket.
Metoden for den er enkel. Velg farge litt lysere enn bunnen og mal subtilt mellom områdene mellom linjene i linjekunsten. Ikke bli for nær dem! Hvis du trykker på pennen forsiktig, vil du få varierte ugjennomtrengelighetstreker.
Endre opacity av Linjekunst til 10%. På den måten blir det en del av skyggen.
Lage en Nytt lag og nev det Ambient Occlusion 2. Igjen, velg litt lysere nyanse og maling over de forrige slagene, og prøv å ikke røre ved kantene.
Tid for skygge. Lage en Nytt lag og nev det skygge. Endre dens Blandingsmodus til Multiplisere. Bruk grå, Myk børste (ikke en blyant denne gangen!) å male skyggene som du vanligvis gjør i ikke-piksel kunst.
Innstillinger for en myk børste
Her malte jeg skyggene rødt, slik at du kunne se sin posisjon bedre
Strekkene vi har brukt er myke og gjør bildet mindre "pixel" som vi ønsker. Vi kan fikse det enkelt. Dupliser (Control-J) Skyggelag, slå av originalen, og velg deretter kopien (navn den Skygge 2). Gå til Filter> Konverter for smarte filtre. Truffet OK, derettergå til Filter> Støy> Legg til støy og endre alternativene til dine behov.
Skru på skygge lag tilbake. Se om de passer til hverandre. Hvis du vil ha flere piksler, endrer du opacity av skygge lag eller til og med slette det. Du kan alltid endre mengden støy av dobbeltklikke det er Legg til støy eiendom.
Lage en Nytt lag og maling opplyste områder med hvit, myk børste. Bruk Skjermblandingsmodus for å gjøre det mer skinnende. Navn laget Lys.
Igjen må vi gjøre det vanskeligere i utseende. Gjenta prosessen, denne gangen bruker du en større mengde støy.
Pass på at alt ser ut akkurat som du vil ha det.
Kroppen er fortsatt veldig glatt, så la oss bruke flere triks for å fikse det. Først kan du endre opacity av Linjekunst for å gjøre det tydeligere. Lag også en Nytt lag og legg til rotete hvite piksler på høydepunktet.
Bland de rotete hvite pikslene med litt mørkere piksler.
Du kan gjøre det samme trikset med skyggeområde og svart / mørkegrå piksler.
Lage en Nytt lag og nev det Fargebase. Bruke Paint Bucket Tool (G) med mørk, umettet versjon av hovedfargen du vil bruke (i mitt tilfelle, # 496d91). Endre deretter sin Blandingsmodus til Multiplisere.
Slå av synligheten til Fargebase. Lage en Nytt lag for hver farge du vil bruke. Ta tak i Myk børste i Løse opp modus og male områdene du vil farge. Ikke bry deg om nøyaktighet nå, vær så rotete som du vil. Slå deretter på Fargebase, endre Blandingsmodus av fargelagene til Farge, og, om nødvendig, endre opacity av dem å blande dem inn.
Lage en Nytt lag og nev det Fargelys. Bruk en myk hvit Børste i Normal modus for å male de opplyste områdene. Endre deretter Blandingsmodus av laget til overlegg.
Lage en Nytt lag, navngi det Pixel Light. Tegn rotete, lyse prikker over det tidligere definerte området med Blyantverktøy. Målet er å gjøre det mer piksel i utseende.
Endre Blandingsmodus av Pixel Light til Color Dodge og senk den opacity å blande inn i Fargelys.
Lage en Nytt lag og nev det Color Highlight. Bruke Blyantverktøy og hvit farge å male små lyspunkter i de lyseste områdene. Du kan bruke Skjerm Blandingsmodus for det.
Lage en Nytt lag, navngi det Fargeskygge. Bruk en Myk børste å male over skyggeområdene med en farge som kan være et omgivende lys. I mitt tilfelle er det lilla. Endre dens Blandingsmodus til Farge og senk opacity hvis du finner det nødvendig.
Lag et nytt lag og nev det Reflektert lys. Bruke Blyantverktøy å tegne reflektert lys med en lysere versjon av forrige farge. Hold det bare i skyggeområde! Endre deretter Blandingsmodus av laget til overlegg.
Vi må ta vare på omrisset. Som du ser, ser det bra ut på den svarte bakgrunnen, men hvis vi vil gjøre bakgrunnen gjennomsiktig, vil vi ikke kunne kontrollere fargen på omrisset.
Lage en Nytt lag bare under Outline og nev det utjevning. Bruk hvit Blyant å tegne en linje til høyre for den svarte oversikten. Kopier strømmen for å unngå cooped piksler. Endre Blandingsmodus av laget til Skjerm og senk opacity hvis nødvendig.
Nå har vi en anstendig oversikt som passer til enhver bakgrunn uten gjennomsiktighet på kantene.
Når du er klar til å lagre filen, trykk Kontroll-Shift-Alt-S til Lagre for web. Å velge GIF som formatet. Du kan trygt sjekke åpenhet, fordi vi sørget for at det ikke er noen halv gjennomsiktige piksler i oversikten.
Du kan også gjøre bildet ditt enda mer pixelert ved å spille med alternativene. Å senke mengden farger er den enkleste, men Web snap og lossy vil gi deg kule effekter uten å endre fargene.
Jo mindre farger, lavere kvalitet ...
... men du kan også gjøre pikslene mer karakteristiske pikselutse uten det!I denne opplæringen har vi lært hvordan du lager en pixel art-effekt når du er for lat og utålmodig til å gjøre det på riktig måte - eller når du er som meg, og du er for vant til å male arbeidstrøm. Det fungerer best for store piksel kunstverk, men du kan også endre det til mindre. Jeg håper du likte leksjonen!
Accentsconagua