Ultimate Type Twisting

Dus, heb je ooit het type willen verdraaien op een manier die een beetje geavanceerder is dan sommige van de opties die je hebt gezien met de Warp-functie?


Invoering

Wat dacht je van het maken van een type dat eruitziet alsof het om een ​​gezicht is gewikkeld! Denk dat je een speciale 3D-app of een andere "hifalutin" -stekker nodig hebt?

Nee, u kunt het allemaal binnen Illustrator v10 (of hoger) doen met de maas functie. Het heeft gewoon een beetje planning en een paar kleine snelkoppelingen nodig om alles te laten gebeuren, blijf bij mij en ik zal je er doorheen leiden ...



Stap 1: referentiemateriaal

Voordat we beginnen met het gebruik van gereedschappen in Illustrator, moeten we fotografisch materiaal gebruiken om onze illustratie op te baseren (het zou vrij moeilijk zijn om de afbeelding op te roepen of direct werken met een project als dit), Idealiter zou het het beste zijn als u zou de bronbeeldfoto zelf kunnen maken, dan zou je eventuele auteursrechtelijke problemen vermijden.


Stap 2: Tekenen

Leg overtrekpapier over een afdruk van je foto en probeer lijnen te tekenen die bepaalde contouren van het gezicht volgen. In mijn ervaring, hoe meer ruig of uitgesproken een gezicht is, hoe beter het eruit zal zien. Een dikke zwarte marker is goed voor het maken van sterke, dikke lijnen. Hier zijn een paar tips:

  1. Probeer en laat sommige gebieden als effen zwart als wenkbrauwen, binnenkant van de mond, en delen van het haar, enz. Dit zal helpen het beeld een beetje beter te definiëren. Maak ook sommige van uw lijnen op bepaalde plaatsen dikker.
  2. Openingen tussen de lijnen van het type zullen je ogen helpen de afbeelding als een gezicht te zien en niet alleen als leesbare tekst.
  3. Een ander handig hulpmiddel in deze fase is om met een potlood lichtjes een aantal rondingen op je schets te tekenen die de contouren van het gezicht nabootsen. Dit is handig bij het draaien van het type om die ingepakte look te geven.


Stap 3: Het linework tekenen

Als u tevreden bent met het lijnwerk in uw schets, maakt u een scan en plaatst u deze in uw document. Een paar jaar geleden gebruikten mensen altijd een flatbed-scanner om schetsen in Illustrator te maken, maar tegenwoordig met digitale camera's zou je vrij gemakkelijk recht boven je tekening kunnen staan ​​en een foto maken en die gebruiken (zorg er gewoon voor dat je recht boven je bent en niet in een of andere eigenzinnige hoek en dat je geen enkele schaduw over het beeld gooit waardoor dingen in Illustrator misschien moeilijker te zien zijn).

Plaats uw scan in een Illustrator-document op een aparte laag en vergrendel deze. Grootte is niet echt belangrijk omdat het vector is, maar ik vond een scan van 150 dpi bij Letter-formaat prima.

Gebruik nu je beste Pen Tool-vaardigheden en leg een aantal ongelooflijk gladde beziercurves neer met een 4pt zwarte lijn.

Een manier om het dikkere lijnwerk te bereiken waar we eerder over spraken, is om de ene regel op de andere te kopiëren en te plakken en de segmenten van de twee paden uit elkaar te trekken (zoals hierboven), of te tekenen met een dikkere lijn - ik koos voor 8pt.



Stap 4: Zeg wat?

Zodra je zwarte lijnwerk is getekend, zijn we nu in een leuk stadium! We hebben al deze lege witte gebieden in kaart gebracht en hebben woorden nodig om in te zetten.

Het gezicht van Louis Armstrong was om een ​​compilatie-muziek-cd te promoten, dus ik dacht dat ik een paar woorden zou kiezen die de andere artiesten op de cd weerspiegelden en andere woorden uitkiezen die rechtstreeks met Louis te maken hebben. Ik dacht dat ik een iets andere kleur voor zijn type zou kiezen en een derde kleur voor de trompet.

