Pixelkonst är allt raseri i moderna oberoende videospel. Det tillåter konstnären att förmedla mycket karaktär för ett spel utan att behöva lägga otaliga timmar på att modellera 3D-objekt eller handrita komplexa ämnen. Om du vill bli en pixelartist är det första steget att skapa en sprite. När du väl känner dig bekväm med att skapa sprites kan du börja animera och shoppa dina färdigheter till potentiella arbetsgivare.
Steg
Del 1 av 7: Samla dina verktyg
Steg 1. Ladda ner bra bildredigeringsprogram
Medan du kan skapa pixelkonst med Paint, kommer du att få det svårt. Några av de mest populära pixelkonstprogrammen inkluderar:
- Photoshop
- Paint.net
- GIMP
- Pixen
- Aseprit
- pixilart
Steg 2. Skaffa en ritplatta
Om du vill spåra handritad konst eller inte riktigt gillar att använda musen för att rita på skärmen kan du använda en surfplatta och en penna. Wacom är en av de mest populära surfplattstillverkarna.
Steg 3. Slå på rutnätvy i ditt redigeringsprogram
Du vill aktivera rutnätläge i vilken programvara du än väljer. Detta gör att du tydligt kan se vart varje pixel tar vägen. Du kan vanligtvis komma åt rutnätvyn från menyn Visa.
Du kommer sannolikt att behöva konfigurera rutnätet så att varje kvadrat representerar en pixel. Metoden för att göra detta varierar från program till program. I GIMP kan du ändra detta från bildmenyn (välj "Konfigurera rutnät …")
Steg 4. Välj en penna med en pixel
Välj pennverktyget i ditt redigeringsprogram. Välj pennan med en pixel i pennans alternativ. Detta gör att du kan rita in enstaka pixlar.
Del 2 av 7: Öva grunderna
Steg 1. Skapa en ny bild
Eftersom du kommer att arbeta med pixelnivån behöver bildstorleken inte vara stor. Hela skärmen i det ursprungliga Super Mario Bros. -spelet är bara 256 x 224 pixlar. Mario själv är bara 12 x 16 pixlar!
Steg 2. Zooma in
Eftersom du kommer att arbeta med enskilda pixlar vill du zooma väldigt långt in så att du kan se rutnätet och var varje enskild pixel placeras. Du kan behöva zooma in över 800% för att tydligt se pixlarna i rutnätet.
Steg 3. Öva på att rita en rak linje
Detta kan verka som ett enkelt koncept, men om raden är ens en pixel av i mitten kommer det att märkas. Öva på att rita raka linjer med musen eller pennan så att du inte behöver byta till linjeverktyget varje gång.
Steg 4. Öva på att rita krökta linjer
Kurvor bör uppstå med regelbundna avbrott i pixellinjen. Till exempel skulle en bra kurva börja med ett sex-pixel-bryt, följt av ett tre-pixel-bryt, följt av ett två-pixel-brytning, följt av ett-pixel-bryt. Pauserna skulle sedan vända för att göra den andra änden av kurvan. En dålig kurva skulle börja med en tre-pixel brytning, följt av en en-pixel brytning, följt av en tre pixel brytning, eller någon annan udda progression.
Steg 5. Använd verktyget Radera för att åtgärda misstag
Precis som pennverktyget vill du ställa in suddgummit för att radera en pixel åt gången. Om suddgummit är för stort blir det svårt att radera pixlar med precision.
Del 3 av 7: Beskriv din första sprite
Steg 1. Bestäm sprites användning
Kommer det att vara animerat eller statiskt? Du kan lägga mer detaljer i en statisk sprite, men du kanske vill hålla en animerad sprite enklare eftersom du måste rita om delar för animationen. Om spriten ska användas med andra sprites, vill du behålla en konstnärlig stil som förbinder allt med varandra.
Steg 2. Ta reda på om det finns några begränsningar
Om du skapar spriten för ett projekt, avgör om det finns några storlekar eller färgbegränsningar. Detta kommer att bli viktigare när du börjar arbeta med större projekt med många olika sprites.
De flesta moderna system har egentligen inga begränsningar vad gäller sprite -storlek och färgkomplexitet. Om du utvecklar ett spel specifikt för ett äldre system kan du stöta på fler begränsningar
Steg 3. Skissa ut det
Försök att skissa ut sprittens grundläggande koncept på ett papper. Detta gör att du kan se hur spriten kommer att se ut och göra justeringar av posen eller andra egenskaper. Du kan använda denna skiss som källa till din spårning senare om du har en surfplatta.
Gör skissen detaljerad. Placera alla funktioner som du vill inkludera så att du kan få en känsla för hur spriten kommer att se ut som en färdig produkt
Steg 4. Skapa konturen i ditt redigeringsprogram
Använd antingen den skisserade konturen som referens eller spåra konturen med din pad. Du kan antingen klicka och rita för att skapa konturen eller placera varje pixel individuellt, valet är ditt.
När du skapar din första sprite använder du helt svart som konturfärg. Detta kommer att göra det lätt att skilja. Du kan ändra konturens färg manuellt senare
Steg 5. Rensa konturen
Zooma in och börja radera extra pixlar och fixa linjer. Konturen ska bara vara en pixel tjock, såvida du inte håller en tjockare kontur för resten av spriten. Använd ditt pennaverktyg för att infoga pixlar för att hjälpa till att rätta till misstag.
Fokusera på de stora detaljerna under dispositionen. Du kan gå tillbaka och lägga till de små detaljerna senare
Del 4 av 7: Färga din sprite
Steg 1. Pensla på grundläggande färgteori
Titta på färghjulet för att avgöra vilka färger du ska använda. Färger mittemot varandra på hjulet kommer att vara väldigt distinkta, medan färger i närheten kommer att se bra ut bredvid varandra.
Välj en uppsättning färger som ger din sprite ett distinkt utseende utan att vara alltför störande. Undvik pastellfärger om möjligt, om inte hela projektet använder den stilen
Steg 2. Använd bara några färger
Ju mer färg du lägger till, desto mer distraherande ser din sprite ut. Ta en titt på några av de mest ikoniska spritesna och du kommer att upptäcka att de ofta bara använder några få färger.
- Mario - Den klassiska Mario sprite använder bara tre färger som alla är nära besläktade.
- Sonic - Sonic har mer detaljer än original Mario, men består fortfarande bara av fyra färger med olika nyanser.
- Ryu - En av de klassiska kampspelsspriterna, Ryu använder stora områden med enkla färger, med liten skuggning för definition. Ryu har fem grundfärger med olika nyanser.
Steg 3. Applicera dina färger
Använd fyllningsverktyget för att tillämpa dina färgval på din sprite. Du applicerar bara basfärg vid det här laget, så oroa dig inte för hur platt det ser ut. Fyllningsverktyget ersätter alla pixlar som matchar pixeln du klickade med din valda färg tills gränserna har nåtts.
Del 5 av 7: Tillämpa skuggning
Steg 1. Bestäm "ljuskällan"
Vinkeln som ljuset träffar spriten hjälper dig att avgöra var du ska applicera skuggning för en mer realistisk och trovärdig effekt. Även om det inte kommer att bli ett ljus, är det mycket viktigt att veta i vilken riktning ljuset lyser.
Det kan vara lättast att skugga med ljuskällan som kommer långt ifrån ovanför spriten, antingen från höger eller lätt vänster
Steg 2. Applicera skuggning med en något mörkare nyans av basfärgen
Om ljuskällan kommer uppifrån bör skuggningen ske på "undersidan" av spriten. Skugga alla områden som inte skulle drabbas av direkt ljus. Lägg bara till några lager pixlar över eller under konturerna för att lägga till skuggning.
- Du kan minska "lum" -värdet för din basfärg och öka "nyans" -värdet något för att få en bra skuggningsfärg.
- Använd aldrig lutningar. De kommer att se väldigt falska och oprofessionella ut. Du kan använda dithering för att efterlikna lutningar (se nedan).
Steg 3. Lägg till några mjuka skuggor
Välj en nyans mellan skuggans mörker och den ursprungliga basfärgen. Använd den här nyansen för att lägga till ytterligare ett skugglager mellan skuggningen och basfärgen. Detta ger effekten av att övergå från mörkt till ljust.
Steg 4. Applicera några höjdpunkter
Det här är fläckar på spriten som drabbas mest av ljuset. Du kan lägga till höjdpunkter genom att använda en nyans som är något ljusare än basfärgen. Använd höjdpunkter sparsamt, eftersom de kan bli distraherande.
Del 6 av 7: Använda avancerade tekniker
Steg 1. Prova lite dithering
Detta är en effekt som gör att konstnären kan representera en nyansskiftning. Det låter dig skapa en lutningseffekt med bara några få färger genom att växla pixelplacering för att skapa övergångarna. Mängden och placeringen av två olika pixelfärger i ett mönster kan lura ögat att se olika nyanser.
Dithering tenderar att överanvändas av nybörjare, så försök att undvika att använda det utom i sällsynta fall
Steg 2. Öva på anti-aliasing
Pixelkonst definieras av de märkbara pixlarna, men ibland vill du blanda linjerna för att allt ska se lite mjukare ut. Anti-aliasing är tekniken som låter dig göra detta.
- Lägg till mellanfärger till böjningarna på en kurva. Lägg till ett lager mellanliggande färger runt kurvens kontur som du vill mjuka upp. Om det fortfarande ser grovt ut, lägg till ytterligare ett lager av en ljusare nyans.
- Om du vill att din sprite ska se skarp ut på valfri färgbakgrund ska du inte motverka alias ytterkant av konturen.
Steg 3. Tillämpa selektiv beskrivning
Detta är termen för att måla konturen som liknar färgerna som används för att fylla. Detta kommer att ge spriten ett lite mindre "tecknat" utseende, eftersom konturen kommer att vara lite mer naturlig. Försök att selektivt beskriva bar hud medan du använder traditionell kontur på kläder.
- Använd en nyans som är mörkare än basfärgen för det avsnitt du selektivt beskriver. Använd ljuskällan för att ändra nyansen när du skisserar, vilket ger spriten ett mer naturligt utseende. Detta kan vara särskilt användbart för hud och muskelton.
- Traditionell kontur är bra om du behöver din sprite för att hålla sig distinkt ovanför en hektisk bakgrund.
Del 7 av 7: Lägga till finishen
Steg 1. Ge spriten en bra titt över
Ta ett steg tillbaka och titta på din sprite upp till denna punkt. Bestäm om något ser ut och korrigera sedan dessa inkonsekvenser eller fel.
Steg 2. Lägg till detaljer
När du har färgt och skuggat kan du lägga till detaljer som skrift, ögon, ytterligare funktioner och allt annat som kan ta din sprite till nästa nivå. Uppmärksamheten på detaljer i slutet är det som skiljer amatör från professionella pixelartister.
Steg 3. Animera din sprite
Om du har följt stegen ovan har du en enda statisk sprite. Det här är bra som ett konstverk, men om du vill göra sprites för spel måste de sannolikt animeras. Det betyder att varje animationsram måste ha sin egen sprite, med små förändringar från den föregående ramen. Samlingen av alla sprites som används i en animation kallas ett "sprite -ark".
- Se den här guiden för detaljer om hur du animerar ett sprite -ark i GIMP.
- Att skapa unika och attraktiva animationer för sprites är ett sätt att master pixelartister skiljer sig från amatörer. En bra animation kan blåsa massor av liv i en sprite.
Steg 4. Skapa en portfölj
Om du vill ta dina pixelkonstkunskaper in i utvecklingsvärlden för videospel vill du ha en gedigen portfölj att visa upp för potentiella arbetsgivare. Inkludera flera av dina bästa sprites, samt några animationer om du har dem. Inkludera en mängd olika ämnen, inklusive karaktärer, landskap, rekvisita och mer.
