Zo maak je pixelkunst: De ultieme beginnersgids

Pixelkunst is een vorm van digitale kunst die is ontstaan uit de behoefte om beelden over te brengen op de beperkte opslagruimte van 8- of 16-bits computers en videogameconsoles.

De praktijk van het genereren van pixelkunst wordt soms “spriting” genoemd, wat afkomstig is van de uitdrukking “sprite” - een tweedimensionale bitmap die naadloos wordt opgenomen in een uitgebreidere visuele context, vaak in de wereld van videogames.

Als je je graag wilt verdiepen in pixelkunst, kun je in deze gids alle informatie en bronnen vinden die je nodig hebt om aan de slag te gaan.

De essentiële gereedschappen voor pixelkunst

Vaak wordt aangenomen dat dure en geavanceerde softwareprogramma’s superieure resultaten opleveren bij het maken van kunst; dit is echter een misvatting. De keuze van een kunsttoepassing komt uiteindelijk neer op persoonlijke voorkeuren. Er bestaat een overvloed aan uitzonderlijke pixelkunsttools voor zowel Android- als iOS-apparaten, met opties als Procreate of Tayasui Sketches, of als je een Windows-besturingssysteem gebruikt, kun je overwegen om een eenvoudig programma als Microsoft Paint te gebruiken om je creatieve inspanningen te beginnen.

Het gebruik van innovatie in plaats van te vertrouwen op de gebruikte software is wat echt de schittering van pixel artwork naar voren brengt. Hoewel een efficiënte applicatie die het proces vereenvoudigt en de leercurve vergemakkelijkt nuttig zou zijn, kan het overweldigend zijn om door de verschillende opties te navigeren bij het zoeken naar de ideale tekentool. Onder de vele alternatieven, onderscheidt Aseprite zich als een top-notch pixel art creatie platform met een uitgebreide set van functies die nodig zijn voor succes op dit gebied.

Aan het eind van elke dag kunnen de essentiële vereisten voor het maken van pixelkunst worden samengevat als een set gereedschappen die beschikbaar moeten zijn in de gekozen programmeeromgeving (daarom is het noodzakelijk om ervoor te zorgen dat de software deze functies bezit).

Het potlood dient als een fundamenteel artistiek medium voor het maken van tekeningen door de mogelijkheid om individuele pixels te genereren in een grafische ontwerpcontext.

Het softwarehulpmiddel dat bekend staat als een “gum” is ontworpen om de grafische elementen, gewoonlijk “pixels” genoemd, die een gebruiker eerder met een tekenprogramma heeft gemaakt, te verwijderen of uit te wissen.

Met het Eyedropper-gereedschap kunnen gebruikers kleuren van een geselecteerde pixel bemonsteren en repliceren, wat een efficiënte manier is om gewenste tinten te hergebruiken in verschillende ontwerpelementen.

Het proces van het vullen van een leegte of houder met een uniforme tint wordt “vullen” of “voltooien” genoemd. Deze handeling kan worden uitgevoerd op verschillende structuren, zoals containers of oppervlakken, en resulteert in het transformeren van hun uiterlijk door het introduceren van een nieuw visueel element. Het resulterende effect is vaak visueel opvallend en kan meerdere doelen dienen, afhankelijk van de context en ontwerpkeuzes.

Extra nuttige hulpmiddelen zijn keuze-, lijn-, reshade- en rotatiehulpmiddelen. Hoewel ze niet onmisbaar zijn, bieden ze vergelijkbare resultaten als de eerder genoemde hulpmiddelen.

Om een hoog niveau van precisie in je werk te behouden, is het aan te raden om het gebruik van penselen, vervagen, verlopen en andere geautomatiseerde functies die je vermogen om elke afzonderlijke pixel op het canvas te controleren in gevaar kunnen brengen, te vermijden.

Elk apparaat dat de cursor kan besturen is voldoende. Zowel een trackpad als een muis bieden precieze manipulatie, terwijl een grafisch tablet meer controle biedt over uitgebreide bewegingen.

Hoe groot moet je sprite of canvas zijn?

Bij de selectie van de grootte van een Sprite bestaat er geen fout antwoord. Het is echter gebruikelijk om afmetingen te zien die veelvouden van acht in machten van twee zijn (bijvoorbeeld 8x8, 16x16, 32x32, enzovoort) vanwege de beperkingen van oudere computersystemen om deze afmetingen nauwkeurig weer te geven.

We stellen voor om te beginnen met een bescheiden aanpak omdat dit een snelle verwerving van fundamentele kennis mogelijk maakt. De pixelkunst is ontstaan uit de wens van kunstenaars om het gebruik van pixels en kleuren te optimaliseren gezien de beperkingen van hun technologie.

