Maak een stijlvolle, vectorhaar typografie illustratie

Ik ben dol op het maken van portretten in vector, maar waar ik nog meer van houd, is het doen van wilde en gekke haarstijlen. Onlangs werd mij gesuggereerd om de technieken om haar in typografie te maken over te steken en ik moest gewoon die uitdaging aangaan!

Dus in de tutorial van vandaag laat ik je zien hoe ik deze stijlvolle typografie van haar haar heb gemaakt in Adobe Illustrator CS5. Ik heb het ook af met een snelle verouderde kleuring waardoor het een vintage design-gevoel heeft. Dus laten we vastlopen in ...


Stap 1

Toen het concept voor het eerst werd voorgesteld om een ​​stuk typografie met haar te maken, heb ik meteen overwogen wat voor soort stijl het moest doen. Wat ik ook besloot, het zou van invloed zijn op de stijl van het lettertype dat ik ging gebruiken. Ik koos voor lange vloeiende locks, dus een script / cursief lettertype zou de beste zijn.

Het volgende ding om te overwegen is welk soort woord te gebruiken. Als je nadenkt over hoe haar zich gedraagt, is het niet het soort materiaal dat scherpe hoeken van bijvoorbeeld de letters kan maken: M, N, V, W of Z. Hoe precies zou je letters met punten illustreren, zoals een "i" of "j"? Dus de vereisten moeten een woord zijn dat vol is van lussen en rondingen en indien mogelijk gekoppeld aan haar en mogelijk vectorkunst?

Er was de mogelijkheid van "Brush", die alle vakken aanvinkt, maar een hoofdletter "B" zou een klein probleem hebben met een scherpe hoek. Het is dan besloten ... het woord "Style". De jacht op een mooi standaard scriptlettertype begint met mijn basiscollectie!

Ik koos voor "Edwardian Script ITC", omdat ik liever hield van de manier waarop de "S" opgerold. Dit zou er geweldig uitzien in het haar. Ik gebruikte het gereedschap Tekst (T) om de tekst aan mijn canvas toe te voegen en veranderde de lettertypegrootte in 300pt. Vervolgens heb ik de tracking aangepast naar 100 (de afstand tussen de letters). Zonder ruimte tussen de letters toe te voegen, zou het niet veel ruimte voor het haar geven.


Stap 2

Ik heb de dekking van de tekst teruggebracht tot 10% en heb deze gebruikt als sjabloon om de basisvormen voor het haar te tekenen. Ik ga de lijnen tekenen op de manier waarop ik de letters echt heb uitgeschreven, daarna zal ik later weten hoe het haar zou zijn en elkaar zou overlappen. Ik heb een 10pt slaggewicht en profiel "Width Profile 1" gebruikt.

Als u AI CS5 niet gebruikt, kunt u via deze zelfstudie dezelfde vormen maken als Kunstpenselen. Voor alle strengen haar gebruikte ik de Paintbrush Tool (B), maar ik gebruik wel een grafisch tablet (Wacom Bamboo A5). Als je dit allemaal doet met een muis, raad ik je aan om de strengen met de Pen Tool (P) te doen, omdat je veel meer controle hebt over de rondingen.

Nadat u de eerste slagen hebt getekend, kunt u hierop verder gaan met slagen. Houd de streken in dezelfde richting vloeiend. Laat de slagen rond de hoeken rafelen en scheiden om een ​​meer vloeiende stijl te geven en de indruk te wekken dat het haar is.


Stap 3

Selecteer Alle stokes (Command + A) en ga naar Object> Uiterlijk uitvouwen om de streken te wijzigen in vormen met een vulling. Selecteer vervolgens Verenigen in het deelvenster Pathfinder. Je zult merken dat je verschillende vormen hebt in plaats van alleen die. Als dit gebeurt, moet je een samengestelde pad maken door al je vormen te selecteren (Command + A) en vervolgens naar Object> Samengestelde pad> Maken (opdracht + 8) te gaan.


Stap 4

Hoe graag we ook willen dat ons haar mooi en glad is, in werkelijkheid is het dat niet. Dus ik ga wat wegvliegharen uit de letters toevoegen met een kleiner slaggewicht van 3pt. Ik zal ook deze regels uitvouwen en verenigen tot de basis. Wijzig bovendien de vulkleur in een medium grijsbruin (C = 55, M = 60, Y = 65, K = 40).


Stap 5

Nu terug om te onthouden hoe ik de letters heb geschreven en in welke richting de slagen vloeiden. Hieruit kan ik uitzoeken welke gebieden elkaar zullen overlappen. Ik heb dit weergegeven met onderstaande pijlen:

