Een reeks personages ontwerpen en vectoren maken voor een videogame

In deze tutorial zullen we kijken hoe je een personage ontwerpt voor een videogame, in dit geval een "beat-em up". We werken vanaf de allereerste schets tot het uiteindelijke kunstwerk. Ik zal mijn proces en workflow delen voor het tekenen van vectorkarakters met veel tips, trucs en snelkoppelingen om te gebruiken in uw dagelijkse vectorworkflow.

Laten we beginnen!


Stap 1

Eerst zullen we beginnen met een schets van je karakter. Je kunt het redden met de Klodderpenseel (Shift + B) op een laag met de naam Sketch. Ik probeer altijd een kleur te gebruiken zoals rood of blauw met een dekking van 50%, dit zal je helpen de schets later te traceren.


Stap 2

Nu zullen we de schetslaag uitsluiten. Op een nieuwe laag die we "Tekeningen" zullen noemen, begin je je personage te tekenen.

In dit geval gebruiken we een 1 pt zwarte lijn. Ik teken bijvoorbeeld veel vormen met behulp van de Rechthoekgereedschap (R) en de Afgeronde rechthoek-tool (een voordeel is dat als u het sleept en vasthoudt, u de ronding van het rechthoekgereedschap kunt aanpassen met de pijltjestoetsen).

Probeer je personage in segmenten te tekenen. Op deze manier kun je het gebruiken als een marionet, en je kunt het verplaatsen of alleen de stukken veranderen die je nodig hebt. Verdeel je karakter in delen van het hoofd, lichaam, armen en benen.

Probeer te tekenen met geometrische vormen en pas ze aan met de Eraser Tool (Shift + E) en verkenner.

Vergeet niet om je laag met de naam Schets te vergrendelen en op een nieuwe laag te tekenen.


Stap 3

Met de ankerpunten hebben we de mogelijkheid om de knooppunten te verplaatsen met behulp van de Selectie gereedschap (A) om te profiteren van de basisvormen en pas ze aan om de schets te contouren.

In sommige gevallen kan dit de snelste manier zijn om elementen te tekenen of opnieuw te tekenen, alleen door vormen toe te voegen of aan te passen.

Tip: om zonder de Pathfinder te wijzigen of rechte sneden aan te brengen, kunt u de Eraser Tool (Shift + E) door te drukken alt en sleep met de muis, vergeet niet het object te selecteren dat je wilt verwijderen, want als je niets hebt geselecteerd, kun je een lijn verwijderen al je objecten.

Verplaats de knooppunten met de Selectie gereedschap (A) en wijzig de objecten met het wissergereedschap en druk op Alt + muis slepen om rechte sneden te maken.

Denk bij deze stap alsof je van achter naar voren werkt, want standaard staat elk nieuw object dat je tekent op de voorgrond. houd dat in gedachten (je kunt lagen gebruiken om objecten zoals het hoofd, de armen, enz. te scheiden. Maar ik werk liever met groepen).


Stap 4

Een snelle tip om bijvoorbeeld de armen van een personage te tekenen, is om de Width Tool (Shift + W). Met deze tool past u alleen de breedte van de lijnen aan. Dan kun je ze omzetten in paden, en dat is het.

Nu kunnen we deze vorm aannemen om de mouwen te tekenen, dit kan gedaan worden door Kopiëren (Command + C) en Plak vooraan (Command + F), pas vervolgens de vormen aan zoals jij dat wilt. Als u de Pathfinder moet gebruiken, maakt u altijd een kopie van uw basisobject. Vergeet niet dat u de Wisser voor rechte sneden, in dit geval de armhuls.

De Breedte gereedschap kan erg handig zijn om veel dingen te tekenen, probeer het eens en experimenteer met deze geweldige tool, je kunt tijd besparen en een paar vloeiende vormen maken.


Stap 5

Dit is hoe het personage eruit kan zien als u klaar bent met het traceren van de vormen. druk op D om de standaardkleurvulling in te stellen (witte vulling met een zwarte 1pt-regel).

Pas de stukken aan die u mogelijk moet oplossen. Een snelle manier om dit te doen is het object doorknippen (Command + X) en plak het voor (Command + F) of achterkant van het geselecteerde object.

In deze schets sneed ik bijvoorbeeld de halve cirkel en de bril van mijn personage en selecteer vervolgens de neus om deze aan de achterkant te plakken (Command + B) van de objecten.

Op dit moment moet je de lijntekening van het personage laten tekenen, hier komt het gedeelte waar je illustratie tot leven komt met kleur.


Stap 6

Houd de afbeelding uit elkaar, maar binnen een enkele groep, hoofd, lichaam, rechter en linker armen. Dit zou in twee groepen kunnen worden gedaan. Een van hen van de schouder tot de elleboog en een andere van de elleboog tot de pols, handen, voeten en benen (gespleten net als de armen), dus als je andere karakterposities moet tekenen, hoef je alleen maar bepaalde details te tekenen en niet de hele illustratie. Je karakter moet als een marionet zijn.


