Pixel Art Guide: 3 måder at skabe Pixel Art med Photoshop

Indholdsfortegnelse:

Anonim

Pixelkunst af 8-bit flashback NES-varianten er i top lige nu, hvad enten det er i spil som The Incident og Sword & Sworcery eller bare for avatarer på nettet. Hvis du undrer dig over, hvordan noget af den smukke pixelkunst er skabt, og hvordan du selv gør det, er her nogle tips til næsten øjeblikkelig pixelkunst. Vi bruger OS X's zoomfunktion, Pixelfari, og konfigurerer også Photoshop til at lave din egen retro-pixelkunst og rydde op i resultaterne af andre metoder.

1) Brug Mac OS X Zoom til at pixelere billeder og skabe øjeblikkelig pixelkunst

Du ved sikkert efterhånden, at hvis du holder kontroltasten nede og derefter stryger op eller ned med to fingre på et pegefelt, vil du zoome ind på skærmen (eller holde Control nede og bruge et rullehjul på en ekstern mus). Nå, hvis du deaktiverer anti-aliasing i OS X Zoom-værktøjet, kan du bruge denne funktion til at skabe pixelerede billeder ud af hvad som helst. Sådan gør du:

  • Tryk Command+Option+\ for at deaktivere anti-aliasing i skærmzoom
  • Hold musemarkøren over det billede, du vil pixelere med det samme
  • Control+Zoom ind i billedet og se pixels vokse
  • Tag et skærmbillede af hele skærmen med Command+Shift+3

Ved brug af denne teknik skabte jeg denne pixel-art MacBook med det samme:

Hvis det er nødvendigt, kan du derefter rydde op i billedet i Photoshop ved hjælp af photoshop-teknikkerne nævnt i denne artikel for at redigere på et præcist niveau pr. pixel. Et par tips til denne metode:

  • Mindre basisbilleder er bedre, at skabe ikoner ud af et billede og zoome ind på dem er fantastisk
  • Mere kontrast er generelt bedre
  • Prøv forskellige zoomniveauer

Det er også vigtigt at tage et skærmbillede i fuld skærm, så billedet tages i fuld pixeleret pragt.

2) Tegn Pixel Art i Photoshop med disse konfigurationstip

Hvis du har photoshop, kan du justere nogle indstillinger for at gøre det overlegent til tegning og redigering af pixel art:

  • Skift den måde, Photoshop skalerer billeder på ved at justere "Billedinterpolation"-præferencer til "Nærmeste nabo (bevar hårde kanter)
  • Enable a Grid via Preferences > Guides, Grid Slices & Count > 1×1
  • Konfigurer blyantværktøjet korrekt til 1px diameter med 100 % hårdhed
  • Brug flere zoomniveauer til både en tæt pixelvisning og den ønskede slutopløsning

Din Photoshop-opsætning vil se sådan ud:

Disse Photoshop-teknikker kommer fra Brandon Trebitowski, en iOS-udvikler, og hvis du overhovedet er interesseret i at designe pixelkunst, kan hans blogindlæg om emnet varmt anbefales at læse, du kan læse det her på BrandonTreb.com .

3) Lav Instant Pixel Art med Pixelfari

Et andet trick til at fremskynde din skabelse af pixelkunst og endda lave næsten øjeblikkelig pixelkunst er ved at bruge 8-bit webbrowseren Pixelfari . Pixelfari kommer fra udvikleren Nevan Morgan, og du kan downloade den med det samme her.

Det eneste, du skal gøre, er at trække ethvert billede ind i Pixelfari, og det vil automatisk gengive billedet som pixel art, og derefter tage et skærmbillede af Pixelfari-vinduet. Det er ikke perfekt, men det skaber et godt udgangspunkt, som derefter kan forfines ved hjælp af ovenstående teknikker nævnt af Brandon.

Her er OSXDaily-logoet smidt ind i Pixelfari uden anden redigering. Dette er et ret godt eksempel på, hvordan det fungerer.

Igen, hvis du vil rydde op i outputtet, kan du bruge Photoshop-tipene nævnt ovenfor, eller du kan endda bruge OS X's zoomfunktion til at hyperpixelere resultaterne i Pixelfari.

Der er åbenbart flere måder at gøre dette på, men for hurtig pixelering er Zoom- og Pixelfari-teknikkerne fantastiske, og Photoshop-konfigurationen er perfekt til at tegne fra bunden eller rydde op i dine præ-pixelerede billeder.Du kan også prøve at bruge Paintbrush, MSPaint-klonen, men det er sværere at få prisen med den app. Endelig er en god generel reference Natomic, som har nogle generelle tips om skygge, belysning, brug af linjer og mere, dens gamle info, men pixels har eksisteret i lang tid, så teknikkerne er stadig meget relevante.

Pixel Art Guide: 3 måder at skabe Pixel Art med Photoshop