Met behulp van de basiskleur bruin (C = 55, M = 60, Y = 65, K = 40), maakte ik een transparant lineair verloop en tekende ik vormen om de schaduw van het overlappende haar te laten zien. Deze worden vervolgens ingesteld in de mengmodus vermenigvuldigen met dekking 100%. Als u klaar bent, groepeert u alle verloopvormen (Command + G).


Stap 6

Dupliceer de basisstijl "stijl" en gebruik deze vervolgens met de verloopgroep om een ​​clippingmasker te maken (Command + 7). Ik heb ook de oorspronkelijke basisvorm onder de verlopen gesleept en neergezet om ze allemaal in één groep te houden.


Stap 7

Hier begint het plezier en dat begint zich op te werken aan de schaduw door de lokken één voor één te trekken. Allereerst, trek strengen over de basissen, denk eraan om met de nerven van het haar mee te gaan. Gebruik een lichtere tint bruin als de lijnkleur (C = 50, M = 50, Y = 60, K = 25) met Width Profile 1, 3pt Stroke Weight ingesteld op Blending Mode Multiply, en Dekking 30%. Als u klaar bent, groepeert u de strengen (Command + G) en sleept u naar de groep Clipping Mask.

Maak je geen zorgen als sommige lijnen elkaar overlappen. Door de overvloeimodus en dekking, worden er natuurlijker uitziende donkere delen van het haar gemaakt, die u later kunt gebruiken om highlights en haar in de schaduw te plaatsen. Laten we met dit in gedachten de hoogtepunten in de volgende stap bespreken.


Stap 8

We weten waar er schaduwen zullen zijn en dat is rond de gebieden waar het haar overlapt. Meestal met haar, waar het buigt is waar de glans het meest intens is. Ik ga een lichtbruine transparante radiale gradiënt maken (C = 25, M = 25, Y = 40, K = 0) en deze gebruiken als een vulling met de Ellipse Tool (L) om meerdere cirkels in de bochten van het haar zoals hieronder getoond. De cirkels worden ingesteld op overlay Overvloeimodus en Opaciteit 15%. Groepeer ze vervolgens gegroepeerd (Command + G) en in de groep Clipping Mask geplaatst.


Stap 9

Ik ga nu enkele strengen toevoegen met de Paintbrush Tool (B) in de bochten van het haar om het te helpen markeren. Dit zal zijn met een borstel met Breedteprofiel 1, op 2pt slaggewicht, met een lichtbruine lijnkleur (C = 40, M = 45, Y = 50, K = 5) ingesteld op Mengmodusscherm en dekking 20%.

Ik heb de slagen op de bochten gefocusseerd waar de hellingen waren, maar ik heb ook een paar slagen aangebracht in gebieden waar ik denk dat er een beetje meer variatie in de haarkleuren moet zijn.

Ik ga nog meer markeerstreken toevoegen met dezelfde instellingen, maar met Blending Mode Color Dodge en Dekking 20%. Als u klaar bent, groepeert u alle lijnen (Command + G) en sleept u ze naar de groep Clipping Mask.


Stap 10

Hoogtepunten zijn toegevoegd, nu is het tijd voor meer schaduw en donkerdere strengen. Ik ga een ander profiel gebruiken, dit keer "Width Profile 5" met het grotere uiteinde aan het begin van de streek. De lijnen hebben een middelste bruine kleur (C = 50, M = 50, Y = 60, K = 25) en hebben een 3pt slaggewicht. Ik heb ze ingesteld op Overvloeimodus Kleurverbranding en Dekking 30%.

Ik trok ze eerst en vooral van en langs waar er overlappingen in het haar zijn. Ik heb vervolgens de slagen geleidelijk langs de haren doorkruist. Ten slotte heb ik ze gegroepeerd (Command + G) en in de groep Clipping Mask geplaatst.


Stap 11

Ik ga een kwast gebruiken die ik heb gemaakt met mijn kwallenhandleiding, de cirkelvormige mengborstel, voor de volgende stap. Ik gebruik dit als een andere manier om glans toe te voegen aan de hoeken van het haar. Deze hebben een medium bruine lijnkleur (C = 40, M = 45, Y = 5), met een 5pt slaggewicht, ingesteld op de mengmodus Kleur Dodge en Dekking 30%.

Ik ga dezelfde kleur en borstel opnieuw gebruiken, deze keer met een lijndikte van 1pt om dunnere highlights in het haar toe te voegen. Deze worden ingesteld op Blending Mode Lighten en Opacity 20%. Als u klaar bent, groepeert u alle lijnen (Command + G) en sleept u ze naar de groep Clipping Mask.


