Hoe maak je een stijlvolle vector afbeelding van een fotoverwijzing

Deze zelfstudie laat u zien hoe u een professioneel geïllustreerde vectorafbeelding maakt van een fotoferentie. Ik zal je een eenvoudige workflow laten zien, inclusief het selecteren van een geschikte afbeelding en het instellen van documenten. Met een basiskennis van de Pen-tool, de Pipet-tool en het Pathfinder-palet, kunt u een gestileerde vectorafbeelding maken die uw klanten of vrienden zeker zal verbazen..


Stap 1 - Beeldselectie

Je kunt op vele verschillende manieren vectorafbeeldingen van mensen maken, maar ik vind het leuk om een ​​afbeelding als basis te gebruiken. Op deze manier houd je het realistisch. Dus daar gaan we, u kunt online naar een afbeelding zoeken of er zelf een maken. Voor deze zelfstudie kunt u dezelfde afbeelding gebruiken als ik. Als u een van uw eigen afbeeldingen gebruikt, moet u altijd rekening houden met deze twee punten:

  • Afbeeldingsgrootte: hoe groter, hoe beter! Het is moeilijk om te werken met een afbeelding met afmetingen ingesteld op 200 pixels breed.
  • Contrast: je moet genoeg contrast hebben om mee te werken, als het beeld dat is vlak je kunt de details niet kiezen.

De afbeelding in deze zelfstudie is groot genoeg en heeft veel contrast. Er is veel rommel op de grond, maar we kunnen deze details weglaten. Toen ik begon met deze afbeelding heb ik meer contrast toegevoegd met photoshop, dit is iets wat je kunt doen als je niet zeker bent over de hoeveelheid contrast. De onderstaande afbeelding is van een vriend van mij.
Breng hem een ​​bezoek aan zijn portfolio: Roy Hoes.



Stap 2 - Bestandsconfiguratie

Tijdens het werken met illustrator wil ik altijd een duidelijk beeld van mijn lagen hebben. Daarom gebruik ik altijd dezelfde set-up in mijn lagenpallet. Ik plaats de foto die ik ga gebruiken en elke andere referentie die ik nodig heb in de onderste laag. Deze laag moet te allen tijde worden vergrendeld. Dit wil je later niet in de problemen komen.

Ik stapel al mijn andere lagen op de top. Ik noem graag mijn lagen, zoals je kunt zien in de onderstaande afbeelding. Het is gemakkelijker als je een klein deel later wilt veranderen. Geef je lagen korte en duidelijke namen voor een snelle workflow.



Stap 3 - Beeldfocus

Met dit soort afbeeldingen kan het te druk worden als je in detail gaat over alles. Vooral met deze afbeelding, alle afval op de grond. Met dit in gedachten moet je de objecten kiezen waarop je wilt dat de kijker zich concentreert. In mijn geval koos ik mezelf als het middelpunt. Om de afbeelding interessant te houden, gaf ik ook wat detail aan de inktflessen op de grond.



Stap 4 - My Way

Bij het maken van vectorillustraties zoals deze, heb ik de neiging om slechts drie hulpmiddelen te gebruiken: het gereedschap Pen, het gereedschap Pipet en het palet Pathfinder. U kunt bijna alles maken dat u maar kunt bedenken wanneer u het gebruik van deze drie hulpmiddelen combineert. In het volgende deel van de tutorial zal ik je door de verschillende delen van de afbeelding leiden.

Wanneer ik een afbeelding in een stijl als deze maak, gebruik ik nooit de streekfunctie. De slagfunctie geeft onvoldoende controle als het gaat om de dikte van de lijn. Ik raad je aan om je contouren te tekenen, waardoor je meer controle hebt, in plaats van een penseel te gebruiken. Het nadeel van het gebruik van deze methode is dat het meer tijd kost. Hoe dan ook, je zou professionele resultaten kunnen creëren, dit is echter mijn geprefereerde methode.

