Karakterontwerp voor de Boomrock-heiligen

In deze tutorial zullen we demonstreren hoe je Illustrator en Photoshop kunt gebruiken om personageontwerpen te maken voor de Boomrock-heiligen. Laten we beginnen!


Voorbereiding

Hieronder staan ​​de referentiefoto's die de groep mij heeft gegeven. Josh is aan de linkerkant en Brian aan de rechterkant. In het midden zit de tatoeage van Brian, die we later in het ontwerp zullen opnemen.


Stap 1

Maak een nieuw document 1600px x 1600px en stel de achtergrond in op een licht verloop. Voeg een nieuwe laag toe aan uw document en begin met het losjes bouwen van een basis voor uw personages.

Met een tablet gebruik ik meestal een standaard 3px-penseel in een kleur die iets donkerder is dan de achtergrond. Ik zorg ervoor dat "Shape Dynamics" wordt gecontroleerd, zodat ik de druk van mijn pen kan controleren.


Stap 2

Verlaag de dekking van je eerste laag tot 50% en voeg er twee nieuwe lagen bovenop toe - één voor elk teken.

Gebruik deze nieuwe lagen om de rommelige schetslijnen te doorlopen om het een beetje op te ruimen en om de details toe te voegen. Let op dat je de lagen niet door elkaar gooit, zodat je later de posities van het karakter kunt aanpassen als dat nodig is. Het is een goed idee om ze een naam te geven zoals in de bovenstaande afbeelding. Op dit punt beginnen de personages vorm te krijgen. Het is prima om in dit stadium nog alles ruw te houden.


Stap 3

Voeg een nieuwe laag toe tussen de eerste "schets" -laag en de tekenlagen en noem deze "kleur".

Gebruik deze laag om te experimenteren en de tekens ruwweg te blokkeren met een gekozen kleurenpalet. In dit geval wilde de groep iets "guerrilla", dus natuurlijk ging ik met aardetinten.

Voeg vervolgens ongeveer de belichting en schaduw toe. Ik heb de hoofdlichtbron links van de personages gekozen, zodat het licht het hardst van links op de blootgestelde huid / kleding valt. De delen die niet worden getoond, worden ofwel "zoals ze zijn" of "gearceerd" achtergelaten door een ander element, zoals de rechterkant van Brian's romp die door zijn rechterarm wordt bedekt. Evenzo is het grootste deel van Josh's torso aan de linkerkant gearceerd omdat het wordt bedekt door Brian die recht voor hem staat.


Stap 4

Als u tevreden bent, wordt het tijd om de illustratie in Adobe Illustrator in te vullen om het overzicht op te schonen. Verberg alle lagen behalve de omtrek, sla het op als een jpeg en open het in Illustrator. Omdat ik een tablet gebruik, kan ik het overzicht met mijn tabletpen doen in plaats van met een muis. Voor degenen die niet met tablets werken, kan dit deel ook met de pen-tool worden gedaan. Er zijn veel tutorials op internet voor het inkten van pentaken in Illustrator, samen met tutorials voor verschillende andere methoden. Dit is de methode die ik leuk vind.

Maak een nieuw penseel door het penseelpalet te openen en onderaan op het pictogram 'nieuwe penseel' te klikken. Selecteer 'Kalligrafisch penseel' in het dialoogvenster dat verschijnt en klik op OK en stel de hoek, ronding, diameter en variatie van dit nieuwe penseel in op de onderstaande instellingen.

Selecteer de inhoud van uw laag door op de cirkel rechts van de laag in het palet Lagen te klikken. Zet de dekking op 30% en vergrendel de laag. Kies de kleur zwart voor de streek en geen voor de vulling.


Stap 5

Nu zijn we klaar om het overzicht op te ruimen. Zorg er bij het inkten voor dat het gewicht van de lijnen varieert om een ​​dynamischer effect te verkrijgen.

Enkele snelle tips om te onthouden bij het omgaan met lijngewichten:

  1. Creëer een illusie van diepte. Als een voorwerp of persoon dichter bij u staat, zijn de lijnen over het algemeen dikker. Dus, als deze tekening een achtergrond van een stadsbeeld had, zouden de lijnen die het stadsbeeld vormen dunner zijn dan de lijnen van het personage.
  2. Besteed aandacht aan de lichtbron. Waar het licht ook valt, de lijnen zijn over het algemeen dunner. Waar het licht niet raakt, zijn de lijnen over het algemeen dikker.
  3. De buitenste lijnen van elk object of persoon zijn over het algemeen dikker dan de lijnen binnenin. Dit is om te helpen dat object of persoon te onderscheiden van de anderen.
  4. Verbreed de eindpunten van lijnen die door een andere lijn worden afgekapt. Bekijk de afbeelding hieronder om te zien wat ik bedoel.

