Een vectorgezicht volgen vanaf een referentiefoto

Een paar keer per maand bekijken we enkele van onze favoriete lezers uit de geschiedenis van Vectortuts +. Deze tutorial van Jesse Hora werd voor het eerst gepubliceerd op 20 oktober 2009.

Er zijn talloze manieren waarop u een illustratie in een illustratie kunt benaderen, een voor de hand liggende optie om de foto te 'traceren'. Omdat er zoveel microscopische details op een foto staan, moet je een groot aantal beslissingen nemen over hoe je uiteindelijk wilt dat het beeld eruitziet. Wil je dat het er fotorealistisch uitziet? Of meer gestileerd? Stripboek-achtig? Cartoon-achtige?

Al deze beslissingen zullen resulteren in het uiterlijk en de stijl van je uiteindelijke beeld en je werk als geheel. Als commercieel ontwerper / illustrator, zullen de stijl en het uiterlijk van je werk je maken of breken. Deze zelfstudie behandelt deze beslissingen terwijl we een illustratie maken van een referentiefoto.

Premium-optie

Als je op zoek bent naar een snelle manier om een ​​foto te traceren en een vector te maken, probeer dan de Vector Tracing Photoshop-actie op Envato Market. Hiermee kunt u snel en gemakkelijk een foto in vectorvorm traceren en een reeks effecten toepassen.

Invoering

Sommige mensen denken dat dat zo is zo makkelijk om een ​​foto te traceren en deze zelfstudie is nutteloos. Ik denk dat het uiterst belangrijk is om te weten hoe je zelfs de eenvoudigste dingen moet doen goed. Ik heb te veel mensen gezien proberen om een ​​foto te traceren voor een illustratie en het eindproduct is op zijn minst minder dan wenselijk.

Het basisidee van deze tutorial is om te laten zien hoe het gebruik van het proces van het traceren van de basisvormen en contouren van een foto, in tegenstelling tot het gebruik van overwegend vectorlijnen met lijnen, zoals veel beginnende illustratoren doen, resulteert in een gewenste, realistische en toch gestileerde beeld.

Beginnen met een geweldige foto is uiteraard een groot voordeel voor deze manier van illustreren. Gelukkig kon Kyle LaMere van ISR me een heel mooie foto van zijn 'Visitors' Series leveren. Bedankt Kyle.

Final Image Preview

Hieronder is het uiteindelijke beeld waar we naartoe zullen werken. Wil je toegang tot de volledige Vector Source-bestanden en downloadbare exemplaren van elke tutorial, inclusief deze? Word lid van Vector Plus voor slechts 9 $ per maand.

Zelfstudiedetails

  • Programma: Adobe Illustrator
  • Moeilijkheidsgraad: Beginner
  • Geschatte voltooiingstijd: 2 uur

Stap 1A

Open de bronfoto. In dit geval gebruik ik een afbeelding van mezelf en deze is beschikbaar voor Plus-leden. Je kunt natuurlijk je eigen afbeelding vervangen.

Stap 1B

Vergrendel de foto en maak er een nieuwe laag bovenop.

Stap 2A

Begin met het traceren van de omtrek van de bril.

Stap 2B

Als je merkt dat er zoveel verschillende vormen, schaduwen en hoogtepunten zijn die de bril vormen, met name in de binnenvormen van de lens en het frame, moet je een beslissing nemen over hoe gedetailleerd / complex je de afbeelding wilt maken. Aangezien het doel van deze tutorials geen extreem foto-realistisch uiterlijk is, zal ik het relatief eenvoudig houden.

Stap 2C

Zorg ervoor dat u consequent blijft op welke vormen / tinten u volgt. Volg zowel de binnen- als de buitenvorm van de frames.

Stap 2D

Selecteer zowel de binnen- als de buitenvorm, kies de optie Aftrekken van vormgebied in het Pathfinder-palet en houd Option ingedrukt om uit te vouwen naar één vorm. Nu heb je een vorm die de basisbril vormt.

Stap 2E

Trek de heldere (witte) hooglichten op de bril na. Verander ze van een rode streek naar een witte vulling.

Stap 2F

