Guide

Så gör du pixelkonst: en steg-för-steg-guide

Vad pixelkonst är, hur du gör ditt första verk på 7 steg, gratisverktyg som Piskel och enkla idéer till pixelkonst. Polarzinho, en panda i hög upplösning, förklarar.

Polarzinho som ritar på en pennplatta, medan en pixelkonstfigur hoppar ut från skärmen, med en färgpalett bredvid

Pixelkonst är konst gjord pixel för pixel, som en mosaik av små rutor. Jag är en panda i hög upplösning, men vår studio har hela spel gjorda på det här sättet, som Barrio Kick och Zombra Survivor. Så jag samlade det man kan lära sig genom att titta noga.

I den här guiden ser du vad pixelkonst är, hur du gör pixelkonst på 7 steg, vilka verktyg du kan använda, som Piskel, som är gratis och körs i webbläsaren, och några enkla idéer till din första teckning.

Spela Barrio Kick Spela Zombra Survivor

Vad är pixelkonst

Det är en digital konststil där varje pixel placeras med avsikt. Den växte fram ur begränsningarna i de första tv-spelen och datorerna, som hade låg upplösning och få färger. Idag är det ett stilval: många indiespel använder pixelkonst för att den ser bra ut, är tydlig att läsa och passar snabba spel.

Barrio Kick-avspark i pixelkonst, med spelare på en grusplan, en resultattavla som visar 0 till 0 och en väggmålning

PolarzinhoVarje spelare där är bara några pixlar hög, och man ser ändå vem som är vem. Det är bra pixelkonst.

Barrio Kick: gatufotboll i pixelkonst. Titta på väggmålningen och publiken.

Så gör du pixelkonst på 7 steg

  1. Börja smått: en canvas på 16 × 16 eller 32 × 32. Ju mindre den är, desto enklare är det att bestämma var varje pixel ska hamna.
  2. Välj en kort palett med 4 till 8 färger. Färre färger gör teckningen renare.
  3. Rita konturen med en 1-pixelpenna, utan utjämning.
  4. Undvik taggiga steg: i kurvor använder du rader av pixlar som växer eller krymper gradvis (3, 2, 1), inte slumpmässiga hopp.
  5. Fyll med grundfärgen och bestäm varifrån ljuset kommer.
  6. Skugga med 1 eller 2 mörkare toner på motsatt sida av ljuset, och en ljusare ton på den upplysta sidan.
  7. Exportera skalat med heltal (2×, 4×, 8×) och närmaste granne som skalning, så att pixlarna förblir skarpa.

Verktyg för att göra pixelkonst

  • Piskel: gratis och körs i webbläsaren. Bra för att komma igång och för korta animationer.
  • Aseprite: betalt och mycket använt av spelutvecklare, med lager, animation och paletter.
  • Vilket bildredigeringsprogram som helst fungerar om det har rutnät, en 1-pixelpenna och zoom utan utjämning.
  • För färdiga paletter samlar Lospec tusentals, sorterade efter antal färger.

Enkla pixelkonstidéer till din första teckning

  • Ett hjärta: går att göra på 8 × 8 med två färger.
  • En svamp: en rund hatt med prickar och en kort stjälk.
  • En jordgubbe: röd, små gula frön och gröna blad.
  • Ett svärd: en diagonal linje, skyddet och handtaget.
  • Ett litet spöke: en rundad form med två ögon och en vågig fåll.
  • En panda: svart och vit, två och en halv färg. Jag godkänner.

Pixelkonstspel att spela i webbläsaren

Att spela pixelkonstspel är den bästa lektionen. Två från Polar Games att studera och spela samtidigt:

Barrio Kick

Gatufotboll 5 mot 5 med passningar, lobbar, glidtacklingar och cykelsparkar. Lägg märke till hur varje spelare får en annan tröja och hudton med mycket få pixlar.

Zombra Survivor

Överlevnad mot zombievågor över tre banor. Vapenikonerna i butiken visar hur man ger små föremål volym.

Vapenbutiken i Zombra Survivor i pixelkonst, med ikoner för en machete, en pistol, ett hagelgevär och andra vapen med priser

PolarzinhoJag ägnade mer tid åt att beundra butiksikonerna än åt att köpa vapen. Zombierna väntade inte.

Butiken i Zombra Survivor, på portugisiska: varje vapen är en liten, detaljerad ikon.

Vanliga frågor om pixelkonst

Vad är pixelkonst?

Digital konst gjord pixel för pixel, med få färger och med avsiktligt låg upplösning.

Vilket är det bästa gratisprogrammet för pixelkonst?

Piskel är gratis, körs i webbläsaren och är bra för nybörjare.

Vilken canvasstorlek ska jag börja med?

16 × 16 eller 32 × 32 pixlar. Gå större när du har lärt dig det.

Rita (och spela)

Öppna Piskel, rita ett hjärta på 8 × 8 och studera sedan de bästa: Barrio Kick och Zombra Survivor finns i knapparna nedan.

Spela Barrio Kick Spela Zombra Survivor