Spåra ett vektor ansikte från ett referensfoto

Några gånger i varje månad besöker vi några av våra läsares favoritinlägg från hela Vectortuts + historien. Denna handledning av Jesse Hora publicerades först den 20 oktober 2009.

Det finns många sätt att du kan närma sig med hjälp av ett referensfoto i illustration, ett uppenbart alternativ att "spåra" fotot. Eftersom det finns så många mikroskopiska detaljer på ett fotografi måste du göra många beslut om hur du vill att bilden ska se ut i slutet. Vill du att den ska se fotorealistisk? Eller mer stiliserad? Comic book-esque? Cartoon liknande?

Alla dessa beslut kommer att resultera i utseendet och stilen på din slutliga bild och ditt arbete som helhet. Som en kommersiell designer / illustratör kommer stilen och utseendet på ditt arbete att göra eller bryta dig. Denna handledning kommer att täcka dessa beslut när vi skapar en illustration från ett referensfoto.

Premium alternativ

Om du letar efter ett snabbt sätt att spåra ett foto och skapa en vektor, prova Vector Tracing Photoshop Action på Envato Market. Det låter dig snabbt och enkelt spåra ett foto i vektorform och tillämpa en rad effekter.

Introduktion

Vissa kanske tror att det är så enkelt att spåra ett foto och att den här handledningen är onyttig. Jag tycker att det är extremt viktigt att veta hur man gör även de enklaste sakerna väl. Jag har sett för många människor Prova att spåra ett foto för en illustration och slutprodukten är mindre än önskvärt minst sagt.

Grundtanken i denna handledning är att visa hur man använder processen för att spåra en bilds grundläggande former och konturer, i motsats till att använda övervägande vektorlinjer med slag, så många som illustratörer gör, kommer att resultera i en önskvärd, realistisk men stiliserad bild.

Att börja med ett bra foto är uppenbarligen en stor fördel för denna illustrationstil. Lyckligtvis kunde Kyle LaMere från ISR förse mig med ett riktigt fint foto från hans "Visitors" -serie. Tack Kyle.

Slutlig bildförhandsvisning

Nedan är den slutliga bilden vi ska arbeta för. Vill du ha tillgång till hela Vector Source-filerna och nedladdningsbara kopior av varje handledning, inklusive den här? Bli med Plus Plus för bara 9 $ per månad.

Handledning detaljer

  • Program: Adobe Illustrator
  • Svårighetsgrad: Nybörjare
  • Beräknad sluttid: 2 timmar

Steg 1A

Öppna källfotoet. I det här fallet använder jag en bild av mig själv och den är tillgänglig för Plus-medlemmar. Du kan självklart ersätta din egen bild.

Steg 1B

Lås fotot och skapa ett nytt lager ovanpå.

Steg 2A

Börja med att spåra översikten av glasögonen.

Steg 2B

Om du märker det finns så många olika former, nyanser och höjdpunkter som utgör glasögonen, särskilt inom linsens och ramens inre former, så du måste fatta beslut om hur detaljerat / komplext du vill göra bilden. Eftersom det här tutorials-målet inte är ett extremt foto-realism-utseende, kommer jag att hålla det relativt enkelt.

Steg 2C

Var noga med att hålla dig konsekvent på vilka former / nyanser du följer. Spåra både ramens inre och yttre form.

Steg 2D

Välj både interiör och exteriör, välj alternativet Subtract From Shape Area i paletten Pathfinder, medan du håller Alternativ för att expandera till en form. Nu har du en form som utgör basglaset.

Steg 2E

Spåra de ljusa (vita) höjdpunkterna på glasögonen. Ändra dem från en röd stroke till vit fyllning.

Steg 2F

