Verkleed zich voor Halloween met isometrische pixelkunst in Adobe Photoshop

Wat je gaat creëren

Je hebt een pixelartiekarakter gemaakt, het ziet er redelijk normaal uit en het draagt ​​gewone kleding. Maar Halloween komt eraan en we moeten beginnen aan de trick-or-treating-actie.

We nemen ons karakter en een klein jochkarakter en kleden ze aan als Batman en Chucky, alleen maar omdat. We zullen ook een jack o'lantern maken om de stemming te bepalen.

Raadpleeg de isometrische pixel art-tutorial als je nog geen personage hebt.

1. Kid Character

In de vorige tutorial hebben we ons personage al bijna zo klein mogelijk gemaakt, maar er is nog steeds enige ruimte om het verder te verkleinen en een kinderversie te maken.

Stap 1

Vergeet niet om een ​​originele kopie van uw personages te bewaren, om ze allemaal te bewaren voor toekomstig gebruik.

Nu, met een kopie van het oorspronkelijke karakter, kunnen we sommige delen ervan verplaatsen / overlappen om het kleiner te maken, of we kunnen sommige delen van pixels verwijderen en de stukken weer bij elkaar brengen, wat er als volgt uitziet:

Stap 2

Nu mist het alleen wat retouches aan de hals van het shirt, de arm en een van de benen. Let op hen en pas ze toe.

We hebben een kind aan ons karakter gegeven, en zonder veel arbeid!

2. Kinderspel

Laten we het jochie in de moordende Chucky veranderen. U wilt enkele referentiebeelden controleren.

Stap 1

Hier heb ik de broekkleur een beetje veranderd en veranderd in overall. De riemen en de bovenste lijnen van de overall zijn donkerder dan de blauwe. En ik heb een rode pixel op de borst toegevoegd voor het logo "Good Guys". Het is een klein detail en zou geen hoog contrast moeten zijn.

Stap 2

Het shirt moet anders zijn. Dus we maken een lange mouw met een meer verzadigde rode tint en donkere wisselende strepen.

Alle strepen zullen van verschillende kleuren zijn, maar het zal esthetisch beter zijn als twee verschillende kleuren met hetzelfde helderheidsniveau niet in contact zijn. Laten we dus proberen de donkere kleuren af ​​te wisselen met de lichtere kleuren.

Stap 3

We veranderen de kleuren van de strepen, maar de manchetten en nek moeten rood blijven zoals in het origineel.

Stap 4

De broek moet ook gestreepte boorden hebben, maar vanwege de weinige pixels die we daar hebben, gebruiken we hetzelfde rood uit het shirt met een hoogte van één of twee pixels.

Stap 5

Het lichaam is klaar, dus laten we de haarkleur veranderen in gember en het kind een teruglopende haarlijn geven om dichter bij Chucky's uiterlijk te komen.

Stap 6

Laten we gaan voor de engere look van Chucky in de latere films, dus we voegen wat haarlokken toe aan het achterhoofd en bewerken de haarhoogtepunten.

Stap 7

En, natuurlijk, de gezichtslittekens, die dezelfde kleur zouden kunnen hebben als die op de nek, maar ook een iets rodere tint kunnen hebben.

Stap 8

Een laatste detail zou een keukenmes zijn, Chucky lijkt een affiniteit voor hen te hebben. We kunnen impliceren dat hij het met zijn onzichtbare hand vasthoudt en gewoon een klein blad aan de zijkant toevoegt:

3. De donkere ridder

Laten we nu onze volwassen figuur veranderen in de caped crusader. Nogmaals, bekijk referentiebeelden. Ik heb ervoor gekozen om de batsuit van The Dark Knight te doen, want dat is gewoon een geweldige film.

Het is een gepantserd en iets complex pak; we zullen niet in staat zijn om alle details te krijgen (helaas is het bat-symbool op de borst niet echt mogelijk om over te brengen op deze resolutie) maar we zullen een hoop subtiele details krijgen in.

Stap 1

Laten we beginnen met de kleding van ons personage helemaal zwart te maken. We gebruiken hiervoor vier grijstinten; Ik gebruik 50%, 35%, 20% en 5%, de schaduw die ik gebruik op contouren.

Stap 2