Stap 7

Eerst moet je beslissen welke kleuren je zult gebruiken.

Om een ​​goed palet te maken, kunt u 3 van uw favoriete kleuren kiezen. Selecteer ze en gebruik de Menggereedschap (W) om een ​​blend te maken tussen deze kleuren. Druk op Enter om de overvloeiopties te zien en gebruik vervolgens Opgegeven stappen, en typ 2.

Als u al uw kleuren aan Swatches wilt toevoegen, moet u dit doen Uitbreiden de Blend (klik hiertoe op Menu / Object / Uitbreiden) en selecteer ze allemaal. Ga vervolgens naar stalen, maak een nieuwe kleurgroep en geef deze een naam.

Kies de basiskleuren van uw illustratie. U kunt bijvoorbeeld een kleur voor de lichten selecteren en een andere voor de schaduwen. In dit geval werden de kleuren geselecteerd als basiskleur van de huid en kleding van het personage.

Gebruik de Gereedschap samenvoegen om deze combinatie te doen. Vergeet niet om je opties voor samenvoegfuncties in te stellen Specifieke stappen met een waarde van 2.

Als u uw kleuren in de stalen wilt plaatsen, moet u de samenvoeging uitvouwen en alle kleuren selecteren. Klik vervolgens in het stalen venster op de knop "Nieuwe kleurgroep" en plaats een naam in uw palet..


Stap 8

Gebruik de basiskleuren om de basiskleuren toe te passen Pipetgereedschap (I) en klik op de kleur om deze de waarde te geven. Door te drukken ALT

Ik stel voor om je kleurenpalet naast de afbeelding te plaatsen om de kleuren snel te kiezen en te gebruiken.


Stap 9

Als u de lichten en schaduwen wilt toevoegen, kunt u dezelfde vormen gebruiken die u voor de hoofdafbeelding hebt gemaakt, gewoon slepen en vasthouden alt om de vorm te dupliceren. Dan Kopiëren (Command + C) en Plak vooraan (Command + F) van het object dat u wilt detailleren.

We kunnen de Pathfinder-tool gebruiken om deze klus te klaren. We hebben verschillende opties-Snijden of Minus voorkant om highlights en schaduwen toe te voegen (trouwens, wanneer je op drukt Command + 4, de laatste actie van de Pathfinder zal worden herhaald). Een andere manier om de lichten te maken, is door een voorwerp te selecteren, zoals het oor, en dan naar te gaan Object / pad / offset pad. Hiermee wordt een kopie gemaakt binnen of buiten de figuur.

Selecteer het preview-voorbeeld om de wijzigingen die u aanbrengt te bekijken. In dit geval 2px.

Maak gebruik van de figuren die je al hebt om schaduwen en lichten te creëren.


Stap 10

Het voltooide personage zal er ongeveer zo uitzien. Vergeet niet om een ​​omdraaiing van het personage te tekenen om alle hoeken te zien. Om dit een beetje gemakkelijker te maken, gebruikt u enkele hulplijnen op bepaalde punten zoals het hoofd, schouders, taille, knie, enz.


Stap 11

Om de uitdrukkingen van het personage te maken, gebruiken we een 3/4-weergave.

Om de uitdrukkingen te veranderen, kunnen we een aantal aanpassingen van de mond en wenkbrauwen doen. Al deze kunnen worden gemaakt met de Width Tool (Shift + W), de Afgeronde rechthoek-tool en Verschoven pad. In dit geval zullen we 4 gezichtsuitdrukkingen gebruiken, normaal, blij, boos en verslagen. Deze uitdrukkingen zullen dienen als een referentie voor het spel.


Stap 12

Nu is het tijd om de positie van het personage te bepalen. We nemen onze basisschets en voegen wijzigingen en details toe. Op deze manier hoeft u deze delen alleen opnieuw te tekenen met de schetsen van de ommezijde. Je kunt sommige karakterposities zien, zoals de sprong of zijn overwinningspositie. Dit is handig wanneer we ons karakter moeten animeren of wanneer iemand het moet tekenen.

Ik zal hem grotere ledematen geven om het bewegingseffect van de aanvallen te verbeteren.


Stap 13

Zo ziet het personage eruit als het klaar is, voeg je de details toe zoals je wilt. Veel plezier met de kleuren en vormen!


Stap 14

Plaats uw illustraties eindelijk op een nieuwe pagina en uw personageblad is gereed!

Dit document is erg handig wanneer je het personage in nieuwe poses of expressies moet tekenen en met de turn-around is het een stuk makkelijker om het te tekenen omdat je kunt zien hoe het er in alle hoeken uitziet. Als je met een team aan een spel werkt en iedereen animaties en illustraties van een bepaald personage maakt, is het personageblad een basisdocument om het werk gemakkelijk te krijgen.

Met een personageblad zou iedereen op hetzelfde kanaal moeten staan ​​en de workflow zou beter moeten zijn dan zonder. Hiermee is onze tutorial beëindigd, ik hoop dat je het leuk vond, tot ziens!