Als u klaar bent, zou u iets dergelijks moeten hebben:


Stap 6

Nu kunnen we het bestand terugbrengen naar Photoshop en beginnen met kleuren en renderen. Exporteer het bestand vanuit Illustrator (Bestand> Exporteren) en selecteer 'psd' in de vervolgkeuzelijst. In het dialoogvenster dat verschijnt, stelt u de resolutie in op 'high (300dpi)' en drukt u op OK.


Stap 7

Voor dit gedeelte, creëer ik gewoonlijk een afzonderlijke laag voor elke kleur of element op elk teken onder de omtreklaag. Dus het zou er ongeveer zo uitzien:

Vervolgens kleur ik elk element in hun eigen respectieve lagen in. Het is je ook misschien opgevallen dat ik de contouren voor elk personage een beetje lichter heb gemaakt. Ik ben van mening dat hierdoor de illustratie er natuurlijker uitziet in tegenstelling tot het hebben van een donkerzwarte omtrek.


Stap 8

Nu we de tekens gekleurd hebben, resteert alleen de weergave. Ik begin meestal met de schaduw en ga naar de verlichting. Maak een afzonderlijke laag voor 'arcering' boven de basiskleurenlaag voor elk element. Gebruik nu de gekleurde afbeelding in stap 3 als een referentie, schaduw in de tekens met een penseel ingesteld op ongeveer 60% hardheid.

Mijn techniek is om welk element dan ook te selecteren door Command / Ctrl-klikken op de laagminiatuur en poetsen over de gebieden die moeten worden gearceerd.

Doe dit voor alle elementen van beide personages en je zou iets dergelijks moeten hebben als:

Als u na het zien van het resultaat wilt dat bepaalde gearceerde gebieden nog donkerder worden, kunt u een nieuwe laag maken voor alleen de donkere gebieden en dezelfde bovenstaande techniek gebruiken om het in te kleuren. Door donkere gebieden in uw illustraties te gebruiken, kunt u meer een dynamisch resultaat.


Stap 9

Vervolgens doen we de verlichting. Voeg een nieuwe laag toe boven de laag 'Schaduwen' voor elk element. Terwijl de laag 'Lighting' is geselecteerd, gebruikt u dezelfde techniek om met Command / Ctrl op de miniaturen van de lagen te klikken om de inhoud te selecteren en waar nodig stukjes licht toe te voegen.

Voor de reflecties in de tinten, gebruikt u het pengereedschap om een ​​vorm rond de binnenomtrek te maken. Klik vervolgens met de rechtermuisknop op die vorm, klik op 'Selectie maken' en klik op OK in het dialoogvenster dat verschijnt. Zodra de vorm is geselecteerd, selecteert u wit als uw kleur en gebruikt u het verloopgereedschap om een ​​subtiele reflectie te creëren die van onder naar boven in een kleine hoek wordt gesleept. Als u klaar bent, vermindert u de dekking van deze nieuwe vorm tot ongeveer 30% of het percentage dat naar uw mening er precies goed uitziet.


Stap 10

Ten slotte voegen we de laatste hand aan de details, zoals de tatoeage op Brian's arm, het logo op Brian's shirt, het SF-logo op Brian's hoed en wat extra verlichting op beide personages om de lichtbron precies te lokaliseren.

Hier is de methode die ik gebruikte om de arm van Brian te tatoeëren.

Nadat de hele illustratie was voltooid, vroeg de groep of Brian een beetje kon worden 'versterkt' om meer van zijn natuurlijke zelf te weerspiegelen. Dus, ik maakte een paar snelle aanpassingen door het lichaam een ​​beetje te verbreden en wat definitie aan de rechterarm toe te voegen, wat je kunt zien in het uiteindelijke ontwerp hieronder.


Conclusie

Ik hoop dat deze tutorial je heeft geïnspireerd om deze technieken te gebruiken om je eigen illustratie te helpen ontwikkelen. Probeer vanaf het begin een stevige basis met de schets te bouwen en je zult veel meer plezier hebben om het in een geïnkt / gekleurd karakter te ontwikkelen.