Pixelkonstguide: 3 sätt att skapa pixelkonst med Photoshop

Innehållsförteckning:

Anonim

Pixelkonst av 8-bitars flashback NES-varianten är på modet just nu, oavsett om det är i spel som The Incident och Sword & Sworcery eller bara för avatarer på webben. Om du undrar hur en del av den vackra pixelkonsten skapas och hur du gör det själv, här är några tips för nästan omedelbar pixelkonst. Vi kommer att använda OS X:s zoomfunktion, Pixelfari, och även konfigurera Photoshop för att göra din egen retro pixelkonst och rensa upp resultaten av andra metoder.

1) Använd Mac OS X Zoom för att pixla bilder och skapa omedelbar pixelkonst

… extern mus). Tja, om du inaktiverar kantutjämning i OS X Zoom-verktyget kan du använda den här funktionen för att skapa pixlade bilder av vad som helst. Här är hur:

  • Tryck Command+Option+\ för att inaktivera kantutjämning i skärmzoom
  • För muspekaren över vilken bild du vill pixla omedelbart
  • Control+Zooma in i bilden och se pixlarna växa
  • Ta en skärmdump av hela skärmen med Kommando+Skift+3

Med den här tekniken skapade jag denna pixelartade MacBook direkt:

Om det behövs kan du sedan rensa upp bilden i Photoshop med hjälp av photoshop-teknikerna som nämns i den här artikeln för att redigera på en exakt per-pixel-nivå. Några tips för den här metoden:

  • Mindre basbilder är bättre, att skapa ikoner av en bild och zooma in på dem är bra
  • Mer kontrast är generellt sett bättre
  • Prova olika zoomnivåer

Det är också viktigt att ta en helskärmsbild så att bilden fångas i full pixlad glans.

2) Rita Pixel Art i Photoshop med dessa konfigurationstips

Om du har Photoshop kan du justera vissa inställningar för att göra det överlägset för att rita och redigera pixelkonst:

  • Ändra hur Photoshop skalar bilder genom att justera inställningarna för "Bildinterpolation" till "Närmaste granne (bevara hårda kanter)
  • Enable a Grid via Preferences > Guides, Grid Slices & Count > 1×1
  • Konfigurera pennverktyget korrekt till 1px diameter med 100 % hårdhet
  • Använd flera zoomnivåer för både en nära pixelvy och önskad slutupplösning

Din Photoshop-inställning kommer att se ut så här:

Dessa Photoshop-tekniker kommer från Brandon Trebitowski, en iOS-utvecklare, och om du överhuvudtaget är intresserad av att designa pixelkonst rekommenderas hans blogginlägg om frågan starkt, du kan läsa det här på BrandonTreb.com .

3) Gör Instant Pixel Art med Pixelfari

Ett annat knep för att påskynda ditt skapande av pixelkonst, och till och med göra nästan omedelbar pixelkonst, är att använda 8-bitars webbläsaren Pixelfari . Pixelfari kommer från utvecklaren Nevan Morgan och du kan ladda ner den direkt här.

I princip allt du behöver göra är att dra valfri bild till Pixelfari och den renderar automatiskt bilden som pixelkonst och tar sedan en skärmdump av Pixelfari-fönstret. Det är inte perfekt men det skapar en bra utgångspunkt som sedan kan förfinas med hjälp av ovanstående tekniker som nämns av Brandon.

Här är OSXDaily-logotypen inlagd i Pixelfari utan någon annan redigering, det här är ett ganska bra exempel på hur detta fungerar.

Återigen om du vill rensa upp resultatet kan du använda Photoshop-tipsen som nämns ovan, eller så kan du till och med använda OS X:s zoomfunktion för att hyperpixla resultaten i Pixelfari.

Det finns uppenbarligen fler sätt att göra detta på, men för snabb pixelering är zoom- och Pixelfari-teknikerna utmärkta, och Photoshop-konfigurationen är perfekt för att rita från grunden eller rensa upp dina förpixlade bilder.Du kan också prova att använda Paintbrush, MSPaint-klonen, men det är svårare att få pris med den appen. Slutligen, en trevlig allmän referens är Natomic, som har några allmänna tips om skuggning, ljussättning, användning av linjer och mer, dess gamla information men pixlar har funnits länge, så teknikerna är fortfarande mycket relevanta.

Pixelkonstguide: 3 sätt att skapa pixelkonst med Photoshop