Voor de nek van het pak behouden we de originele halslijn met de donkerste tint, maar juist daarboven zullen we een paar pixels van de tweede donkerste tint toevoegen en daarboven nog een rij met pixels van de donkerste tint. Dus houden we de halslijn en de kaaklijn van het personage, en de lichtere pixels ertussen vertegenwoordigen de platen van het pak dat de nek bedekt.

Stap 3

Schilder nu het hele hoofd (behalve natuurlijk rond de mond) met de tweede donkerste grijstint. Het gat voor de mond kan een paar verschillende vormen hebben. Dit is de vorm waarvan ik dacht dat die er het beste uitzag, maar je kunt alternatieven proberen.

Stap 4

De neus is twee verticale pixels van het lichtste grijs en de ogen zijn elk twee horizontale pixels van het donkerste grijs. In relatie tot ons karakter zijn deze functies een pixel naar boven verschoven maar het is het beste omdat het donkergrijze tussen de neus en het gat in de mond het contrast van deze functies verhoogt.

Stap 5

Nu met het tweede lichtste grijs doen we hoogtepunten die zich uitstrekken van de bovenkant van het hoofd tot de jukbeenderen, maar zonder in contact te komen met de neus of het mondgat.

Stap 6

We voegen extra highlights toe, nu met het lichtste grijs op het voorhoofd voor extra volume en details; zie hoe deze nieuwe hoogtepunten de dreigende frons die Batman altijd met zich meebrengt overbrengen.

Stap 7

Nu voor de vleermuisoren. Hier in rood zijn de nieuwe pixels die ze zullen innemen:

En aan de rechterkant de finish die ze zouden moeten hebben.

Nu is de kap compleet. Op naar de kogelvrije arm! We kunnen de lichtste grijstint laten vallen en alleen de donkerste drie kleuren gebruiken voor de rest.

Stap 8

Laten we de hele arm grijs maken (de tweede donkerste tint) en de binnenste armomtrek strekken naar de nek (moet uitlijnen) om een ​​break toe te voegen aan het pak, wat aangeeft waar de pantserplaten samenkomen.

Stap 9

Laat de schouder oplichten (moet de 35% schaduw zijn) maar verwijder alle overgebleven markeringen onder de nek en voeg een aantal hoogtepunten toe voor de biceps (twee pixels moeten doen) en voor de vuist (één pixel).

Stap 10

Laten we tenslotte voor de arm ook enkele donkere tinten toevoegen; een paar pixels (donkerste schaduw) onder de schouder om te pronken met de pantserplaten en een pixel net onder de bicep-highlight om die biceps nog wat meer te laten uitkomen. We voegen er ook nog een toe boven de eerste markering om een ​​vleugje volume aan de onderarm te geven.

En vergeet natuurlijk niet de batman-vinnen van Batman.

Stap 11

Nu op de borst zullen we een mooi groot hoogtepunt toevoegen voor het borstgedeelte van het pak. Dit is waar het bat-symbool natuurlijk gaat, maar proberen om het toe te voegen zou alleen maar rotzooien met onze zorgvuldige schaduwen, dus het wordt het beste weggelaten. Onze Batman zal nog steeds voldoende herkenbaar zijn.

Stap 12

Recht over de broeklijn laten we Batman's gereedschapsriem toevoegen, die we zullen doen als een bronzen soort kleur, zonder zo veel op te vallen. Laten we het gebied tussen de riem en de borstmarkering vullen met de donkerste tint en een kleine hint toevoegen aan de six-pack abs. Deze superheldenpakken zorgen er altijd voor.

Het is slechts een vierpakket in ons geval, maar ik denk dat dat zal lukken. De romp is klaar.

Stap 13

Nu op de benen zullen de enige hoogtepunten die we zullen hebben, zijn op de dijen, kniestukken (moeten eruitzien als uitroeptekens) en de tenen:

Stap 14

Laten we meer detail toevoegen met de donkerste grijze tint: een pixel iets onder elke kniestootkussen en een verticale lijn van de achterkant van de knie tot de onderkant van de laars.

Stap 15

We voegen ook een paar retouches toe aan het onderbroekgedeelte ... Ik bedoel niet om grafisch te worden, maar Batman draagt ​​een liespantool. Dus om die volumes te krijgen heb ik wat minimale donkere schaduwen toegevoegd aan de bovenkant van de dijen en wat lichter grijs net onder het midden van de riem.

Dus nu mist onze Batman één ding: de cape!

Stap 16

