Pixelfiguren maken

Wat je gaat creëren

Als je ooit hebt nagedacht over het maken van pixelart, is hier een zeer snelle en gemakkelijke inleiding tot een van de meest fundamentele aspecten ervan: personages.

We zullen een uiterst eenvoudig karakter creëren, maar hoewel het eenvoudig zal zijn, zal het nog steeds een behoorlijke hoeveelheid detail mogelijk maken, dus het zal prima werken als een avatar voor jezelf of voor het representeren van je favoriete film of tv-personages of beroemdheden..

Kan je geen inspiratie bedenken? Misschien werkt u vanuit een aandelenafbeelding van Envato Market.

1. Creëer het lichaam van het personage

Meestal raad ik aan om met het hoofd te beginnen, en dat is nog steeds een haalbaar startpunt, maar omdat dit personage zo eenvoudig zal zijn en de verhoudingen enigszins realistisch zullen zijn, zal het lichaam een ​​even goede plaats zijn om te beginnen.

U moet een nieuw bestand maken in Adobe Photoshop. Het zou kunnen 100 px door 100 px; het personage dat ik heb gemaakt is alleen 28 px lang.

Stap 1

Laten we een huidskleur definiëren. Dit is 25˚ in Tint, 40% Verzadiging en 98% Helderheid, maar kies wat voor u werkt.

Stap 2

We zullen gaan werken met de Pencil Tool met een 1 px puntgrootte en onder een mooie hoeveelheid zoom, zoals 800%.

Teken met onze nieuw gemaakte kleur de benen, die zullen zijn 2 px met één lege pixel tussen elke poot ... dit werkt goed, tenzij je een chubbier karakter aan het doen bent.

De afmetingen van de benen helpen ons de rest van het personage te definiëren.

Misschien wilt u uw eigen dimensies / verhoudingen proberen, in plaats van gewoon de mijne te volgen, om te vinden wat u het leukst vindt. Maar als je wilt dat je personage er precies zo uitziet als de mijne, dan zijn de poten erboven 9 px lang, en dat geldt ook voor de romp.

Stap 3

Om de uiteinden af ​​te maken, voegen we armen aan de zijkant toe; ze zijn gewoon een extra pixel aan de zijkant van de torso. We voegen ook een extra rij pixels toe aan de onderkant van de benen met een extra pixel aan elke kant voor de voeten.

Ik heb ook een rij pixels voor de schouders toegevoegd. Het is een beetje vreemd om de hoeken van de schouders "afgerond" te noemen, maar die ontbrekende pixels geven uiteindelijk een meer afgeronde - en dus natuurlijkere - uitstraling..

Stap 4

Uiteindelijk voegen we de kop toe, ook met een aantal "afgeronde" hoeken. Ik maakte het zo breed als de romp en 7 px lang.

2. Voeg gezichtskenmerken toe

Ons karakter zal zeer minimaal zijn, beperkt door zijn kleine formaat, maar we kunnen nog steeds wat detail toevoegen.

Stap 1

Er is net genoeg ruimte op het gezicht om een ​​paar ogen toe te voegen.

Ik heb ervoor gekozen om ze iets donkerder te maken (ongeveer 15% donkerder) dan de huidtint. Ik wilde daar niet al te veel contrast hebben omdat ik niet dacht dat we oogkleur zouden zien op zo'n kleine resolutie.

Stap 2

Laten we wat haar toevoegen. Ik gebruikte een donkerbruine tint en voegde een extra rij pixels toe, zodat het hoofd een beetje groter werd vanwege het haar.

Stap 3

Voeg een beetje haar toe aan de zijkanten van het hoofd. Ik gebruikte een lichtere kleur alsof deze kort was of antialiasde. Om deze kleur toe te voegen heb ik de ondoorzichtigheid van de Pencil Tool naar 50%, wat gemakkelijk kan worden gedaan door op het nummer te drukken 5 Terwijl de Pencil Tool staat aan. Vergeet niet om het terug te sturen naar 100% daarna (u kunt op het nummer drukken 0.) En tenslotte gaf ik mijn karakter een klein beetje een kapsel van een pompadour.

3. Voeg de kleding toe

De kleding is waar we het grootste deel van onze maatwerk kunnen doen. Deze stijl profiteert van het niet gebruiken van pixels op contouren, dus zelfs als het karakter klein is, laat het veel details toe.

Stap 1

Laten we een broek van het personage pakken. De schaduw hier is een aquamarijn met een lage verzadiging, die ik gebruik om een ​​spijkerbroek te vertegenwoordigen. Ik probeer meestal variaties op kleuren uit te proberen Kopiëren het gebied dat ik aan het kleuren ben Nieuwe laag en open de Tint / verzadiging / helderheid paneel (Afbeelding> Aanpassingen> Kleurtoon / verzadiging...) en verplaats de schuifregelaars op dat paneel tot ik het resultaat leuk vind.

Stap 2

Voeg wat schoenen toe. Ik zal ze sneakers maken en ze zullen bijna wit zijn; er is echt niet veel ruimte om deze details te geven.

Ik maak ze niet wit omdat ik de achtergrond wit laat. Een nadeel van het niet gebruiken van contouren is dat als de achtergrond- en voorgrondkleuren hetzelfde zijn, sommige details verloren kunnen gaan.

Stap 3

Geef het personage een shirt. Ik vond het leuk hoe deze kleur samenging met de broekkleur. Ik heb het shirt met korte mouwen en een V-hals gemaakt.

Stap 4

Zoals ik al eerder zei, kun je een behoorlijke hoeveelheid detail toevoegen, misschien een stropdas of een afbeelding in het midden van het shirt. Ik heb enkele (laagcontrast) strepen toegevoegd.

Stap 5

En tot slot nog een laag kleding: een jas. Als je wilt, kun je ook de personageaccessoires geven zoals een vest, een polshorloge of een koptelefoon.

4. Schaduw het personage

Nu alle karakter- en kledingdetails zijn voltooid, voegen we een vleugje schaduw toe die overeenkomt met de verschillende volumes van het personage.

Stap 1

Maak een Nieuwe laag en teken daarin je schaduwen in het zwart.

Sommige schaduwen corresponderen met het hoofd dat een schaduw werpt over de nek en naar de jas die een schaduw werpt over het hemd. De rest komt gewoon overeen met de volumes van het personage; de poten zijn niet vlak, dus een zijde overschaduwen extra volume, en hetzelfde geldt voor de rechterkant van de romp.

De armen, dacht ik, waren te klein om te verduisteren.

Stap 2

En om de arcering toe te passen, verlaagt u gewoon de ondoorzichtigheid van de laag naar 15% of ergens daar in de buurt. U kunt dat doen in de Lagen paneel of ook door op te drukken 15 op het toetsenbord, terwijl de Verplaats gereedschap is geselecteerd.

Dat kan je dan Omlaag samenvoegen (Laag> Omlaag samenvoegen) en exporteer uw afbeelding.

Gezien op 100%, het personage is misschien te klein om te waarderen. Dus je kunt het kiezen het, Kopiëren het en herschalen het aan 200% of 300% (Bewerken> Vrije transformatie) met interpolatie ingesteld op Dichtstbijzijnde buur.

Dan Opslaan, bij voorkeur als een PNG of GIF, en je bent klaar!

Awesome, Character Complete!

Gefeliciteerd! U bent klaar met het pixelkarakter.

Natuurlijk kun je nu meer van deze maken, of iets aanpakken als je favoriete rockband of een groep personages die je leuk vindt van tv of film, of pixel jezelf of je vrienden, enz..