Pikselkunst av 8-bits flashback NES-varianten er på topp akkurat nå, enten det er i spill som The Incident og Sword & Sworcery eller bare for avatarer på nettet. Hvis du lurer på hvordan noe av den vakre pikselkunsten er laget og hvordan du gjør det selv, her er noen tips for nesten umiddelbar pikselkunst. Vi bruker OS Xs zoomfunksjon, Pixelfari, og konfigurerer også Photoshop til å lage din egen retro pikselkunst og rydde opp i resultatene av andre metoder.

1) Bruk Mac OS X Zoom for å pikselere bilder og lage øyeblikkelig Pixel Art

Du vet sikkert nå at hvis du holder nede Ctrl-tasten og deretter sveiper opp eller ned med to fingre på en styreflate, vil du zoome inn på skjermen (eller holde Ctrl og bruke et rullehjul på en ekstern mus). Vel, hvis du deaktiverer anti-aliasing i OS X Zoom-verktøyet, kan du bruke denne funksjonen til å lage pikselerte bilder av hva som helst. Dette er hvordan:

• Trykk Command+Option+\ for å deaktivere kantutjevnelse i skjermzoom
• Hold musepekeren over det bildet du vil pikselere umiddelbart
• Control+Zoom inn i bildet og se pikslene vokse
• Ta et skjermbilde av hele skjermen med Command+Shift+3

Ved å bruke denne teknikken laget jeg denne pixel-art MacBook umiddelbart:

Hvis det er nødvendig, kan du deretter rydde opp i bildet i Photoshop ved å bruke photoshop-teknikkene som er nevnt i denne artikkelen for å redigere på et nøyaktig nivå per piksel. Noen tips for denne metoden:

• Mindre basisbilder er bedre, det er flott å lage ikoner ut av et bilde og zoome inn i dem
• Mer kontrast er generelt bedre
• Prøv forskjellige zoomnivåer

Det er også viktig å ta et skjermbilde i full skjerm slik at bildet blir tatt i full pikselert glans.

2) Tegn Pixel Art i Photoshop med disse konfigurasjonstipsene

Hvis du har photoshop, kan du justere noen innstillinger for å gjøre den overlegen for tegning og redigering av pikselkunst:

• Endre måten Photoshop skalerer bilder på ved å justere «Bildeinterpolering»-preferanser til «Nærmeste nabo (bevar harde kanter)
• Aktiver et rutenett via Preferences > Guides, Grid Slices & Count > 1×1
• Konfigurer blyantverktøyet riktig til 1px diameter med 100 % hardhet
• Bruk flere zoomnivåer for både en pikselvisning på nært hold og ønsket sluttoppløsning

Photoshop-oppsettet ditt vil se slik ut:

Disse Photoshop-teknikkene kommer fra Brandon Trebitowski, en iOS-utvikler, og hvis du i det hele tatt er interessert i å designe pikselkunst er blogginnlegget hans om saken sterkt anbef alt å lese, du kan lese det her på BrandonTreb.com .

3) Lag Instant Pixel Art med Pixelfari

Et annet triks for å få fart på opprettelsen av pikselkunst, og til og med lage nesten umiddelbar pikselkunst, er å bruke 8-biters nettleser Pixelfari . Pixelfari kommer fra utvikler Nevan Morgan, og du kan laste den ned umiddelbart her.

I hovedsak alt du trenger å gjøre er å dra et hvilket som helst bilde inn i Pixelfari, og det vil automatisk gjengi bildet som pikselkunst, og deretter ta et skjermbilde av Pixelfari-vinduet. Det er ikke perfekt, men det skaper et godt utgangspunkt som deretter kan foredles ved å bruke teknikkene ovenfor nevnt av Brandon.

Her er OSXDaily-logoen kastet inn i Pixelfari uten annen redigering. Dette er et ganske godt eksempel på hvordan dette fungerer.

Igjen hvis du vil rydde opp i utdataene, kan du bruke Photoshop-tipsene nevnt ovenfor, eller du kan til og med bruke OS Xs zoomfunksjon for å hyperpikselere resultatene i Pixelfari.

Det er åpenbart flere måter å gjøre dette på, men for rask pikselering er zoom- og Pixelfari-teknikkene gode, og Photoshop-konfigurasjonen er perfekt for å tegne fra bunnen av eller rydde opp i forhåndpikselerte bilder.Du kan også prøve å bruke Paintbrush, MSPaint-klonen, men det er vanskeligere å få pris med den appen. Til slutt, en fin generell referanse er Natomic, som har noen generelle tips om skyggelegging, lyssetting, bruk av linjer og mer, dens gamle informasjon, men piksler har eksistert lenge, så teknikkene er fortsatt veldig relevante.