Noodzaak voedt vaak innovatie en dwingt iemand om buiten de gebaande paden te denken. Als je beperkt wordt door beperkingen, moet je je vaardigheden aanscherpen om beperkte middelen optimaal te gebruiken. Door de kunst van het efficiënt verpakken van ingewikkelde details binnen de grenzen van een minuscuul grafisch element, zoals een kleine sprite, onder de knie te krijgen, kun je vervolgens toewerken naar grotere afmetingen met behoud van de fijne nuances van je ontwerp.

Bij het ontwerpen van personages voor scènes in games is het belangrijk om niet alleen rekening te houden met hun visuele uiterlijk, maar ook met de schaal waarop ze worden gepresenteerd ten opzichte van de algehele spelomgeving. Dit kan worden bereikt door zorgvuldig te kijken naar de proportionele relatie tussen de sprite van het personage en het scherm waarop het zal verschijnen. Door te bepalen hoe groot of klein het personage moet zijn in verhouding tot de omgeving, kunnen ontwikkelaars effectief een gevoel van schaal en realisme overbrengen dat de spelerservaring verbetert.

Het is belangrijk om op te merken dat een heersende trend onder moderne beeldschermen een beeldverhouding van 16:9 is, waarbij een horizontale spanwijdte van 16 eenheden overeenkomt met een verticale dimensie van negen eenheden. Dit kenmerk wordt algemeen waargenomen bij verschillende beeldschermmodellen en moet door spelontwikkelaars in overweging worden genomen bij het ontwerpen van hun projecten.

Bij het bepalen van je uiteindelijke resolutiekeuze is het gebruikelijk om eerst met een kleinere canvasgrootte te werken voordat je opschaalt naar de gewenste grotere afmetingen na voltooiing van je ontwerp.

Bij het aanpassen van de grootte van pixel art, is het aanbevolen om gehele waarden te gebruiken voor het wijzigen van de grootte om een schoon en nauwkeurig uiterlijk te behouden. Besteed zorgvuldig aandacht aan wiskundige berekeningen voordat je begint met het creatieproces.

Om een resolutie van 1080p te bereiken, kun je werken met een canvas van 384 pixels in de breedte en 216 pixels in de hoogte, en deze vervolgens met 500 procent vergroten voor weergavedoeleinden.

Om een optimale visuele kwaliteit te garanderen, moet het schalen idealiter als laatste stap in het proces worden uitgevoerd. Onbedoeld schalen terwijl je een gereedschap voor één pixel gebruikt, kan resulteren in inconsistente pixelverhoudingen, wat uiteindelijk leidt tot een ongewenst uiterlijk.

Het spritproces

Als je eenmaal een canvas voor je hebt ontvouwd, zijn de mogelijkheden voor creatieve expressie grenzeloos. De schoonheid ligt in het feit dat er geen eenduidige aanpak of methodologie bestaat, omdat elke kunstenaar zijn eigen unieke pad kan bewandelen om zijn visie op deze lege lei te realiseren.

Om een basis te leggen voor je inspanningen, presenteer ik een uitgebreide gids die een systematische aanpak schetst voor het initiëren van je project. Voel je vrij om je strikt aan dit raamwerk te houden, bepaalde stappen weg te laten als je dat gepast vindt, of extra onderdelen toe te voegen op basis van individuele voorkeuren en vereisten.

Begin met een ruwe schets

Om te beginnen met het maken van een sprite met Scratch, gebruik je het Potloodgereedschap door het over het werkveld te slepen alsof je op papier tekent. Precisie is niet nodig; het proces moet lijken op schetsen uit de vrije hand.

We zijn vastbesloten om elke wanorde die kan ontstaan tijdens de beginfase van onze samenwerking aan te pakken. Ons belangrijkste doel op dit moment is om de essentie van je concept te begrijpen en effectief over te brengen via ons werk.

De lijntekening opschonen

Laat ons de grove contouren verfijnen door alle verdwaalde pixels te verwijderen en zo het algehele uiterlijk van de afbeelding te verbeteren.

Om de visuele samenhang en duidelijkheid te behouden, is het belangrijk om onregelmatigheden in de vorm van afzonderlijke pixels of clusters van pixels die de continuïteit van een grafisch element verstoren, te verwijderen. Dergelijke verstoringen worden meestal “jaggies” genoemd en vormen een ongewenste onderbreking van de gladheid en uniformiteit van een ontwerp. Daarom is het noodzakelijk om te streven naar het verwijderen van jaggies uit digitale afbeeldingen om een gepolijste en professionele uitstraling te krijgen.

Soms kan een eenvoudige aanpassing problemen oplossen met ongelijkmatige overgangen langs een gebogen pad. Een veel voorkomend probleem ontstaat wanneer een deel van de lijn een inconsistent aantal pixels heeft in vergelijking met de buren, wat resulteert in een onnatuurlijk ogende bounce. Om een naadloos en visueel aantrekkelijk verloop te bekomen, is het cruciaal om een consistente pixelbreedte te behouden doorheen het hele pad. Vermijd het insluiten van een reeks pixels binnen grotere elementen omdat dit de stroom kan verstoren en visuele verstoringen kan veroorzaken.