Mijn illustratieagent Matt bij Drawingbook studios in Sydney, hielp wat onderzoek naar Louis en gaf me ongeveer 75 relevante woorden, zinsneden en feiten om mee te spelen. Ik was erg dankbaar voor de korte! Omdat ik af en toe slechts een kleine ruimte had om in een woord te passen (zie einde neus)!

Ik schreef de woorden op een ander vel papier en controleerde op spelfouten (... rechtsboven, Fred Astaire ... zoom, zoom) en speldde het op aan de muur als een snelle visuele verwijzing toen het werk op gang kwam.



Stap 5: Effectieve lettertypen

Een laatste ding om te overwegen was de letterkeuze om mee te werken. Het moest er een zijn dat niet te gebrekkig was zonder hiaten (anders zouden de woorden te moeilijk te lezen zijn) en ook de stijl en het onderwerp van de illustratie weerspiegelen.

Op basis van dat Mojo-lettertype zou niet werken omdat het slecht leesbaar was en een hippie-gevoel uit de vroege jaren zeventig heeft dat Louis Armstrong niet weerspiegelt. Op het einde ging ik met een lettertype met de naam Machohouse. Het had een beetje een fifties / sixties karakter en was gemakkelijk leesbaar.

Een ander ding, het lettertype moest ook werken met de boven- en onderkant van elk personage afgeplat af een beetje ... meer over dat volgende!



Stap 6: Werken daaronder

Om mezelf tijd te besparen door alle letters te draaien en ervoor te zorgen dat de boven- en onderzijden van elk personage vloeiend waren ten opzichte van elkaar, dacht ik dat het het beste zou werken om effen, vloeiende lijnen te tekenen in Illustrator (zoals we eerder schetsten) . Ik plaats mijn type onder het. Hier is een testlapje met tekst voor het rechteroor:

  1. Geeft een regel met normale tekst weer die getypt is op een lichte curve.
  2. Het type is veranderd met de Mesh-functie (zie de volgende stap), zoals je kunt zien zijn de boven- en onderzijden van de letters stekelig en gekarteld.
  3. Type wordt onder ons zwarte lijnwerk geplaatst (ik heb het rood ghosted zodat je er doorheen kunt kijken).
  4. Hier worden de zwarte lijnen in wit veranderd, zodat u kunt zien hoe vloeiend ze de onregelmatige randen van het type maskeren.


Stap 7: Draai dat type!

Nu we alle beslissingen over woorden, lettertypen en typegebieden hebben genomen, is het tijd om de tekst aan het werk te zetten. Laten we ons eerste woord nemen ... 'Satchelmouth.'

Interessant popfeit: de wangen van Louis Armstrong werden ooit beschreven als twee lederen boekentassen en hij werd bekend als Satchelmouth of Satchmo '.

Typ het woord in je illustratie. Ik heb mijn hele type op een aparte laag bewaard onder de lijnen die we eerder hadden getekend.

Alle woorden die we uittypen, zullen in eerste instantie grofweg een rechthoekige vorm hebben en zullen soms in vrij radicale vormen worden veranderd. Als we kunnen helpen om het type iets te wijzigen, door het eerst dichter bij de uiteindelijke vorm te brengen, betekent dit minder mesh-werk.

Dus, het type "Satchelmouth" zal in het oor van Louis worden geplaatst.

  1. Teken een lijn met een lichte curve onderaan. Gebruik het teksttype Tekst op een pad om ons woord in het gekozen lettertype te maken.
  2. Verander de tekst in contouren door Type> Maak contouren toe te passen (Cmd + Shift + O).
  3. Pas dan Object> Envelopvervorming> Maken met gaas toe (Command + Alt + M).

Er is een optie om meerdere rijen en kolommen met Mesh te hebben, maar ik vind het in dit geval het beste om zo dicht mogelijk bij één rij en kolom te blijven.


Plaats het nettype onder de oorvorm ongeveer in het midden.