Stap 12

Ik heb het gevoel dat het haar er wat bleek en bleek uitziet, dus ik zal wat kleur overlappen om het meer naar voren te brengen. Ik heb een rechthoek (M) over de tekst getekend en deze vervolgens in de groep Clipping Mask geplaatst. Dit wordt een donker goudbruin (C = 50, M = 70, Y = 80, K = 70) en ik ga het instellen op Overvloeimodus Zacht licht met dekking 100%.

Natuurlijk zou het nu een goed moment zijn om de kleur te veranderen in iets radicalers, afhankelijk van je smaak. Als je wilt dat je haar roze of blauw zegt, verander je de vulling van de rechthoek (M) in elke gewenste kleur. Verander vervolgens de overvloeimodus in Overlay en speel rond met de dekking van de vorm om je perfecte verzadiging te krijgen.


Stap 13

Nu om wat losse strooiharen rond de basis toe te voegen. Je moet deze haren onder de Clipping Mask-groep plaatsen, zodat ze niet overlappen op de schaduw van het haar. Ik ga een medium goudbruine tint gebruiken (C = 40, M = 70, Y = 100, K = 50) en gebruik deze keer de borstel Width Profile 4. Het heeft een slaggewicht van 2pt.


Stap 14

Ik ga een paar aanpassingen doen aan wat ik al heb, omdat ik vind dat een deel ervan een beetje te rommelig is, dus ik wil het opruimen. Het eerste wat ik wil doen is een aantal van de gaten in de basis bedekken om het gladder te maken.

Er zijn verschillende manieren om dit te doen ... voor één zou je vormen kunnen tekenen met de Pen Tool (P) en ze achter de Clipping Mask-groep plaatsen. Wat ik echter ga doen, is het trekken van strengen van middelbruin haar (C = 40, M = 50, Y = 60, K = 35) met een 10pt slaggewicht en de Pen Tool (P) gebruiken met Width Profile 1, om preciezere krommen rond de tekst toe te voegen om de gaten te overbruggen. Deze worden achter de groep Clipping Mask geplaatst.


Stap 15

De volgende wijziging die ik ga aanbrengen is om de "L" duidelijker te definiëren door meer van een lusvorm te maken. Nu kan ik dit heel gemakkelijk doen door een vorm uit het samengestelde pad te verwijderen, die wordt gebruikt om de groep Clipping Mask aan te maken, met Pathfinder> Minus vooraan.


Stap 16

Nu om een ​​slagschaduweffect toe te voegen. Dus eerst het samengestelde pad dupliceren dat u zojuist hebt gewijzigd vanuit de groep Clipping Mask en vervolgens slepen en neerzetten onder alle haren die u hebt gemaakt.

In het deelvenster Vormgeving heb ik vier streken gemaakt met een zwarte streek en deze ingesteld op Overvloeimodus Vermenigvuldigen met dekking 5%. De slagen hebben een afgeronde dop en een ronde verbinding. Het heeft ook een zwarte vulling ingesteld op Mengmodus Vermenigvuldigen met Dekking 30%. Gebruik vervolgens de pijltjestoetsen op je toetsenbord om je vorm naar rechts en naar beneden te verschuiven om een ​​slagschaduw te maken die 100% vector is.


Stap 17

Ik ga een snel vintage effect creëren door een lichtgrijze achtergrond toe te voegen (C = 5, M = 1, Y = 5, K = 9) met een vectorruissolutie bovenop en vervolgens een vignetgradiënt om de hoeken te verkleuren.

Vervolgens heb ik enkele witte, 40pt berekende "krijt - krabbel" -strepen over de bovenkant toegevoegd, die zijn ingesteld op het overvloeimodusscherm met dekking van 10%. Van tijd tot tijd heb je een vuile monitor en zie je een lichte verkleuring of vervorming van het licht op een wit oppervlak ... dit snelle effect produceert een vergelijkbaar effect dat je zult vinden!


Stap 18

Als laatste voeg ik een goudbruin rechthoekig (M) en bruin vignet over de hele afbeelding toe om een ​​ander subtiel oud effect te geven.


Conclusie

Ik hoop dat je de tutorial van vandaag over het maken van een stijlvolle illustratie van haartypografie leuk vond. Waarom niet verschillende kleuren proberen? Je zou zelfs kunnen proberen vlechten aan het haar toe te voegen om er misschien nog meer details aan toe te voegen?