Hvordan til at Skabe Pixel Kunst

INTRODUKTION TIL PIXEL KUNST

Computer grafik og digital kunst, som vi kender dem i dag, har en rod, og det er pixel-art.

Tilbage i dag, var der ikke en “Pixel-Art” stil, fordi hver kunst lavet på en computer for at være pixel-by-pixel kunst.

efterhånden som computere udviklede sig, blev evnen til at gengive billeder mere avanceret, hvilket gjorde det muligt for digitale kunstnere at skabe uden begrænsninger af gammel hard .are.

oprettelse af kunst med disse begrænsninger i tankerne er kernen i Pi .elkunst som kunstform.,

selvom det ikke længere er en nødvendig tilgang, kan det at tvinge dig selv til at skabe i grænserne for en gammel teknologi eller et sæt teknikker hjælpe dig som en

kunstner.

nedenfor er nogle eksempler på min udforskning med Pi .elkunst.

I denne artikel, jeg vil fremhæve nogle karakteristika, grundlæggende teknikker og retningslinjer, så du kan begynde at lave din egen pixel kunst.

alle oplysninger her kan anvendes til enhver ‘stil’ og enhver soft .are. Og det er skønheden i dette emne.,

den tekniske side af denne kunstform er vigtig, især hvis du vil hylde et videospil.

men husk, at du ikke behøver at tvinge dig selv til at oprette et 32 32 32 pi .elstørrelse kunstværk med kun 3 farver, hvis du ikke vil.

det er gavnligt at respektere fundamentet og teknikkerne for old-school digitale kunstnere – men det er ikke obligatorisk at arbejde som dem.

læring ved at gøre

For denne artikel arbejder vi på en tilgængelig udfordring.

Jeg vil have dig til at oprette et 64 64 64 pi .elportræt.

det er det!,

Du kan tegne dig selv, lave en fanart eller opfinde et tegn.
målet er at skabe et kunstværk, der kan bruges som en social media avatar.

Start med en lille (opløsning) Filstørrelse, så pi .elenheden er synlig. Der er ingen mening at lave pi .elkunst, hvor pi .elerne ikke er tydelige.

opsætning af dit lærred

til denne artikel bruger jeg Clip Studio Paint.selvom der er gode dedikerede værktøjer til at lave pi .elkunst, kan du bruge ethvert tegneprogram til at følge med.,

• Opret en 64×64 pixel dokument (1);
• Gå til Vis > Gitter/Lineal Indstillinger (2);
• Indstil som følgende, så du kan se et gitter med hver enkelt pixel. Du kan slå gitteret til/fra når som helst ved hjælp af Shift+G genvej., (3);

En god praksis for at arbejde med pixel kunst bliver brugt til at tegne zoomet samtidig holde øje med den faktiske størrelse kunst (4);

for At oprette en sekundær visning af din aktuelle lærred, gå til Vindue > Lærred > Nyt Vindue og åbne en ny forekomst af den nuværende lærred.
Sæt den til 100% og placere i dit arbejdsområde (5).

oprettelse af PI .elkunstværktøjerne

tid til at introducere et grundlæggende koncept.

pi .elkunst følger ikke med automatisk anti-aliasing.,

Anti-aliasing er en nyttig algoritme, der glatter kanter af en form.
dette gøres ved at tilføje en ekstra række pi .els tættest på den aliased kant.

som du kan se i eksemplet, har den anti-aliased kant (7) en automatisk gradient af Pi .els for at give formen en glattere kontur.

aliased edge (6) er det, vi leder efter, når vi opretter pi .elkunst. Senere kan vi blødgøre kanterne ved at tilføje anti-aliasing manuelt (manuelt).,

En tommelfingerregel, når du bruger enhver software til at skabe pixel kunst er at deaktivere anti-aliasing indstilling i pensler, værktøjer og forandringer.

i Clip Studio Paint skal du slukke for anti-aliasing i:

• børster (8);
• værktøjer som valg, udfyldning, tekst, f.eks. (9);
• og under enhver transformation ved hjælp af Rediger > Transform (10);

I Klippet Studio Maling du allerede har en pixel-art pen. Det hedder ‘Dot Pen’ i Markørkategorien (11).,

Dette er den enkleste tegnebørste til rådighed. Den har en fast 1-pi .elstørrelse, anti-aliasing slukket, og ingen mulighed for stabilisering eller farveblanding.

