Hoe je je eigen gestileerde, Vector-badge kunt maken

In deze zelfstudie leren we hoe we een gezicht kunnen illustreren met behulp van een foto en hoe we er een aangepaste pincode van kunnen maken. Dit is een leuke tutorial met relatief eenvoudige technieken. Laten we ernaar toe gaan!

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.

Stap 1

Ik ging naar stock.xchng en koos een foto waarvan ik dacht dat die bij een illustratie voor een gezicht zou passen. De vent had zo'n coole blik op zijn gezicht dat ik niet kon passeren. Laten we beginnen met het plaatsen van de afbeelding in een nieuw Illustrator-document.

Stap 2

Vergrendel de afbeeldingslaag en maak een nieuwe laag. Begin vervolgens het gezicht te traceren met het gereedschap Pen (P). Ik koos een grijs omdat ik voor een zwart-wit-uiterlijk ga.

Stap 3

Begin met het traceren van de wenkbrauw met een zwarte vulling. Wees zo gemakkelijk in de omgang als mogelijk. We gaan niet voor een foto-realistische look, maar eerder voor een gestileerde look.

Stap 4

Trek ook de andere wenkbrauwen aan, zoals hieronder wordt weergegeven.

Stap 5

Ga dan verder met de ogen zelf. Begin met het eenvoudig volgen van de omtrek.

Stap 6

Ik heb de vorm van de oogcontour gevuld met een lichtgrijs. Voeg vervolgens de oogdetails toe. Simpel maar effectief. Voeg gewoon een vorm toe die is gevuld met een donkerder grijs.

Stap 7

Voeg de pupil dan toe als een zwarte vorm met een halve maan.

Stap 8

Voeg een paar hoogtepunten toe om de ogen tot leven te brengen. U kunt dat doen door simpelweg twee kleine witte cirkels toe te voegen en deze in de pupil te plaatsen.

Stap 9

Vervolgens hebben we wat wimpers nodig. Neem de Pen-tool (P) en begin met het traceren van een wimper en dupliceer deze vervolgens meerdere keren en plaats deze rond het oog.

Stap 10

Vervolgens zullen we de lippen volgen. Nogmaals, houd de vormen eenvoudig, maar traceer eenvoudig in vormen met de Pen Tool (P). Vergeet niet dat de Pen-tool je beste vriend is. Vul nu de vormen met een rode kleur en een zwarte lijn en vul de bovenlip met een donkerder rood. Dit geeft het gezicht een dramatische blik, omdat we de andere vormen zwart en wit hebben gehouden.

Stap 11

Begin het haar te traceren. Sinds de foto's van de rest van zijn hoofd, moeten we een beetje creatief worden. Stel je het haar voor en voeg zoveel punten en lussen toe als je nodig hebt. Vul het met zwart.

Stap 12

Vergeet de neus niet. Volg het en vul het met een
grijsgradiënt, lineair of radiaal, het hangt er vanaf hoe het zich zal vermengen met zijn gezichtskleur.

Stap 13

Hier is het afgewerkte gezicht. Ik ging door en styliseerde het nog een beetje, sneed het in stukken en vulde elke vorm met een andere grijs of zwart.

Stap 14

Laten we doorgaan naar de pin-knop. Maak een cirkel en vul deze met een wit tot zwart radiaal verloop en voeg vervolgens een slagschaduw toe. Stel de Laagmodus in op Vermenigvuldigen.

Stap 15

Maak twee kopieën van de cirkel, schaal één naar beneden en stel de cirkel in
Laagmodus naar normaal. Voeg nu een grijze lijn van 6pt aan de binnenkant toe. Selecteer beide en deel ze via het Pathfinder-palet.

Stap 16

Verwijder het binnenste gedeelte met het gereedschap Direct selecteren (A) en plaats de cirkelvorm bovenop het andere.

Stap 17

Dupliceer de eerste cirkel in stap 14 en schaal deze iets naar beneden en plaats deze bovenop.

Stap 18

Maak een kleine rechthoek (M) en vul deze met een zwart naar wit naar zwart lineair verloop. Pas afgeronde hoeken toe (Effect> Stileer> Afgeronde hoeken) en een slagschaduw.

Stap 19

Herhaal stap 18 en maak een nieuwe rechthoek, maar pas de afgeronde hoeken niet toe, alleen een slagschaduw.

Stap 20

Maak vervolgens een naaldvorm met het gereedschap Pen (P) en vul deze opnieuw met een lineair verloop en voeg vervolgens een slagschaduw toe.

Stap 21

Maak nog een kleine rechthoek (M). Voeg afgeronde hoeken toe, een slagschaduw en stel de laagmodus in op Kleur branden.

Stap 22

Maak een andere rechthoek, maar knip het midden uit, net zoals je hieronder ziet. Voeg ook een slagschaduw toe.

Stap 23

Laten we naar het bovenste deel van de pin-knop gaan. Maak een cirkel met dezelfde afmetingen als het achterste deel van de pincodeknop. Vul het met wit en voeg een slagschaduw toe.

Stap 24

Creëer een sikkelachtige vorm door simpelweg twee cirkels te delen via het Pathfinder-palet. Vul deze met zwart en stel de Laagmodus in op Vermenigvuldigen.

Stap 25

Maak een nieuwe cirkel bovenaan en vul deze met een radiaal zwart naar wit verloop. Stel de Laagmodus in op Vermenigvuldigen.

Stap 26

Creëer twee funky vormen, één in zwart en één in rood, dan overlappen ze.

Stap 27

Selecteer beide en pas het effect Pucker en Bloat toe (Effect> Distort & Transform> Pucker & Bloat). Pas de hieronder getoonde instellingen toe.

Stap 28

Dit is wat het zou moeten doen met het effect toegepast op beide vormen.

Stap 29

Maak een kopie van de cirkel voor de pin-knop, verwijder alle effecten en vullingen en plaats deze vervolgens bovenop de gebobbelde vormen. Selecteer alles en pas een knipmasker toe (Command + 7).

Stap 30

Plaats de afgeknipte vorm op de pin-knop. Maak vervolgens een kleine cirkel gevuld met een zeer lichtgrijs tot wit radiaal verloop en stel de Laagmodus in op Overlay.

Stap 31

Neem het gezicht en groepeer het (Command + G), plaats het vervolgens op de pin-knop en schaal het zonodig naar beneden.

Conclusie

Dit is het eindresultaat. Een gestileerde pin-knop met een geïllustreerd gezicht. Je kunt natuurlijk je eigen foto of zelfs een foto van jezelf gebruiken. Genieten!

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