Pixel kunst er ofte sett på som bare en retro stil av grafikk laget for nostalgiens formål; en throwback til de tidlige dagene av videospill. Men for meg og mange andre elskere av pikselkunst er det presisjon, intricacy og estetikk som er født av omhyggelig å plassere hver piksel på et miniatyrstadium som virkelig gjør det til en fantastisk og fascinerende kunstform som tilhører like mye i dag som det gjorde svunnen tid. Fremragende pikselartister minnes ofte om håndverkere som lager små skip i små flasker; Å oppnå mye med litt er alltid imponerende.
Vakker pikselkunst fra det kommende spillet No Place for BraveryAkkurat som pikselkunst er en krevende kunstform, så kan den også bli hjulpet sammen med like krevende applikasjoner. Adobe Photoshop har lenge vært en vanlig applikasjonsvalg for pikselartister, men det finnes i dag noen fantastiske alternativer, og de som er utformet eksplisitt for pikselkunst, kan uten tvil tilby mest mulig.
I denne artikkelen vil vi se på fem alternative applikasjoner for pikselkunst, og verktøyene de inkluderer som kan hjelpe pikselartister sammen. Noen av de viktigste verktøytypene vi leter etter er: velge og endre størrelse på verktøy som ikke legger til anti-aliasing, tilgang til pikselkunstfargepaletter, pikselvennlige snarveiverktøy for ting som gradientopprettelse og dithering, hjelp med tilemap opprettelse og animasjon, lett tilgjengelige fargevalgere for raske endringer under tegning, pikselvennlige tegneverktøy, ekte størrelse forhåndsvisningsrute, blant andre.
Når det gjelder å bestemme hvilken programvare og funksjonssett som er "best" for pikselkunst, går det litt lenger enn bare å bekrefte inkluderingen av de mest etterspurte verktøyene, fordi det er omtrent tre undergrupper av pikselkonstruksjon å vurdere:
Enten en applikasjon er egnet for deg, kan avhenge av hvilken av de ovennevnte typer pikselkunst du gjør. Når vi går gjennom disse alternativene til Photoshop for pikselkunst, prøver jeg å fylle deg på hvilke applikasjoner som har funksjoner som passer godt til hvert område.
Skjønnheten med dedikerte pikselkunstapplikasjoner er at de pleier å være veldig rimelige, så du trenger ikke engang å velge et enkelt program du vil bruke. Du kan få hver applikasjon på denne listen og har fortsatt bare brukt $ 23,99, som kommer bra under vår serie per søknad prislopp på $ 100.
La oss begynne å se på hva vi må leke med!
Første drosje utenfor rangen er Pyxel Edit. Jeg snakker om dette programmet øverst på listen vår, til tross for den nåværende betastatusen, fordi den har sterke verktøy for alle tre av pixelkunstområdene vi beskrev i introduksjonen til denne artikkelen-noe ganske sjelden.
Den inneholder helt fantastiske fliser, ikke bare for sømløs fliser, men også fulle fliser og til og med eksporterbare fliser), det har animasjonsverktøy som gir deg alle essensielle, og det lar deg også lage komplette kunstverk. Dette er programvare bygget fra bakken med pikselartister, og spesielt spillartister, foran sinnet.
Pyxel Edit har mange flotte funksjoner, men for meg er sine fliser opprettingsverktøy den virkelige standout, så hvis du er involvert i spillutvikling, kan dette være spesielt interessant for deg. Du kan definere fliser når du går og plasserer flere forekomster av dem hvor som helst i dokumentet ditt. Så hvis du maler på en forekomst av en flis, blir alle andre forekomster oppdatert i sanntid. Dette er veldig nyttig for å skape sømløse teksturer som du kan legge fliser i tilfelle ved siden av hverandre og male rett over sømene.
I stedet for å male over sømene mellom fliser, har du også muligheten til å låse blyanten din for kun å trekke innenfor begrensningene til flisen du startet på. Og med offset-verktøyet kan du klikke og dra for å flytte innholdet i en hel flis, med de forskyvte pikslene rundt om igjen for å dukke opp på motsatt side av flisen.
En stor fordel med Pyxel Edits glimrende fliser system er at du kan se hvordan flisene dine faktisk ser sammen på et ekte nivå, i stedet for å jobbe med spillkunst i vakuum. Du kan se denne prosessen i aksjon i videoen nedenfor.
Pyxel Edits flisfunksjonalitet betyr at du også kan bruke den som ditt hovednivå designverktøy hvis du velger. Den har muligheten til å eksportere tilemap-dataene dine i JSON-, XML- eller TXT-format, slik at du, etter avhengig av spillmotor og verktøysett du bruker, kan laste disse dataene direkte inn i spillprosjektene dine. For eksempel kan du bruke denne importøren tillegg for Unity, Haxe har en importør, og jeg forstår Phaser har Pyxel Rediger importering baket i.
I tillegg til de flotte fliseredigeringsverktøyene, kontrollerer Pyxel Edit nesten alle boksene for de mest nødvendige verktøyene for pikselkunst. Den gir en forhåndsvisning på 100% i sidebjelken, den har en "ren 1 piksellinje" -innstilling for tegningslinjer du ikke trenger å omhyggelig justere etterpå, den har rektangulære og ellipsverktøy, enkel fargeplukstilgang med høyreklikk eller ALT+venstre-klikk, flott fargepalettestyring med klassiske paletter forhåndslastet, og meget gode utvalgsverktøy. Det lagrer også arbeidet ditt mens du går.
Duplisering og bevegelse av piksler er gjort veldig enkelt i Pyxel Edit med et praktisk sett med snarveier. Truffet S for å velge et område, CTRL for å flytte et utvalg av piksler, eller CTRL + ALT å duplisere og flytte disse pikslene. Når du arbeider med fliser, kan du også dobbeltklikke på en flis med Select-verktøyet aktivt for å velge hele flisen, noe som gjør det enkelt å duplisere rammer for justering.
Dessverre virker programvaren imidlertid ikke å ha live-speiling, (selv om du kan vende markeringer horisontalt eller vertikalt) eller noen type dithering-verktøy for tiden. Forhåpentligvis ser vi disse funksjonene lagt til da prosjektet beveger seg gjennom sin beta-fase.
Et annet virkelig stilig sett med funksjoner i Pyxel Edit er dets fargestyringsverktøy, spesielt de automatiske forslagene i forskjellige farger, som genereres ved å justere fargens skygge, lyshet, metning og fargetone:
Disse fargeprosjektverktøyene er så nyttige jeg ønsker at de var i alle grafikkprogrammer. Bare ved å velge en god "frø" -farge rett ved begynnelsen av prosjektet kan du få et glimt av hvordan hele fargepaletten ser ut.
Et annet flott verktøy i Pyxel Edit er dets Color Replace-verktøy, som gjør det enkelt å forandre tankene dine om farger etter at du har lagt dem på lerretet. Den erstatter eventuelle piksler av den nåværende sekundære fargen (tilsvarende Photoshops bakgrunnsfarge), med den nåværende primære farge (tilsvarende Photoshop's forgrunnsfarge). Så du prøver bare fargen du vil bytte til sekundærsporet, velg den nye fargen i den primære sporet, og tegne over pikslene hvis farger du vil endre.
Du får også litt hjelp med opprettelsen av gradienter: velg to farger i paletten din, og Pyxel Edit kan generere et utvalg av utdannende farger mellom dem. Med disse fargene kan du deretter male ut dine gradienter.
Jeg har primært fokusert på Pyxel Edits fliser og tegneverktøy, men det inkluderer også solide animasjonsverktøy. Oppsettet for animasjon er det samme som for flislegging, hvor du arbeider i et rutenettoppsett og legger en ramme av animasjonen inn i hver av rutenettene. Du kan opprette flere animasjoner i et enkelt dokument, og du kan kontrollere tiden hver ramme i animasjonen holdes. Du kan også slå på løkskinn, men det kan bare brukes til å vise rammen før og etter en bestemt ramme.
Og til slutt, hvis du ikke vil opprette enten et fliserett eller en animasjon, helst du vil lage et enkelt kunstverk, velger du bare alternativet "Enkelt bilde" når du oppretter en ny fil.
Pyxel Edit er et flott verktøy, spesielt for folk som er involvert i game dev, og det kan hentes for $ 9 mens det fortsatt er i beta. Den kjører på Adobe Air så naturlig det fungerer bare på Mac og Windows, men jeg har funnet det går ganske bra på Linux via Wine også.
Aseprite er favorittverktøyet til en rekke pikselartister, og med sitt fremragende utvalg av pikselkunstspesifikke verktøy, er det med god grunn. Alt om Aseprite er 100% fokusert på piksler - selv brukergrensesnittet selv er gjort i piksel kunststil.
Hvor Aseprite skinner er som et verktøy for sprite opprettelse og animasjon. Den har et kraftig lag og rammebasert animasjonssystem med flere funksjoner som ikke er tilstede i mange pikselkunstfokuserte applikasjoner.
Det er mange animasjonsfunksjoner i Aseprite, for mange til å liste her, men jeg gir deg et raskt trekk. Du har muligheten til å flytte flere rammer i sekvensen til et nytt sted i tidslinjen, kopiere og lime inn et antall rammer om gangen, sett løkskinn for å vise så mange av dine forrige og neste rammer som du velger, loop eller revers deler av tidslinjen, flytte og kopiere rammer (alle lag) eller celler (valgte lag i en ramme) og kontrollrammens varighet. Du kan lese om hele listen over animasjonsfunksjoner i Aseprite's animasjonsdokumenter.
I tillegg til animasjonsfunksjonene er alle de viktigste verktøyene for pixelkunst til stede i Aseprite. Du har et forhåndsvisningsvindu på 100% som flyter over hovedvinduet, en "piksel perfekt" -modus for å tegne rene linjer, god fargepaletthåndtering med muligheten til å dra og slippe fargeprøver for å omorganisere dem, enkelt fargeplukking ved å holde ALT så venstre museklikk, fylt og tomt ellipseverktøy, fylt og tomt rektangelverktøy, og en rekke virkelig fantastiske utvalgsverktøy, inkludert rektangulære og ellipse-merker, magic wand, lasso verktøy og polygonal lasso verktøy.
På toppen av det har det en ganske lang liste over super nyttige tegneverktøy. For eksempel, med konturverktøyet kan du tegne en lysbue eller delvis oversikt, og den blir automatisk lukket og fylt for deg. Med Polygon Tool kan du tegne figurer med så mange rette sider som du vil, og den fylles automatisk. Med Spray Tool kan du legge til randomiserte flekker.
Med kurveverktøyet kan du tegne piksler perfekt buede linjer med en metode som kan sammenlignes med å bruke pene kurver. Med Jumble Tool kan du randomisere plasseringen av et område av piksler for å omorganisere dem. Og med Blur Tool kan du generere piksler rundt kanten av en form som slør den med bakgrunnsfargen.
Mens du tegner, kan du aktivere enten horisontale eller vertikale symmetri moduser, bra for ting som tegn ansikter. Men du er ikke fast med symmetrien som ligger rundt midten av dokumentet ditt. Med enten modus aktivert vises en linje på lerretet ditt, og du kan skifte den til en hvilken som helst posisjon og tegne din symmetriske form der.
En av Aseprite s kuleste funksjoner, etter min mening, er "Shading" blekkmodus som lar deg velge en serie farger og bruke dem alle til automatisk lagskygger og fremhever på en form. Den har også en alfa-kompositt blekkmodus som lar deg blande farger sammen og en alfa-låsemodus for å muliggjøre maling bare inne i eksisterende former på et lag.
Aseprite fokuserer på animasjon, men det er ikke uten fliser skapelse verktøy. Den har en utmerket flislagt modus, hvor du kan få et bilde å gjenta seg horisontalt, vertikalt eller i begge retninger, slik at du kan tegne direkte over sømmer for å lage sømløse fliser.
Aseprite har også svært nyttige fargemodusinnstillinger som lar deg velge mellom RGB-modus for fargebilder, gråtoner for svart-hvitt eller indeksert modus der fargene dine vil bli begrenset til de i den aktive paletten.
Hvis du tegner indeksert modus, vil en hvilken som helst farge du velger automatisk erstatte seg med nærmeste farge i den aktive paletten. Hvis du tegner inn RGB-modus, bytter du deretter til indeksert modus, bildet ditt blir konvertert for å bare bruke farger fra den aktuelle paletten. Dette kan være en fin måte å tillate deg å tegne med litt mer frihet, og deretter fargelegge fargepaletten din for å være mer skarp på slutten av prosessen.
Aseprite har et fargebytteverktøy, men i motsetning til Pyxel Edits fargebytteverktøy hvor du tegner over pikslene du vil oppdatere, gir du i Aseprite bare to farger, og det vil automatisk erstatte alle piksler av den angitte fargen samtidig. Jeg personlig føler at begge metodene har fordeler.
Aseprite var opprinnelig GPL, slik at du fortsatt kan få den åpne kildeversjonen gratis fra GitHub, men den vil ikke ha de nyeste funksjonene. Den nyeste versjonen er tilgjengelig for $ 14,99, og fungerer på alle tre stasjonære operativsystemer.
Piskel er veldig rett frem og til sprite og animasjonsskapingsprogramvare. Hvis du vil komme inn og ut fort, er dette en god løsning. Det er så raskt, at det bare tar omtrent to og et halvt minutt for det som skal forklares i denne videoen:
Fokuset på Piskel er definitivt skapt skapelse og animasjon i motsetning til fliser eller komplett sceneskaping. Den har et relativt begrenset sett med verktøy, men det har også en direkte tilnærming som kan være svært effektiv for sprite opprettelse og animasjon. Det er gjort spesielt praktisk gitt at den har en fullverdig nettversjon, noe som betyr at du kan få tilgang til den hvor som helst.
Etter å ha tegnet ditt første tegnsprite, blir animasjoner enkelt opprettet ved bare å trykke på Legg til ny ramme knappen til venstre for lerretet og justere en FPS-glidebryter for å kontrollere hastigheten din. Løkskinn er inkludert, som alltid er en verdifull funksjon i animasjon.
En ting å huske på er at Piskels pennverktøy kun kan settes til mellom 1px og 4px i størrelse, noe som betyr at denne programvaren egentlig er best for å fokusere på sprites og ikke store brikker som landskaper hvor du vil male store områder som himmelen raskt.
Av de vanlige pikselkunstfunksjonene som du alltid vil ha tilgang til, inneholder Piskel en 100% forhåndsvisning i høyre sidefelt, det har rektangel-, ellipse- og strekk- / linjearbeid, en vertikal speilpenn for symmetrisk tegning og ellipse- og formevalgverktøy . Det har også et dithering verktøy, noe veldig hjelpsom, men overraskende sjelden i piksel kunst applikasjoner.
I tillegg har det et veldig bra "formevalg" -verktøy, som vil identifisere hvilken som helst blokk med tilkoblede piksler av samme farge. Den kan sammenlignes med et tryllestavverktøy, men er litt enklere å bruke, og lar deg også dra den valgte figuren rundt umiddelbart etter valg uten å måtte bytte til et annet verktøy.
I tillegg til et vanlig fyllverktøy har Piskel også et modifisert fyllverktøy som vil endre fargen på alle piksler som har samme farge, enten de er koblet til hverandre eller ikke. Dette er enda en tilnærming til fargeutskiftning, den tredje vi har sett i vår artikkel så langt, og noe utrolig nyttig i disse øyeblikkene når du finjusterer for å få akkurat den riktige fargen.
Et annet fantastisk verktøy er lette / mørkere verktøyet som semi-automatiserer prosessen med å lage høydepunkter og skygger. Tegn direkte over eksisterende piksler med dette verktøyet for å lage høydepunkter, eller hold CTRL å skape i stedet skygger. Du kan enten gradvis skifte farge på en piksel når du trekker tilbake og fremover over det, eller du kan holde nede SKIFTE For å sikre at fargen bare er tonet eller skyggelagt ett trinn om gangen.
Piskel beskriver seg selv som en online app, som kan være veldig praktisk, men hvis du helst vil jobbe offline, kan du også få desktopversjoner for Linux, Mac og Windows..
GIMP er først og fremst kjent som et bildehåndteringsprogram, så det er kanskje ironisk at jeg ikke anbefalte det i vår serieoppføring på fotoredigeringsprogramvare, men jeg er anbefale det her. Jeg personlig finner det å være fantastisk for piksel kunst, med riktig oppsett. Jeg baserte mitt eget oppsett på videoen du ser over, som er ganske gammel nå, men fortsatt et utmerket utgangspunkt for pixelkunst i GIMP.
GIMP har ikke noen av bildespesifikke verktøy som har dedikert programvare som Pyxel Edit eller Aseprite, men det har noen generelle verktøy som jeg finner veldig hjelpsomme når du gjør pikselkunst. For eksempel, GIMPs valgverktøy. Når du har tegnet et utvalg, har teltet transformasjonshåndtak som gjør det enkelt å velge de nøyaktige pikslene du trenger. Dens flytende vindusmodus er noe som mange mennesker slår av med en gang, men med den aktive kan du lage en ny visning i dokumentet ditt ved den faktiske størrelsen og nestle den rett inn i layoutet.
GIMPs fargekodingsmodus kan også være veldig nyttig for pikselkunst. Hvis du er under tidstrykk og trenger å produsere fort, kan du tegne noe med en mer tradisjonell maleri teknikk i RGB-modus og deretter konvertere den til indeksert modus for å få den oversatt til en begrenset fargepalett.
For eksempel har jeg tatt machete fra denne gratis spillet vektorkunstpakken.
Jeg skalert det ned, uten interpolering, for å få det til en størrelse der pikslene blir fine og klumpete. Deretter i hovedprogrammenyen gikk jeg til Bilde> Modus> Interpolert og tillot en 256 fargepalett som skal genereres for meg, uten dithering. Da jeg skalert bildet opp igjen, igjen uten interpolering, til den opprinnelige størrelsen. Her er før og etter:
Dette kan fortsatt brukes til å rydde opp for å gi den den skarpheten som forventes fra pikselkunst, men det er sikkert på en løpende start. Strengt tatt er dette ikke pikselkunst, men for store prosjekter som spill kan det hende du må opprette et så stort antall eiendeler som noen snarveier her og der er nyttige.
Du kan også gjøre ting som å bytte mellom RGB-modus og indeksert modus mens du arbeider for å fremskynde visse ting sammen. For eksempel kan du tegne en gradient i RGB-modus, som overgår jevnt mellom fargene. Deretter kan du bytte til indeksert modus og håndheve en fargepalett for å få en pikselkunst vennlig gradienteffekt i stedet.
En annen nyttig funksjon for spillpixelartister er GIMPs nye flisesymmetri-modus. Du trenger versjon 2.9.5 (kompilert fra kilde via Github) for å få tilgang til dette. Hva det gjør er at du kan gjenta hva du tegner hvert bestemt antall piksler. Så hvis du tegner en 16x16 flis, sett symmetrien offset til 16px på begge akser, så kan du sikre at du har sømløs fliser når du jobber:
GIMP er ikke en dedikert pixel art applikasjon, men det har mye å tilby, og selv om du ikke bruker den som din primære design programvare, kan du likevel finne noen av disse funksjonene spor rett inn i arbeidsflyten din.
Krita ser kanskje ikke ut som det opplagte valget når det gjelder pikselkunst, men i min erfaring kan det være fantastisk. Ut av esken inneholder den et utvalg av dedikerte pikselkunstbørster, inkludert en firkantet børste, en rund børste og en dithering pensel.
En stor hjelp er viklefunksjonen, noe som gjør sømløs flislegging en jevn opplevelse. Bare slå W på tastaturet og lerretet i begge retninger, slik at du kan male over noen sømmer. En annen ting jeg finner nyttig i Krita, er å ha et fullverdig sett med fargevalgverktøy på høyt nivå for finjustering av fargepaletter.
Krita har også et utmerket alpha-låsesystem, slik at du kan gjøre ting som å tegne en form på ett lag og deretter hekke andre lag, slik at innholdet bare er synlig gjennom forrige lagets form - en slags maskering, i hovedsak. Dette gjør det mulig å legge til skygger, høydepunkter og detaljer en mye enklere prosess, og gjør at en arbeidsflyt er uvanlig i pikselkunstapper.
En del av hvorfor jeg finner Krita hyggelig for pikselkunst er den ypperlige støtten til tegningstabletter, mens jeg på den annen side har funnet noen pikselkunstapplikasjoner, når jeg bruker en nettbrett, eller bare generelt føler meg mer mus og tastaturorientert.
Indeksmaleri er også tilgjengelig i Krita som det er i GIMP, med fordelen det kan brukes sammen med ikke-destruktive filterlag. Men oppsettet for denne teknikken er noe komplisert, som beskrevet i denne opplæringen.
Og en annen funksjon som Krita har, er noen grunnleggende vektorverktøy som du kan bruke til å tegne ut uregelmessige former, så få dem automatisk å strekke seg med den valgte pikselbørsten din, en teknikk du kan se brukt i YouTube-videoen i begynnelsen av denne delen. Dette er funksjonalitet du vanligvis ikke finner i pixel art applikasjoner.
Krita har grunnleggende animasjonsverktøy for rammen, men de er fortsatt veldig nye, og sannsynligvis ikke det første valg for pixel animasjon ennå. Men Krita-utviklingen beveger seg alltid fort, så hold øye med!
For etableringen av komplette kunstverk er Krita et reelt potensial.
I min personlige erfaring er de to sterkeste programmene på denne listen Pyxel Edit og Aseprite, og jeg føler ikke at du virkelig kan skille hvilken av de to som er "best". Dette er fordi hvis du er involvert i spillutvikling og opprettelse av fliser, finner du Pyxel Edit spesialisering veldig hjelpsom. Men hvis du er en karakter og animasjonskunstner, finner du Aseprite spesialisering veldig hjelpsom.
Begge programmene kan gjøre noe av hva den andre spesialiserer seg på, selv om jeg vil si at Pyxel Edit er sannsynligvis sterkere i animasjon enn Aseprite er sterk i fliserettskaping. Imidlertid er Aseprite trolig sterkere for selvforsynt kunstverkskaping enn Pyxel Edit. Samlet vil jeg foreslå at hvis du er involvert i flere typer pikselkunst, kan de to sammen hjelpe deg godt.
Jeg ville klasse Piskel som et flott program for når du vil få noe gjort fort, eller for når du er på farten og trenger å få tilgang til en kvalitetspiksel kunsteditor på nettet.
Når det gjelder GIMP og Krita, kan de i realiteten ikke tilby det samme settet med pikselkunstspesifikke funksjoner som de nevnte applikasjonene kan. Men de tilbyr en hel rekke andre funksjoner, den typen som følger med programvare som er ment for fullverdig bilderedigering eller digital kunst. Enten du vil bruke ett av disse programmene for pixelkunst, vil det sannsynligvis avhenge av hvor mye du liker hver sin samlede verktøysett og brukergrensesnitt.
For meg liker jeg spesielt at i hver applikasjon kan jeg bruke en blyantbørste og tegningstabletta til å skissere et grovt utkast av det jeg vil lage som om jeg jobbet på papir, så kan jeg tegne min pikselkunst over toppen. Og GIMPs evne til å behandle bilder i indeksert modus er spesielt nyttig. Verken Krita eller GIMP er egentlig topp tieralternativer for flisdannelse eller sprite animasjon, men de kan være flotte for å tegne selvforsynte kunstverk.
Det bringer oss til slutten av vår raundup av Adobe Photoshop-alternativer for pikselkunst. Med litt lykke har du funnet et program i denne listen som du vurderer å ta på som din nye favorittpikselkunstredigerer!
Adobe har to animasjonsverktøy i sin suite for øyeblikket: Animate (formerly Flash) som gir mulighet for skjelett og keyframe-basert animasjon, og Photoshop som også gir mulighet for nøkkelrammeanimasjon. Men som med alle de andre spesialfeltene i programvare vi har sett på så langt, er det flere alternativer for deg å velge mellom når det gjelder animasjon.
I neste artikkel vil vi sjekke ut noen av de beste programmene som er tilgjengelige for skjelett, keyframe og ramme for ramme animasjon. Noen av disse programmene har fantastiske spesialverktøy som gjør livet ditt enda enklere når du lager animasjoner.
Jeg ser deg i neste artikkel!