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.
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.
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.
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.
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.
Vergrendel de foto en maak er een nieuwe laag bovenop.
Begin met het traceren van de omtrek van de bril.
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.
Zorg ervoor dat u consequent blijft op welke vormen / tinten u volgt. Volg zowel de binnen- als de buitenvorm van de frames.
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.
Trek de heldere (witte) hooglichten op de bril na. Verander ze van een rode streek naar een witte vulling.
Behaal naast de hoogtepunten ook de secundaire markeringen op de bril en verander deze naar een lichter rood (# F47471).
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).
Dat is het voor de bril, schakel de stoke naar een vulling (# EF4136).
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.
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).
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).
Doe hetzelfde met het andere oog.
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.
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.
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.
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.
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).
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.
Plaats de kuiltjes in de kuil en de kin en wat lijnwerk in het oor.
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.
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.
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).
Voeg een paar vormen en lijnen toe om de schouders en overhemden te beschrijven.
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.
Voeg voor compositie een lichtblauwe (# C2E6EA) achtergrond toe aan de illustratie.
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.