Hoewel het een uitdaging kan zijn om gekartelde randen in afbeeldingen volledig te elimineren, vooral als je ingewikkelde ontwerpen of complexe vormen gebruikt, moet je ernaar streven om ze zo veel mogelijk te beperken.

Kleuren introduceren

Het is nu tijd om je emmer op te halen, een instrument waarmee je de omtrekillustratie van je sprite kunt voorzien van kleuren.

Vroeger kregen kunstenaars beperkingen opgelegd door de afmetingen van sprites. De afmetingen van een sprite bepaalden het aantal beschikbare kleuren. Als een sprite bijvoorbeeld 16 pixels horizontaal en 16 pixels verticaal meet, had een artiest slechts de beschikking over 16 verschillende kleuren. Door de technologische vooruitgang zijn dergelijke beperkingen echter achterhaald.

Om een aantrekkelijk kleurenschema te maken, moet je de kleurtheorie begrijpen. Je moet namelijk kleuren selecteren die harmonieus op elkaar inwerken en tegelijkertijd verschillen in verzadigingsniveaus en helderheidscontrasten tussen licht en donker inbouwen. Als je niet bekend bent met deze principes, kan het een uitdaging zijn om een samenhangend palet samen te stellen.

Als je wilt dat iemand anders het denkwerk voor je doet, is Lospec een geweldige online database vol kant-en-klare kleurenpaletten.

Details, highlights en schaduwen toevoegen

Dit stadium is een belangrijke mijlpaal in onze creatieve inspanningen, omdat we hier onze tweedimensionale illustraties de nodige dimensie en diepte geven om ze een gevoel van tastbare realiteit te geven. Met de basis die we in de vorige stappen hebben gelegd, zijn we nu uitgerust om onze composities te verfraaien met een scala aan textuurnuances, subtiele schaduwtechnieken en ingewikkelde details die levensechte kwaliteiten geven aan onze anders statische vormen.

Bij het renderen van een afbeelding is het belangrijk om rekening te houden met de plaatsing van licht in de scène en hoe dit het uiterlijk van objecten beïnvloedt. Om realistische schaduwen en hooglichten te maken, kun je beginnen met het selecteren van een primaire lichtbron en deze gebruiken als leidraad voor je schaduwbeslissingen. Over het algemeen zullen oppervlakken die verder van de lichtbron zijn verwijderd donkerder lijken dan oppervlakken die er dichter bij zijn. Bepaalde gebieden kunnen echter directe verlichting van de lichtbron ontvangen, waardoor ze in vergelijking helderder of lichter lijken. Door deze lichtbronnen zorgvuldig te plaatsen en aan te passen, kunnen kunstenaars een reeks visuele effecten bereiken en de algehele kwaliteit van hun werk verbeteren.

De beslissing om een lijntekening in monochromatische vorm te houden of er kleur aan toe te voegen, hangt uiteindelijk af van iemands individuele smaak en artistieke benadering.

Bewaar je kunst

Gezien de inhoud die wordt opgeslagen, is het verstandig om te kiezen voor een bestandsindeling die grote vlakken met uniforme tint en doorschijnendheid ondersteunt. Voor stilstaande afbeeldingen zonder beweging is het opslaan in het Portable Network Graphics (PNG) formaat over het algemeen voldoende. Als de visuele presentatie echter beweging bevat, kan het gebruik van het Graphics Interchange Format (GIF) geschikter zijn omdat het geanimeerde elementen kan weergeven. Wat uiteindelijk de optimale keuze van bestandstype bepaalt, zijn de kenmerken die nodig zijn om de respectieve aspecten van de digitale creatie nauwkeurig weer te geven.

Mensen moeten voorzichtig zijn bij het gebruik van JPEG-bestanden, omdat dit een compressietechniek is die speciaal is ontworpen voor digitale afbeeldingen met naadloze overgangen van kleur en detail.

Pixel Art: Easy to Learn, Hard to Master

Pixel art is een vorm van digitale illustratie die zich onderscheidt van de traditionele digitale tekenkunst vanwege de inherente beperkingen die worden opgelegd door de op rasters gebaseerde structuur. Ondanks dit onderscheid deelt pixelkunst een aantal fundamentele principes met andere vormen van beeldende kunst, zoals schilderen en tekenen, waardoor kunstenaars die bekend zijn met deze media zich relatief gemakkelijk kunnen aanpassen. Door consequent te oefenen kunnen individuen hun vaardigheden in pixelkunst aanscherpen en na verloop van tijd meester worden.