Articles

Een basis Sprite-Tutorial

Hier is een basis doorloop van hoe je je tekening in pixelkunst kunt veranderen met behulp van enkele Photoshop-of GIMP-trucs.

Stap 1: de tekening

merk op dat er geen maskerdetails zijn en dat de handen mooi en eenvoudig zijn

een tablet is leuk om direct in een kunstprogramma als Photoshop te tekenen. Anders, scan een tekening met zware potloden of geïnkt lijnen. Als je een specifieke spelstijl wilt imiteren, gebruik dan een vergrote sprite als referentie voor lichaamsverhoudingen en breedte (wat ik helaas niet heb gedaan met deze schets). Houd details tot een minimum, zodat u niet rommel dingen op wanneer u Krimpen.

tijd: varieert

Stap 2: Resizing

formaat niet wijzigen met beperkte verhoudingen – stretch en squash om overeen te komen met de verhoudingen van uw doel

zoek een sprite die lijkt op de grootte (of pose) die u wilt kopiëren. Krimp de tekening naar beneden en tegelijkertijd maken het zo breed als het nodig is om te matchen, als je het niet uit te werken in Stap 1. Merk op dat in deze schets, ik wil ongeveer dezelfde hoogte, maar een tikkeltje breder.

tijd: 30 seconden

Stap 3: verscherpen

gebruik Photoshop ’s of Gimp’ s Threshold tool om uzelf een ton reinigingstijd te besparen

voeg de laag met het aangepaste lijnwerk samen op een laag met een vaste witte achtergrond. Ga naar IMAGE > aanpassingen > drempelwaarde in Photoshop of het equivalent in GIMP om de lijn te dunnen tot zuivere zwart-witte pixels. Zorg ervoor dat je van dichtbij bent ingezoomd om de pixels het beste te zien. Houd al uw originele details zo begrijpelijk mogelijk, zodat u niet te vaak heen en weer naar uw originele tekening hoeft te verwijzen.
Deze stap maakt het schoonmaken van de lijnen en het invullen van kleur gemakkelijk en bespaart u een ton van tijd over het schoonmaken met de hand.

tijd: 10 Seconden

Stap 4: Opschonen

scherper de contouren tot ze 1 pixel breed zijn. Wees niet bang om een aantal contouren te breken, en maak je nog geen zorgen over fijnere details

Maak een laag alleen voor de lijnen (verwijder alle wit). Zoom in en maak de contouren schoon. Als je regels wilt breken, is dit de plek om het te doen. Het is niet tijd om te werken aan de fijne details nog (weer, masker en handen) – gewoon beginnen met het geven van jezelf Ankers voor de kleuring. Als u klaar bent, sluit u de laag.

Tijd: 10-20 minuten

Stap 5: Gereedschap vlakvulling: platte kleuren

vlakke kleuren worden ingevuld – in dit geval vullen de schaduwkleuren

vlakke kleuren op een laag onder de lijnen. Werk uit de details van de outfit, enz, maar doe geen schaduw. Licht zal worden toegevoegd na. Deze stap geeft echt het ‘comic book production’ gevoel. Speciale Opmerking: Sommige mensen geven de voorkeur aan het gebruik van de kleuren van het lichtgebied voor hun flats, dan het toevoegen van de schaduwen na. Dit zal een ander eindeffect veroorzaken, dus experimenteer.

tijd: 2 of 3 minuten

Stap 6: De arcering

Bespaar tijd en krijg goede kleuren door wit te gebruiken op lagen die op Overlay zijn ingesteld om schaduwvlakken op te helderen

Op dit moment heb je een laag voor lijnen en een laag voor flats. Hier bespaart Photoshop u veel tijd. Plaats twee lagen tussen de lijnen en flats. Verander ze naar Overlay stijl en maak de bovenste 50% dekking. Selecteer een 1 of 2 pixel potlood en begin met het neerzetten van wat wit. Onmiddellijke verlichting door uw kleuren.
opmerking: werk eerst met de Laagdekking van 100%. Als je de arcering naar beneden hebt over hoe je het wilt, gebruik je het gereedschap magic want om de niet-witte gebieden te selecteren. Ga vervolgens naar de 50% laag voor de mid-arcering (nadat de marcherende mieren van de toverstaf zijn verborgen). Je wilt niet dat de twee lagen hun Wit overlappen of je krijgt extra highlights.

tijd: 30-90 minuten

Stap 7: arcering Check

controleer de details van uw arcering door het renderen naar grijswaarden en het elimineren van kleurafleidingen

soms heb je een frisse blik nodig om te controleren of je de arcering goed hebt.
Dit is hoe je lagen eruit zouden moeten zien – de flats gevuld met zwart is wat we nu toevoegen. Kopieer de laag flats, vergrendel deze, vul deze met Zwart (Bewerk > Fill). Verander dan je twee witte lagen van Overlay naar normaal. Je moet dit horen:

Ik kan echt geen betere manier bedenken om arcering te testen dan alle afleidende kostuumkleur eruit te halen en het op te voeren tot maximaal contrast. Het is de makkelijkste manier om kleine dingen te vinden die er niet goed uitzien, of zelfs grote dingen die je te gefocust was om op te merken. Wat beter is, correctie is gewoon een kwestie van de vaststelling van de blanken – niet elke kleur te veranderen. Probeer het ook met een zwarte achtergrond.
Hmm. Ik denk dat ik nog eens naar haar linkerhand kijk voordat ik helemaal klaar ben.

tijd: 90 seconden om te controleren; varieert voor correcties

Stap 8: Kleurlijnen

komen overeen met de omtrek-duisternis met de rest van de arcering

nu ze hun b&w taakoverlapping hebben gedaan voor stap 7, is het tijd dat de omtrekken worden gekleurd en anti-aliased in de lichte gebieden. Met hun lagen op ‘lock’, moet het in een handomdraai. Altijd onthouden: werk op donker gekleurde (maar niet puur zwarte) achtergronden bij het doen van outline werk. Het helpt de antialiasing.

tijd: 30-60 minuten

stap 9: Details & opschonen

maak de fijnere details af

Dit is de fase van de subtiliteit. * Krijg de kleuren precies goed (Overlay doet eigenlijk een aantal vrij goed werk met kleuren) * voeg hard-to-pixel details (driehoek op masker, blauwe lijnen rond handschoen randen, etc) *Finish de subtiele details die u opgeslagen voor nu (handen) * laatste gaan rond voor fouten. Merk op dat ik ‘vergeten’ ben over haar gele laarzen – maar met dit proces, is het gewoon een kwestie van het toevoegen van het geel aan de vlaklaagje. Het is voorgeschaduwd!