Telkens als ik stop met het werken met een laag, vergrendel ik het, om er zeker van te zijn dat ik mijn instellingen niet verknoeit. Hieronder ziet u een voorbeeld van hoe u een pad moet maken. Aan de linkerkant heb ik een beroerte gebruikt, dit is fout (ten minste verkeerd voor de doeleinden van deze zelfstudie en werkstroom). Aan de rechterkant zie je hoe ik op de juiste manier een pad maak, als een gevulde vorm.



Stap 5 - Maak een schets van het gezicht

Ik wil graag beginnen met de omtrek van het gezicht. Het is altijd een goed referentiepunt voor hoe het totale beeld er uit zal zien. Als het er niet goed uitziet, begin ik meestal opnieuw of werk ik aan iets anders. Meestal is het ook een van de moeilijkste delen van een afbeelding. Het is het beste om eerst de moeilijke delen af ​​te maken!

Bij het volgen van de contouren van het gezicht (wang, kaaklijn en oor) is het gemakkelijk om te zien waar de randen zijn, maar wanneer u de neus en lippen volgt, wordt het moeilijker. Het juiste gevoel is erg belangrijk, je wilt geen correct beeld dat niet goed aanvoelt, dus onthoud dat je voor een geïllustreerd gevoel gaat. Oefen dit een paar keer en je zult er een gevoel voor krijgen.

Begin met het maken van een nieuwe laag boven de vergrendelde referentielaag, noem het "outline". Trek de hoofdvorm van het hoofd, het haar en enkele details na. Houd de hoeveelheid detail relatief laag voor het resultaat waar we mee bezig zijn.



Stap 6 - Kleuren

Kleuren kiezen is altijd moeilijk voor mij, het gaat meestal gepaard met veel vallen en opstaan. Nogmaals, het gevoel is alles dat telt. Probeer het aantal kleuren tot een minimum te beperken. In dit voorbeeld heb ik vier kleuren voor de skin gebruikt: één basiskleur, één markeerkleur en twee kleuren voor de schaduwen. Je kunt er een meer of minder gebruiken, maar let op de stijl waar je mee wilt eindigen. Het aantal kleuren voor elk gebied is gelijk aan het aantal tonen voor dat gebied van de illustratie.

Maak een nieuwe laag onder de laag "omtrek". Noem deze laag zoiets als 'Huid'. Maak een nieuw pad met de Pen-tool en geef het de gewenste kleur. Zorg ervoor dat je onder de geschetste zwarte randen blijft met je toonpaden, zie hieronder voor voorbeelden van het opbouwen van de toon met overlappende vormen.



Stap 7 - Meer overzichten

Nadat ik het gezicht heb gemaakt hoe ik het leuk vond (dikte van de omtrek, hoeveelheid details en kleuren), begin ik de rest van de afbeelding te schetsen. Het is vrij rechttoe rechtaan, gebruik de Pen-tool en beslis waar je de omtrek wilt hebben. Het is altijd leuk om met de dikte van de omtrek te spelen. Ik maak de lijnen van kleine details graag dunner dan de omtrek van de algemene vorm, het geeft alleen een beetje meer focus aan het onderwerp.

Vergeet niet om de laag om te schakelen en de andere te vergrendelen! Let tijdens het schetsen op welk deel van de afbeelding u zich wilt concentreren en ga niet te ver in details. Blijf gewoon in dezelfde stijl als het gezicht, zoals hieronder wordt aangetoond.



Stap 8 - Kleur de rest van de huid

De contouren zijn klaar, ja! Je kijkt nu al naar een mooie afbeelding. Het is tijd om de rest van de huid een bepaalde toon te geven. Gebruik dezelfde kleuren als met het gezicht. In de meeste gevallen zal hetzelfde kleurenschema goed zijn, soms breng ik graag een lichtere of donkerdere kleur voor verschillende gebieden. Bijvoorbeeld wanneer het gezicht in de zon staat en de armen in de schaduw staan.