Jeg foreslår, at du følger denne tutorial kun ved hjælp af denne børste.
senere i spillet kan du duplikere en af dine ‘almindelige’ børster og bruge den til PI .elkunst (så længe du reducerer børstestørrelsen til lavere værdier og deaktiverer anti-aliasing).,

TEGNING LINEART

Da dette vil være en front-vender portræt, vil jeg starte tegning ved hjælp af Symmetriske Lineal (12);

Sted den Symmetriske Lineal på Lærred, og sørg for at det er på de døde-center, skal du bruge Objektet værktøj til at vælge det og indtaste værdierne manuelt (13);

I dette tilfælde har jeg ændret Centrum X og Center Y-værdier til 32, hvilket er halvdelen af min samlede canvas size (64 pixels).

nu skal du vælge din prik Pen igen og begynde at tegne.,
da denne pensel ikke kan ændres, er det en god ide at zoome ind på det lærred, du tegner (15), og bruge duplikatvisningen som reference (14).

Jeg begyndte mit portræt at tegne en indledende skitse for at finde konstruktionen af hovedet (16) og så begyndte jeg at tilføje detaljer (17).

Der er ingen grund til at bruge en blå farve. Jeg foretrækker det bare, fordi det hjælper min hjerne med at forstå, at jeg skaber en grov til min endelige tegning.

Hvis du er færdig med skitsen, kan du fortsætte med linework.,

før du tilføjer de sidste linjer, lad mig vise dig en simpel teknik til tegning af linjer og kurver i Pi .elkunst.

I eksemplet nedenfor, linework (18) ser ikke glat, fordi der er en masse dobbeltarbejde pixels, hvor det skal være en enkelt pixel linje.

Du kan rette disse ‘doubler’ (det er et udtryk) ved at fjerne eventuelle tilstødende pi .els på kurven. I eksemplet (19) fjernede jeg alle pi .els markeret med rødt.

Jeg foreslår, at du vender tilbage til din skitse og kigger efter disse ‘doubler’ for at rense dit linjearbejde.,

bare rolig, hvis kurverne ikke føles rigtige. Fjern bare de uønskede pi .els.

TIP: hvis du har brug for at slette en pixel, kan du blot skifte til den gennemsigtig farve (jeg har min genvej sæt X);

I eksemplet nedenfor kan du se forskellen på den første skitse (20) og rengøres-up version (21).

klar til en anden teknik?

lad os begynde at fastsætte tegningen og justere nogle kurver.

se eksemplet nedenfor (22), Kan du bemærke, at fordelingen og afstanden mellem PI .els ikke følger en logisk progression. (fx.,: 3, 2, 1, 4…)

Mens du er på denne forbedrede version (23), kan du se en bedre progression af pixels til at skabe kurven. (fx.: 1, 2, 2, 3…)

Med denne viden, vil jeg foreslå dig at prøve følgende øvelse, før du fortsætter på din tegning:

Prøv at tegne nogle tilfældige linjer og kurver med de to begreber, du lige har lært så langt: fjern dobbeltværelser og fastholde den “pixel progression’.

Dette vil give dig en solid gisp i, hvordan man konturerer figurer i Pi .elkunst.

nedenfor er mit sidste linjearbejde (25).,

jeg lavede nogle mindre justeringer af proportioner og kurver og fjernede nogle unødvendige pi .els for at gøre ansigtet mere læsbart.

tag lidt tid på at sammenligne med den originale version (24) og prøv at bemærke, hvor jeg anvendte teknikkerne.

FARVELÆGNING TID

antallet af farver, der bruges på en sprite (term, der anvendes til at beskrive et objekt i spillet udvikling), afhænger af, hvor meget du ønsker at bo tæt på et bestemt begrænsning af en gammel teknologi.,selvom det ikke er nødvendigt, kan du lære meget om pi .elkunst ved at begrænse dig selv til en lille mængde farver at vælge.

For nu foreslår jeg, at du starter med en simpel farvepalet. Som udgangspunkt kan du bruge de 56 farver på paletten, der bruges af NES (Nintendo Entertainment System) videogame console (26).

farve-og tonevalgene på denne palette er ikke perfekte, men det giver et godt udgangspunkt.,

I eksemplerne nedenfor har du PC-98 computer farve palet (27) og en personlig, jeg byggede i fortiden (28);

Senere kan du begynde at bygge din egen palet, men husk altid at holde det stramt og enkelt.

Jeg starter med at udfylde mine linjer med nogle basisfarver (flatting).