Wat we nu gaan doen, is om elk van de vier hoeken van onze mesh-afbeelding te manipuleren om het type in vorm te veranderen. Als we meer rijen en kolommen zouden hebben, zouden we nog veel meer aanpassingen moeten doen, dus we zullen het in het begin eenvoudig houden.

  1. Gebruik het gereedschap Direct selecteren om elk van de vier hoekpunten naar de vier randen van onze lege vorm te verplaatsen. Het ziet er een beetje gek uit en past niet goed, maar we zijn slechts het begin- en eindpunt van ons woord aan het vaststellen.
  2. Door de netpunten verder weg te plaatsen (nog steeds met behulp van het gereedschap Direct selecteren) en een of beide hendels op elk eindpunt aan te passen, kunnen we het type in de vorm knijpen.
  3. Meestal kan het type perfect worden gemanipuleerd, maar soms krijgen we de toppen van letters te zwaar afgehakt.
  4. Ook gaten waar de bovenkant of de onderkant van een brief niet volledig onder onze maskeerlijn door gaat.


Stap 8: Duwen en trekken

Op dit punt gebruiken we de mesh-tool (Command + U):

  1. Klik langs de tekstregel op plaatsen waar je denkt dat extra punten kunnen helpen.
  2. Als je wilt controleren of het type werkt, verander je lijnafbeeldingen naar wit met 90% dekking.
  3. Een andere optie om te controleren of het type werkt, is door uw lijnillustraties wit te kleuren.


Stap 9: Extra mesh-punten

Wanneer u vormen heeft die duidelijk ingewikkeld zijn, loont het om het net op te splitsen met behulp van het Mesh-gereedschap om punten toe te voegen, maar wees gewaarschuwd en voeg alleen de punten toe als u ze nodig hebt.

  1. De woorden "Dean Martin" werden opgedeeld met behulp van de horizontale Mesh-punten.
  2. Dit hielp bij het uitstrekken van de "M" en het aanbrengen van de scherpe richtingsverandering tussen de "A" en "R."
  3. De laatste letter "N" had ook een extra mesh-punt toegevoegd om de letter verticaal uit te breiden tot een punt, maar mesh-punten zodra deze zijn toegevoegd rennen dwars door de grafiek heen en beïnvloeden de manier waarop de mesh reageert.

Idealiter moet eerst het woord 'Dean Martin' in de juiste vorm worden getrokken, waarna het laatste maaspunt wordt toegevoegd om de laatste 'N.' naar beneden te halen.



Stap 10: volg de contouren

Let op de letters die langs de neus lopen hebben een lichte kromming naar hen overeenkomend met de contourlijnen die we op de schets hebben getekend. Zoals ik al zei, is het goed om de schets boven je computer te laten vastzetten, zodat je ernaar kunt blijven verwijzen terwijl je aan het werk bent.

De letters hieronder beginnen op subtiele wijze onder het oog als een convexe curve en veranderen van de letter "H" in een holle curve terwijl we de uitgeblazen vorm van de wangen volgen.



Stap 11: Kleine details

Terwijl "Satchmo" een groot woord is en een grote impact heeft op het gezicht van Louis Armstrong, zijn het de kleinere woorden die ertoe bijdragen dat het kunstwerk in het algemeen een interessanter ontwerp wordt.

Twee lijnen van het type rond iemands ooglid laten lopen, lijkt misschien een hele klus, maar als je inzoomt en werkt met een vergroting van 1600%, zou de manier van werken niet anders moeten zijn dan de grotere woorden. Het loont om van tijd tot tijd uit te zoomen om er zeker van te zijn dat alles wel leesbaar is.



Stap 12: Kleuren omkeren

Na een tijdje worden de woorden leesbaar als een gezicht! Ik speelde in het begin een beetje met kleuren, maar merkte dat het hebben van lichte tonen op een zwarte achtergrond met zwarte bovenlijnen ervoor zorgde dat het beeld echt eruit sprong.


U kunt ook zachtere effecten creëren met een witte achtergrond en bovenlijn!



Conclusie

Welke kleuren u ook kiest, als uw lijnwerk schoon is en al uw tekst leesbaar is, hebt u een winnend ontwerp op uw hand. Succes!