Soms is het moeilijk om te zien waar de rand van het pad zou moeten zijn, zorg ervoor dat je je huidlaag veel verbergt / zichtbaar maakt, wat zal helpen om dit te bepalen. Het is ook handig om eerst de kleinste vorm te maken en vervolgens een grotere vorm eronder te plaatsen, op deze manier heb je een duidelijk zicht terwijl je de kleinere vorm maakt.



Stap 9 - Kleur de kleding

Een veel gebruikte techniek is om kleuren te kiezen die niet in de originele afbeelding staan. Ik heb bijvoorbeeld de kleuren in het shirt niet opnieuw gemaakt, ik heb het net blauw gemaakt, wat het shirt vereenvoudigt en tijd bespaart. Nogmaals, slechts een paar kleuren voor elk onderdeel: een basiskleur, een markeerkleur en een schaduwkleur.

Maak een nieuwe laag en noem het "kleding." Plaats het onder de omtreklaag, het maakt niet echt uit of het boven of onder de laag 'Huid' staat. Gebruik dezelfde methode als beschreven in stap 6 om de lege delen van de kleding op te vullen.



Stap 10 - Kleur de extra's

Als ik tevreden ben met het hoofdonderwerp van het beeld, ga ik aan de kleine extra details werken, zoals het penseel en de flessen inkt. Deze mogen niet te veel aandacht trekken, dus houd ik de verzadiging laag. Ik heb alleen een basiskleur op de inktpotjes gebruikt en op het penseel heb ik een markeerkleur toegevoegd.

Besteed niet te veel tijd aan deze kleine details. Te veel tijd besteden aan details is een veel voorkomende valkuil om bij het maken van een illustratie in te vallen, om dat te voorkomen. Breng de tijd en het niveau van details in evenwicht met het algemene doel van de illustratie.



Stap 11 - Achtergrondproblemen

Nu zijn alle delen van de afbeelding waarop ik wil dat de kijker scherpstelt, klaar, maar het beeld is nog niet af! Ik heb enkele van de delen op de achtergrond ruwweg getraceerd met behulp van de tint van één kleur. Op deze manier trekt het de aandacht niet weg van de focuspunten van de illustratie. De achtergrond wordt realistisch en eenvoudig gehouden. Laten we na het maken van de achtergrond een rand aan de afbeelding toevoegen.

Vergeet niet: maak een nieuwe laag en vergrendel de laag waar je aan werkte! Plaats deze laag onder alle andere lagen, maar niet onder de referentielaag natuurlijk. Ruwweg rond een paar details op de achtergrond, alleen om de achtergrond vorm te geven. Wanneer je de achtergrond maakt, probeer dan geen perfecte doos aan de randen te maken, ik zal het in de volgende stap uitleggen. Het is goed om de randen van de illustratie te overlappen.



Stap 12 - Crop Area Tool

Maak opnieuw een nieuwe laag. Plaats deze keer bovenop alle andere lagen en maak een rechthoek in de gewenste kleur. Met behulp van het Pathfinder-palet en een andere rechthoek kunt u de randvorm uitknippen en deze zwart kleuren, zoals hieronder wordt weergegeven.

Je bent bijna klaar. Weet je nog dat ik je zei om je geen zorgen te maken over vormen die over de randen van de afbeelding gaan? Selecteer het gereedschap Snijgebied (Shift + O) en sleep een rechthoek rond de rand die u zojuist hebt gemaakt. Nu kunt u de afbeelding exporteren, alleen de onderdelen in de rechthoek zijn zichtbaar in de geëxporteerde afbeelding.



Conclusie en eindbeeld

Afgewerkt! U kunt nu een mooie afbeelding van uw favoriete portret maken. Onthoud, hoe meer je deze vaardigheden oefent, hoe makkelijker het wordt. Ik hoop dat je deze tutorial leuk vond en ik zou graag enkele van je resultaten in de VECTORTUTS Flickr Group zien!