Behaal naast de hoogtepunten ook de secundaire markeringen op de bril en verander deze naar een lichter rood (# F47471).

Stap 2G

Hoewel ze duidelijk zijn, moeten we de lens en de neusstukken beschrijven. Misschien moet je de vormen een beetje finessepen, tekenen zodat ze eruitzien rechts in plaats van direct op de foto te blijven plakken omdat de vormen niet goed gedefinieerd zijn. Verander ze in een lichtgrijs (# EFE6E8).

Stap 2H

Dat is het voor de bril, schakel de stoke naar een vulling (# EF4136).

Stap 3A

Nu traceer je de witte vorm van het oog. Om de vormen perfect uit te lijnen, selecteert u het bovenste punt van de oogvorm, kopieert en plakt u een duplicaat bovenaan. Voeg nieuwe ankerpunten toe met het gereedschap Ankerpunten toevoegen (+), waarbij de pupil onder de wimper valt. Verwijder de extra eindpunten en blijf de pupil tekenen met de bovenste gedupliceerde punten. Dit is een zeer eenvoudige, maar nuttige tip die ervoor zorgt dat de vormen op één lijn worden gehouden en geordend.

Stap 3B

Gebruik gewoon het hierboven beschreven proces om de zwarte vorm van de pupil en de witte hooglichtvorm te krijgen. Kleur ze zoals ze zijn in de foto, zwart, wit en lichtblauw / grijs (# 72A8B2).

Stap 4A

De wimpers en tinten die de bovenste en onderste oogleden beschrijven, zijn zo dun en subtiel dat ze moeten worden overdreven een beetje. Traceer ze en verander ze in een donkerbruine kleur (# 603913).

Stap 4B

Doe hetzelfde met het andere oog.

Stap 5

Het traceren van de wenkbrauwen zal vervelend zijn, maar als je de tijd neemt om echt in het detail te komen, kunnen ze er fenomenaal uitzien. Verander ze in het donkerbruin van de andere gelaatstrekken. Hier is een piek over hoe het gaat.

Stap 6

De neus kan een enorme pijn in de kolf zijn om het er natuurlijk uit te laten zien. Doe het eenvoudige lijnwerk en volg alleen de randen van de neus en wangen. Verander het in hetzelfde donkerbruine als de andere gelaatstrekken.

Stap 7

De sleutel tot het tekenen van de mond is om niet de hele mond te schetsen met de donkere lijn - werk als een clown. Teken de vorm van de pink-ish deel van de lippen, en verander het in een lichtroze (# FDE4E3). Doe dan het dunne lijnwerk rond de mond, gebruik alleen kleine schaduwvormen waar nodig.

Stap 8

Als de mond eenmaal is gevestigd, is het vrij gemakkelijk om de glimlach met tanden af ​​te maken. Je hoeft niet elke tand te tekenen, je hoeft alleen maar een paar schaduwen in te brengen die naar de tanden wijzen. Vul deze tanden schaduwvormen met een lichte crème (# E2D7D3) kleur. Teken een grote witte vorm achter alle schaduwen.

Stap 9A

Vector haar zou op zichzelf een zelfstudie kunnen zijn, het zou meerdere lagen hoogtepunten en schaduwen kunnen hebben, maar ik laat het liever gewoon plat met de contour van de vorm die het formulier beschrijft in plaats van hoogtepunten. Ga nu langs de buitenkant van de haarvorm en volg een aantal van de grote haarspikes. Je kunt een redelijk vrije vorm krijgen en van de foto afwijken, zolang de vormen die je tekent verwijzen naar het haar. Zorg ervoor dat u binnenvormen invoegt die u wilt uitsluiten met behulp van het palet Pathfinder (stap 2D).

Stap 9B

Als je eenmaal een vorm hebt, met veel kleine stukjes weggewerkt met behulp van het Pathfinder-palet, verander je de haarvorm in een vulling van een donkerbruine kleur die eerder werd gebruikt.

Stap 10A

Plaats de kuiltjes in de kuil en de kin en wat lijnwerk in het oor.

Stap 10B

We zijn er bijna, tijd om alles samen te brengen. Trek de basisvorm van het gezicht na en vul het met een huidtint, die een licht oranje (# F5DFD5) getinte kleur heeft. Breng ook een 1pt-streek aan met dezelfde geheel donkerbruine kleur en plaats deze vorm onder de haarvormlaag.

Stap 11A

Als je een zwevende kop wilt, kun je daar stoppen, maar als je een plaats wilt om het hoofd te laten rusten, volg dan gewoon de nekvorm en pas dezelfde kleuren en lijn toe als het gezicht.

Stap 11B

Voeg een eenvoudige schaduwvorm toe aan de hals en kies een bruine tint die dicht bij de huidskleur ligt (# C49A6B), zodat deze niet uitsteekt als een pijnlijke duim. Stuur deze vorm naar achteren (Shift + Command + Min-toets).

Stap 12

Voeg een paar vormen en lijnen toe om de schouders en overhemden te beschrijven.

Stap 13

Na het bekijken van het beeld, merk ik dat het colafles glazen effect is aan de hand met de ogen. Selecteer alle vormen die de ogen vormen en vergroot ze een klein beetje.

Stap 14

Voeg voor compositie een lichtblauwe (# C2E6EA) achtergrond toe aan de illustratie.

Laatste afbeelding

Dat is het! Heel basic, maar leer het goed te doen en het kan een heel nuttige illustratiestijl zijn. De uiteindelijke afbeelding is hieronder. U kunt de grotere versie bekijken hier.

Abonneer u op de Vectortuts + RSS-feed om op de hoogte te blijven van de nieuwste vectorhandleidingen en -artikelen.