Här är en liten artikel om hur man börja göra pixelkonst, avsedd för dem som verkligen just har börjat eller aldrig ens har öppnat en pixel art programvara.
För tillfället täcker jag bara bas, hur man skapar en fil, justera storleken på duken och arbeta med en färggräns.
INNAN DU BÖRJAR
Innan du börjar på pixelkonst, kom ihåg: Pixelkonst är bara ett annat sätt att konstnärligt uttryck, såsom gouacher, oljemålning, penna, skulptur eller dess nära kusin mosaik.
För att göra bra pixelkonst måste du kunna göra bra ritningar. I allmänhet betyder det att du måste studera anatomi, perspektiv, ljus och skuggor, färgteori och till och med konsthistoria, eftersom det här är alla väsentliga delar för att göra bra pixelkonst.
VERKTYG
Det är inte nödvändigt att ha speciell kunskap för att göra bra pixelkonst, och du kan klara dig även med en bra mus och fri programvara.
Här är en lista över vanliga program för pixel art :
- Aseprite : utmärkt professionell redaktör med många tidsbesparande funktioner (mot en avgift)
- GraphicsGale En klassiker, som används i många spel. Det är lite komplicerat, men fullt av intressanta funktioner (gratis).
- Piskel : Gratis online pixelated konst redaktör (gratis)
- Photoshop : kraftfull bildredigerare som inte är avsedd att göra pixelkonst men som du kan ställa in för att använda den (betald)
ASEPRITE
Aseprite är min favorit pixel konst programvara. Det är otroligt kraftfull, full av funktioner och ändå enkel att använda. Jag valde aseprite som programvara för denna handledning, men jag är ganska säker på att du kan anpassa den till någon annan programvara som du använder med minimala ändringar.
Du kan också få gratis testversion av Aseprit, men kom ihåg att det inte kommer att säkerhetskopiera dina filer, vilket är okej om du bara tränar.
SKAPA EN NY FIL
Klicka bara på länken" ny fil"..."på startskärmen eller gå till Arkiv > Ny fil så att vi kan börja rita.
Låt oss skapa en ny fil. 16 av 16 verkar förmodligen lite för liten, men jag tycker att det är en bra utgångspunkt. Större resolutioner kan distrahera dig från vad du bör fokusera på nu.
Du kan lämna färgläget i RGBA, det är det enklaste och mest intuitiva för nu. Vissa pixelists gillar att arbeta med en indexerad palett som gör det möjligt att göra några ganska coola färgtricks, men har också vissa nackdelar.
Håll bakgrunden transparent eller vit, det kommer inte att förändras mycket för nu. Se bara till att de avancerade alternativen inte kontrolleras (men känn dig fri att testa dem senare) och gå !
Nu drar vi !
Det finns många verktygsfält och menyer, men oroa dig inte, vi behöver bara några knappar för nu. Huvudverktyget är penna, som alltid måste vara 1 pixel bred, och så här lägger vi våra pixlar på duken. Klicka bara på knappen, eller tryck på B, och klicka på skärmen för att placera en pixel av den valda färgen.
Till vänster kan du se din färgpalett, med några av standardfärgerna. Låt oss ändra dem för en annan enklare uppsättning. Klicka på den tredje ikonen längst upp i färgpaletten (förinställningar) och välj ARQ4 (en mycket bra palett), detta är den du kommer att använda för din första sprite.
Nu, med bara de 4 färgerna längst upp till vänster, försök att rita en kopp.
Känn dig fri att inspireras av min, men också försöka göra det unikt. Om du gör ett misstag, alt + klick på ett tomt område eller utanför din ritning och du "tar" den transparenta färgen och du kan använda den för att radera pixlar. Du kan också klicka på suddgummi eller tryck på E för att välja den.
Du kommer förmodligen att märka att arbetet i en så låg upplösning skiljer sig mycket från en vanlig ritning. Allt måste beräknas, och varje pixel du placerar är ett utmärkt val du behöver göra. Detta är något du måste vänja sig vid.
Du kan också experimentera med de andra knapparna i verktygsfältet. Det är värt att notera att vissa knappar öppnar fler alternativ när du trycker på. För nu, undvika oskärpa verktyget, eftersom det lägger till färger och vi vill inte ha någon ännu.
Då gör vi fler sprites! Försöka rita en skalle, ett svärd och ett mänskligt ansikte. Den här gången, utan min referens i pixelkonst. om du tror att spriterna inte passar in i duken, är det ganska normalt, försök att abstrahera något på en enda pixel och försök igen. Det är mycket svårt att arbeta med en så låg upplösning och ibland ser det ut som ett pussel.
Det är alltid en bra övning. Om du vill fortsätta träna, försök att göra ännu fler ritningar med dessa begränsningar.
SÄKERHETSKOPIERA DIN MAPP
Om du vill spara filen trycker du på Ctrl + S (eller går till Arkiv>Spara som...), välj ett filnamn och plats och tryck bara på Spara.
Kom ihåg att i testversionen av Aseprite är säkerhetskopiering inaktiverad !
Du ser att Aseprite kan spara i olika format, men jag rekommenderar fortfarande att du behåller en version .ase av varje fil du skapar. Precis som i Photoshop, kommer du att hålla en fil .PSD. När du exporterar för webb eller spel kan du använda Control + Alt + Shift + s eller File>Export.
Aseprite har en mycket bra storleksändring funktion i exportfönstret. Det skalar bara din sprite i runda tal, vilket är perfekt. Om du ändrar storlek på din sprite till 107%, till exempel, kommer det att bryta pixlar överallt och det kommer att bli en katastrof, men om du ändrar storlek på den till 200%, kommer varje pixel nu att vara 2 pixlar bred och hög, så det kommer att se vackert och skarpt ut.
EN STÖRRE DUK
Nu när du har räknat ut grunderna, som att skapa en ny fil, Spara och rita på duken, låt oss försöka rita på en duk lite större, 32 med 32 pixlar. Vi kommer också att använda en större palett nu, prova aap-Micro12. Den här gången kommer vi att rita en spade.
Till skillnad från 16-by-16 sprite, kan vi faktiskt göra några konturer hålla här, så låt oss börja med det.
HÄR ÄR BESKRIVNINGEN AV MIN PROCESS :
- Steg 1: Linjer
Denna linje stil är vad vi kallar en perfekt linje till närmaste pixel, det är bara en pixel bred och ansluter diagonalt med de andra pixlarna. Genom att göra linjer så här undviker vi ofrivilliga kanter, som här :
Aseprite har också en mycket bra funktion på borstinställningarna för att göra detta nästan automatiskt: med ditt borstverktyg valt, klicka på Pixel-Perfect box. Glöm inte att stänga av det när du inte arbetar med konturer, eftersom det troligtvis kommer att irritera dig.
- Steg 2: grundläggande färger
Fördelen med att ha ett begränsat urval av färger är att du inte kommer att bli överväldigad av för många alternativ. Det är därför det är mycket svårare att arbeta med många färger, om du har en färg i din palett, finns det ingen ursäkt för att inte använda den i bästa fall. USA
försök att tänka på det som ett pussel, experimentera mycket, även bisarra eller ovanliga kombinationer tills du hittar vad du tycker är den "bästa matchen" för varje område.
- Steg 3: Skuggning
Använd din palett för att göra skuggor och ljus kreativt. Eftersom du arbetar med en mycket begränsad palett, har du inte alla nyanser med en annan ljusstyrka, så du måste improvisera.
I exemplet till vänster använder jag samma palett som du, AAP-Mini12. När jag ritade den här gröna karaktären hade jag inte en ljusgrön färg, så jag valde den närmaste nyansen som jag hade, det vill säga gul. Samma sak hände med skuggan, jag valde blå eftersom det var den närmaste nyansen. Men tänk om jag gick åt andra hållet ? Jag kan få en ljusare blå och en mörkare röd, eller hur ? Inte riktigt. :
Det är en cool effekt, men det är helt klart något fel. Vanligtvis vill du kalla nyanser vara dina skuggor och varma nyanser ditt huvudljus, eller de kan se konstiga ut. Detta är inte en absolut regel, det finns många undantag, men om du inte är säker, gör det.
- Steg 4: anti-aliasing och polering
Det här är den del av ritningen där du försöker göra pixlarna lite mindre "prickade". Den manuella anti alias är ett komplext ämne, och vi behöver förmodligen en hel artikel för att diskutera det, men teorin är att du kommer att använda mellantoner för att simulera "halv pixlar" och mjuka kanterna. Men oroa dig inte för mycket om det för nu, eftersom det handlar om att göra din sprite så läsbar som möjligt.
En annan bra idé i detta steg är att jaga några föräldralösa pixlar för att minska bruset. Orphan pixlar är pixlar som inte ingår i en större grupp pixlar av samma färg och ingår inte i anti-alias, så här :
Du ser de små öarna 1 pixel till vänster ? Dessa är föräldralösa pixlar, som du kan se är planeten mycket vackrare efter att vi har slagit samman dessa pixlar med andra närliggande pixlar av samma färg.
Och hur är det med stjärnorna i det här exemplet ? Tja, de är där för att bevisa att föräldralösa pixlar inte alltid är dåliga, dessa stjärnor fungerar precis som förväntat, skapar en högljudd konsistens och ger ut kontrast i bakgrunden.
Tanken är inte att tanklöst ta bort de föräldralösa pixlarna, men att korsa dem och undra : behöver denna pixel verkligen vara ensam ?
OCH NU ?
Nu är det dags för dig att experimentera med fler färger och större upplösningar ! Du kan ta exempel på vår panda art PIXLAR, men gå långsamt, kanske 48 av 48 och 16 färger, etc. Om du verkligen börjar, skulle jag undvika animering för nu och fokusera på att lära sig statiska bilder först.
Laissez un commentaire