Pixelkunst van de 8-bits flashback NES-variant is momenteel helemaal hot, of het nu in games als The Incident en Sword & Sworcery is of gewoon voor avatars op het web. Als je je afvraagt ​​hoe een deel van die prachtige pixelart wordt gemaakt en hoe je het zelf kunt doen, volgen hier enkele tips voor bijna-instant pixelart. We gebruiken de zoomfunctie van OS X, Pixelfari, en configureren ook Photoshop om je eigen retro-pixelkunst te maken en de resultaten van andere methoden op te schonen.

1) Gebruik Mac OS X Zoom om afbeeldingen te pixeliseren en direct pixelart te maken

Je weet nu waarschijnlijk dat als je de Control-toets ingedrukt houdt en vervolgens met twee vingers omhoog of omlaag veegt op een trackpad, je inzoomt op het scherm (of houd Control ingedrukt en gebruik een scrollwieltje op een externe muis). Welnu, als u anti-aliasing in de OS X Zoom-tool uitschakelt, kunt u deze functie gebruiken om van alles korrelige afbeeldingen te maken. Hier is hoe:

• Druk op Command+Option+\ om anti-aliasing in schermzoom uit te schakelen
• Beweeg uw muiscursor over de afbeelding die u direct wilt pixeleren
• Control+Zoom in op de afbeelding en kijk hoe de pixels groeien
• Maak een screenshot van het hele scherm met Command+Shift+3

Met deze techniek heb ik in een handomdraai deze pixel-art MacBook gemaakt:

Indien nodig kunt u vervolgens de afbeelding in Photoshop opschonen met behulp van de in dit artikel genoemde Photoshop-technieken om op een nauwkeurig pixelniveau te bewerken. Een paar tips voor deze methode:

• Kleinere basisafbeeldingen zijn beter, iconen maken van een afbeelding en daarop inzoomen is geweldig
• Meer contrast is over het algemeen beter
• Probeer verschillende zoomniveaus

Het is ook belangrijk om een ​​schermvullende schermafbeelding te maken, zodat de afbeelding in volledige korrelige glorie wordt vastgelegd.

2) Teken pixelart in Photoshop met deze configuratietips

Als je Photoshop hebt, kun je enkele instellingen aanpassen om het superieur te maken voor het tekenen en bewerken van pixelart:

• Wijzig de manier waarop Photoshop afbeeldingen scha alt door de voorkeuren voor "Beeldinterpolatie" aan te passen naar "Dichtstbijzijnde buur (harde randen behouden)
• Een raster inschakelen via voorkeuren > Gidsen, rastersegmenten en tellen > 1×1
• Configureer het gereedschap Potlood op de juiste manier tot een diameter van 1px met 100% hardheid
• Gebruik meerdere zoomniveaus voor zowel een pixelweergave van dichtbij als de gewenste eindresolutie

Uw Photoshop-installatie ziet er ongeveer zo uit:

Deze Photoshop-technieken zijn afkomstig van Brandon Trebitowski, een iOS-ontwikkelaar, en als je ook maar enigszins geïnteresseerd bent in het ontwerpen van pixelart, is zijn blogpost hierover een echte aanrader. Je kunt het hier op BrandonTreb.com lezen. .

3) Maak Instant Pixel Art met Pixelfari

Een andere truc om het maken van pixelart te versnellen en zelfs bijna instant pixelart te maken, is door de 8-bits webbrowser Pixelfari te gebruiken. Pixelfari is afkomstig van ontwikkelaar Nevan Morgan en je kunt het hier direct downloaden.

In wezen hoef je alleen maar een afbeelding naar Pixelfari te slepen en de afbeelding wordt automatisch als pixelart weergegeven en vervolgens maak je een screenshot van het Pixelfari-venster. Het is niet perfect, maar het creëert een goed uitgangspunt dat vervolgens kan worden verfijnd met behulp van de bovengenoemde technieken die door Brandon worden genoemd.

Hier is het OSXDaily-logo in Pixelfari gegooid zonder verdere bewerking, dit is een vrij goed voorbeeld van hoe dit werkt.

Nogmaals, als je de uitvoer wilt opschonen, kun je de hierboven genoemde Photoshop-tips gebruiken, of je kunt zelfs de zoomfunctie van OS X gebruiken om de resultaten in Pixelfari hyper-pixel te maken.

Er zijn natuurlijk meer manieren om dit te doen, maar voor snelle pixelvorming zijn de Zoom- en Pixelfari-technieken geweldig, en de Photoshop-configuratie is perfect om helemaal opnieuw te tekenen of je voorgepixelde afbeeldingen op te schonen.Je zou ook kunnen proberen Paintbrush te gebruiken, de MSPaint-kloon, maar het is moeilijker om prijs te krijgen met die app. Tot slot, een mooie algemene referentie is Natomic, dat een aantal algemene tips heeft over schaduw, belichting, het gebruik van lijnen en meer. Het is oude info, maar pixels bestaan ​​al een hele tijd, dus de technieken zijn nog steeds erg relevant.