In rood gemarkeerd zijn de pixels die we zullen toevoegen, en aan de rechterkant hoe we ze zullen inkleuren.

Ik heb een extra pixel toegevoegd aan de hak van de hak, want zonder dat denk ik dat het gemakkelijker is om de cape met de hak te verwarren. Merk op dat er een beetje lichter grijs is in de richting van de onderkant van de cape en hoe het in de schouder snijdt, alsof het uit het sleutelbeengebied komt.

En zo is Batman compleet!

4. Jack O'Lantern

Stap 1

Om onze jack o'lantern te maken, beginnen we op dezelfde manier als met ons karakter: met het gezicht. De ogen en mond van jack o'lanterns zijn meestal driehoekig en zig-zaggy, dus je zou kleine omgekeerde V's voor de ogen en een zigzaglijn voor de mond kunnen gebruiken.

Wanneer de pompoen klaar is, zijn deze regels misschien een beetje moeilijk te lezen vanwege de manier waarop de pixels niet stevig verenigd zijn, dus we zullen ze verticaal verdubbelen (selecteer en verschuif één pixel naar beneden) om er als volgt uit te zien:

Misschien wilt u beide versies behouden en uiteindelijk zien wat u het leukst vindt.

Stap 2

De randen van de pompoen zijn 15 px breed en 13 px hoog, en het gezicht moet laag op dit vierkant zitten vanwege het bovenaanzicht dat we gebruiken.

Stap 3

Rond de randen van het vierkant en vul met een oranje kleur.

We verplaatsen het gezicht even om onze pompoen wat textuur te geven: de verticale randen van pompoenen hebben de neiging om te hebben. De zwarte lijn bovenaan is waar de stengel naartoe gaat en waar de randlijnen idealiter samenkomen. Hoewel we de gebogen lijnen en ontmoetingen in zo'n kleine omvang niet goed kunnen overbrengen, kunnen we proberen:

Maar voor het grootste deel zullen ze gewoon verticale lijnen zijn.

Stap 4

Laten we nu het gezicht weer plaatsen en een gebied bovenaan selecteren om de helderheid te verhogen om verlichting en het volume van de pompoen een beetje beter over te brengen. Ik heb aangepaste kleuren gebruikt in plaats van gewoon de helderheid te verhogen; Misschien wilt u gelige tinten proberen op de lichtere kleuren en rodere tinten op de donkere kleuren.

Stap 5

Voor de stengel moeten we een schaduw van groen toevoegen die niet te veel opvalt. Het is een lijn met drie pixels plus donkere contouren eromheen.

Stap 6

En om de stengel af te werken, voegen we een hoogtepunt aan de punt toe en vervangen de zwarte horizontale lijnen waar de stengel en de schil samenkomen met zachtere tinten; donkerder dan de stengel en schil, maar niet zo zwart.

Stap 7

Op dezelfde manier kunnen we voor het gezicht een kleur gebruiken die donkerder is dan de schil, maar niet zo zwart en die helpt om een ​​gladdere afwerking te krijgen.

Stap 8

Als laatste detail voegen we een schaduw toe. We hadden voorheen geen schaduwen nodig, maar in het geval van de jack o'lantern is dit logisch, omdat het een vorm is die aanzienlijk breder is dan zijn voetafdruk.

Ik gebruik graag zwart met een transparantie van 20% als het om schaduwen gaat.

Ik noemde in de originele personage-tutorial om deze reden geen zwart op de contouren te gebruiken; als je contouren zwart hebt gemaakt, kan de toverstaf de contouren niet van de schaduwen scheiden. Dit is geen big deal, maar het kan uiteindelijk een overlast worden.

Dus dit is hoe onze voltooide jack o'lantern eruit zou zien, en de afbeelding rechts laat zien hoe het eruit zou zien als we het eerste, lichtere gezicht zouden behouden.

Ik vind beide leuk, maar het lichtere gezicht kan moeilijker te lezen zijn als het is uitgezoomd, en het is gemakkelijker voor de pompoenstructuur om het te verstoren. Dus ik gebruik meer kans om de vetere te gebruiken.

Wie ben je aan het kleden als?

Dus nu zijn je gekostumeerde personages en de spooky jack o'lantern klaar!

Heb je het huis uit het huis zelfstudie gemaakt? Omdat je personages er meer thuis zouden uitzien of ze zouden worden behandeld met een huis erachter:

Ik hoop dat dit nuttig was!