Jeg starter med 5 indledende farver, inklusive det sorte linjearbejde til at male dette portræt (29).

På dette trin skal du huske at konfigurere dine værktøjer til automatisk valg og udfyldning af Pi .el art-arbejdsgangen, deaktivere Områdeskalering og anti-aliasing (30).,

for at skygge (tilføje skygger) hudfarven på portrættet behøver du ikke kun bruge den mørkere værdi af en bestemt farve;

Jeg kan potentielt bruge enhver tilgængelig farve, så længe værdierne læses korrekt.

Her er et tip – Opret et nyt lag oven på din lagstabel, fyld det med sort og indstil lagtilstanden til farve.

nu kan du bruge dette lag til at kontrollere værdiforholdet for dine farver (32).

i eksemplet nedenfor kan du se, hvordan jeg formåede at bruge den gamle baggrundsfarve (lilla) som skyggefarve på min brune hud (31)., Jeg foretrækker at gå med en sort baggrund for at gemme en farve…

igen behøver jeg ikke – men jeg vil gerne udøve disse begrænsninger pålagt af NES-farvepaletten.

højdepunkterne på huden og briller (33), at jeg ikke behov for at indføre nogen nye farver, fordi, mens du kontrollerer den gråtone værdier (34),

jeg har bemærket, farven på t-shirten kan bruges til det.

Jeg ønskede at tilføje nogle manuelle anti-aliasing at udjævne grænsen mellem de tændte og skyggede områder af huden (36).,brug af NES-paletten kun kunne jeg ikke finde farver, som jeg kunne bruge til at oprette denne gradientovergang.

så her er hvor jeg opgav de ‘virtuelle begrænsninger’ til fordel for kunstværket.

i eksemplet tilføjede jeg to nye farver (37), så jeg kan tilføje flere detaljer til skyggen.

Jeg kan ikke understrege dette nok, men det er virkelig vigtigt, at du træffer disse beslutninger, mens du ser kunstværket gennem den rigtige, ikke zoomede lærredstørrelse (35).,

ved Hjælp af de to nye ekstra farver, jeg øgede afsmeltning på forsiden tilføje mere volumen, rynker (“fordi jeg er ved at blive gammel) og blødgørende nogle skygger på den oplyste side af portræt (38).

på den blå jakke besluttede jeg at bruge dithering-teknikken til at skabe følelsen af en gradient uden at tilføje farver (40).

Ved at bryde de faste overgange på et tavlemønster kan jeg gøre illusionen af en mellemfarve (39).

Dithering er en avanceret teknik, og dette er blot en grundlæggende brug for det.,

som du kan se, skaber effekten en stoflig effekt, der kan være et problem, hvis den bruges på hud eller glatte overflader.

Jeg fandt det hensigtsmæssigt at bruge i jakken (lavet af klud), fordi jeg kan drage fordel af den ru tekstur.

efter nogle justeringer lykkedes det mig at male portrættet fuldt ud.

Jeg er meget tilfreds med det endelige resultat, fordi jeg kunne passe en masse detaljer for en 64 64 64 pi .el størrelse kunstværk med kun 7 farver.

ps.: Jeg havde også pi .els og farver nok til at rette de underlige udseende tegneserieagtige øjne., X-D

EKSPORT

Sidst, men ikke mindst…
Når du gemmer og eksport pixel kunst, skal du bruge GIF-eller PNG-format.

undgå at bruge JPEG-formatet, især med ethvert komprimeringsniveau.dette vil ødelægge al den kærlighed og omsorg, du brugte til at oprette din Pi .elkunst.

se på eksemplerne nedenfor: en 99% komprimeret JPEG (41) kan se ok på afstand, men det tilføjer nogle ikke-ønskede farver.

en 80% komprimeret version (42) vil gøre enhver pi .el kunstner bløder. Så lad være med det., When

Når det kommer til udstationering på sociale medier, skal du håndtere den automatiske komprimering af platformen.

For Instagram har du ingen mulighed, fordi systemet automatisk konverterer og ændrer billedet til en JPEG af lav kvalitet.

På T .itter har du et skarpere, næsten perfekt billede, hvis den eksporterede fil er 506 pi .els bred i PNG-format.

det er det.

Jeg håber du har haft denne tutorial og håber også, at du formåede at oprette dit første pi .elkunstportræt.

nedenfor kan du finde mit lille, men alligevel utrolige kunstværk., 🙂

Hvis du opretter din, så lad mig det vide.

– dado