Förutom höjdpunkterna spårar även de sekundära höjdpunkterna på glasögonen och byter dem till en ljusare röd (# F47471).

Steg 2G

Även om de är klara måste vi beskriva linsen och näsan. Du kanske måste finessa formerna lite, rita dem så att de ser ut höger i motsats till att hålla sig rakt på bilden eftersom formerna inte är väldefinierade. Byt dem till en ljusgrå (# EFE6E8).

Steg 2H

Det är det för glasögonen, byt stoke till en fyllning (# EF4136).

Steg 3A

Spåra nu den vita formen av ögat. För att få formerna att passa perfekt, välj toppunkten i ögonformen, kopiera och klistra in en dubbelpunkt ovanpå. Lägg till nya ankarpunkter med hjälp av Add Anchor Points Tool (+) där eleven kommer ner under ögonfransen. Ta bort de extra slutpunkterna och fortsätt att rita eleven med de översta dubbleringspunkterna. Detta är en mycket enkel men ändå användbar tips som hjälper till att hålla formerna inriktade och organiserade.

Steg 3B

Använd helt enkelt processen som beskrivs ovan för att få den svarta formen av eleven såväl som den vita markeringsformen. Färga dem som de är på bilden, svart, vit och ljusblå / grå (# 72A8B2).

Steg 4A

Ögonfransarna och nyanser som beskriver övre och nedre ögonlocken är så tunna och subtila, de måste vara överdriven lite. Spåra dem och byt dem till en mörkbrun (# 603913).

Steg 4B

Gör detsamma mot det andra ögat.

Steg 5

Spåra ögonbrynen blir tråkigt, men om du tar dig tid att verkligen komma in i detaljerna kan de se fenomenala ut. Byt dem till den mörka bruna av de andra ansiktsfunktionerna. Här är en topp på hur det kommer fram.

Steg 6

Näsan kan vara en stor smärta i rumpan för att få det att se naturligt ut. Gör det enkla linjearbetet, spåra bara kanterna på näsan och kinderna. Byt den till samma mörkbruna som de andra ansiktsfunktionerna.

Steg 7

Nyckeln till att rita munnen är att inte skissera hela munnen med den mörka linjen, som en clown. Rita formen på typ Rosa del av läpparna och byt den till en ljusrosa (# FDE4E3). Gör sedan den tunna linjen runt munnen med endast små skuggformar där det behövs.

Steg 8

När munnen är etablerad är det lätt att klara leendet med tänderna. Du behöver inte rita varje tand, du lägger bara några skuggor som antydar på tänderna. Fyll dessa tänder skuggformer med en ljuskräm (# E2D7D3) färg. Rita en stor vit form bakom alla skuggor.

Steg 9A

Vectorhår kan vara en självstudiehandledning, det kan ha många lager av höjdpunkter och skuggor, men jag föredrar att låta den vara helt platt med konturen av formen som beskriver formuläret istället för höjdpunkter. Nu gå runt utsidan av hårformen, spåra några av de stora hårspikarna. Du kan få ganska fri form och avvika från fotot, så länge formerna du skriver referens hår. Var noga med att inkludera inuti former som du kommer att utesluta med att använda sökvägspalett (steg 2D).

Steg 9B

När du har en form, med massor av små bitar nocked ut med hjälp av pathfinder paletten, byt hårformen till en fyllning av en mörkbrun färg som tidigare användes.

Steg 10A

Sätt i dimple och hakformar och lite linje i örat.

Steg 10B

Vi är nästan där, dags att ta allt tillsammans. Spåra ansiktsformen och fyll den med en hudton, som är en något orange (# F5DFD5) färgad färg. Applicera också en 1pt stroke med samma mörkbruna färg som används överallt, och placera denna form under hårformskiktet.

Steg 11A

Om du vill ha ett flytande huvud kan du stanna där, men om du vill ha en plats för att vila på huvudet, spåra du bara nackeformen och applicera samma färger och stroke som ansiktet.

Steg 11B

Lägg till en enkel nyansform på nacken och välj en nyans brun som ligger nära hudfärgen (# C49A6B), så att den inte sticker ut som en öm tum. Skicka denna form till baksidan (Shift + Command + Minus-tangenten).

Steg 12

Lägg till några former och linjer för att beskriva axlarna och skjortorna.

Steg 13

Efter att ha tittat på bilden märker jag att koksflaskor effekt pågår med ögonen. Välj alla former som bildar ögonen, och förstora dem bara lite.

Steg 14

Bara för komposition, lägg till en ljusblå (# C2E6EA) bakgrund till illustrationen.

Slutlig bild

Det är allt! Mycket grundläggande, men lär dig att göra det bra och det kan vara en mycket användbar illustrationstil. Den slutliga bilden är nedan. Du kan se den större versionen här.

Prenumerera på Vectortuts + RSS-flödet för att hålla dig uppdaterad med de senaste vektorhandledningarna och artiklarna.