Ultimate Type Twisting

Så har du noen gang ønsket å vri på en måte som er litt mer avansert enn noen av alternativene du har sett med Warp-funksjonen?


Introduksjon

Hva med å lage type som ser ut som om den har blitt viklet rundt et ansikt! Tror du trenger en spesiell 3D-app eller noen "hifalutin" plugin?

Nei, du kan gjøre alt innen Illustrator v10 (eller høyere) med mesh funksjon. Det trenger bare litt planlegging og få små snarveier for å få alt til å skje, bli hos meg og jeg tar deg gjennom det ...



Trinn 1: Referansemateriale

Før vi begynner å bruke verktøy i Illustrator, må vi kildes fotografisk materiale for å basere vår illustrasjon på (det ville være ganske vanskelig å fremheve bildet opp eller jobbe i fly med et prosjekt som dette). Ideelt sett ville det være best hvis du kan ta bilde av fotografiet selv, da vil du unngå eventuelle opphavsrettsproblemer.


Trinn 2: Tegning

Legge sporingspapir over en utskrift av bildet ditt, prøv å tegne linjer som følger visse konturer i ansiktet. Etter min erfaring er jo mer robust eller uttalt et ansikt jo bedre det vil se ut. En tykk svart markør er bra for å lage sterke dristige linjer. Her er noen tips:

  1. Prøv å la noen områder være så solide som øyenbryn, innsiden av munnen og deler av håret etc. Dette vil bidra til å definere bildet litt bedre. Gjør også noen av linjene tykkere på visse steder.
  2. Gap mellom linjene av typen vil hjelpe øynene dine til å se illustrasjonen som et ansikt og ikke bare lesbar tekst.
  3. En annen nyttig enhet på dette stadiet er å tegne noen kurver på skissen din lett i blyant som etterligner ansiktets konturer. Dette vil være nyttig når du snurrer typen for å gi det innpakket utseende.


Trinn 3: Tegne linjene

Når du er fornøyd med linjen i skissen din, gjør du en skanning og legg den i dokumentet. Noen år tilbake ville folk alltid bruke en flatbed-skanner for å få skisser til Illustrator, men i disse dager med digitale kameraer kan du ganske enkelt stå rett over tegningen din og ta et bilde og bruke det i stedet (bare vær sikker på at du er direkte over og ikke i litt ujevn vinkel og at du ikke kaster noen skygger over bildet som kan gjøre ting vanskeligere å se en gang i Illustrator).

Plasser skanningen i et Illustrator-dokument på et eget lag og lås det. Størrelse er ikke veldig viktig som det er vektor, men jeg fant en 150 dpi skanning på Letter size var bra.

Bruk nå dine beste Pen Tool ferdigheter, legg ned noen utrolig jevne bezier kurver med en 4pt svart linje.

En måte å oppnå den tykkere linjen vi snakket om tidligere, er å kopiere og lime inn en linje foran på en annen og trekke segmenter av de to banene fra hverandre (som ovenfor), eller tegne med en tykkere linje - jeg valgte 8pt.



Trinn 4: Si hva?

Når den svarte linjen er tegnet, er vi nå på et morsomt stadium! Vi har alle disse blanke hvite områdene kartlagt og trenger ord som skal legges inn i dem.

Ansiktet til Louis Armstrong var å markedsføre en kompilasjonsmusikk-CD, så jeg trodde jeg ville velge noen ord som gjenspeilet de andre artistene på CDen og velge andre ord som var direkte relatert til Louis. Jeg trodde jeg ville velge en litt annen farge for sin type, og en tredje farge for trompetet.

Min illustrasjonsagent Matt på Tegnebokstudioer i Sydney bidro til å gjøre litt forskning på Louis og ga meg omtrent 75 relevante ord, setninger og fakta å leke med. Jeg var veldig takknemlig for de korte! Som av og til hadde jeg bare et lite rom for å passe inn i et ord (se slutten av nesen)!

Jeg skrev ordene på et annet ark og sjekket for stavemåte (... øverst til høyre, Fred Astaire ... hem, hem) og festet den opp på veggen som en rask visuell referanse når arbeidet ble på vei.



Trinn 5: Effektive skrifttyper

En siste ting å vurdere var valg av skrift for å jobbe med. Det trengte å være en som ikke var blokkert uten hull (ellers ville ordene være vanskelig å lese) og også gjenspeile stilen og gjenstanden for Illustrasjonen.

Basert på det ville Mojo-skrifttypen ikke fungere som den hadde dårlig lesbarhet og har en tidlig syttitallet hippy følelse som ikke reflekterer Louis Armstrong. Til slutt gikk jeg med en skrift som heter Machohouse. Det hadde litt av en fifties / sekstitallet karakter og var lett lesbar.

En annen ting, også skrifttypen måtte jobbe med toppen og bunnen av hver tegning som ble flatt av litt ... mer på den neste!



Trinn 6: Arbeider under

For å redde meg selv å måtte vri alle bokstavene og sørge for at toppene og bunnene i hvert tegn var glatte i forhold til hverandre, syntes jeg det ville være best å ha solide glatte linjer trukket i Illustrator (som vi skisserte tidligere) . Jeg plasserer min type under den. Her er en test patch av tekst til høyre øre:

  1. Viser en linje med vanlig tekst skrevet ut på en liten kurve.
  2. Typen er endret med Mesh-funksjonen (se neste trinn), som du kan se toppene og bunnene av bokstavene er spikete og hakkede.
  3. Type er plassert under vårt svarte linjestykke (jeg spøkte det rødt slik at du kan se gjennom).
  4. Her blir de svarte linjene til hvite, slik at du kan se hvor jevnt de maskerer av de uregelmessige kanter av typen.


Trinn 7: Vri den typen!

Nå som vi har tatt alle avgjørelsene om ord, skrifttyper og type områder, er det på tide å begynne å sette teksten på plass. La oss ta vårt første ord ... "Satchelmouth."

Interessant popfakta: Louis Armstrongs kinn ble en gang beskrevet som å være som to skinnpakker og han ble kjent som Satchelmouth eller Satchmo '.

Skriv ut ordet i kunstverket ditt. Jeg holdt hele min type på et eget lag under ansiktslinjene vi tegnet tidligere.

Alle ordene vi skriver ut, vil i utgangspunktet være omtrent en rektangelform, og vil bli endret noen ganger i ganske radikale former. Hvis vi kan bidra til å endre typen litt, ved først å bringe den nærmere den endelige formen, vil det bety mindre mesharbeid.

Så, typen "Satchelmouth" skal plasseres i Louis 'øret.

  1. Tegn en linje med en liten kurve nederst. Bruk Type på et teksttekst for å lage vårt ord i den valgte fonten.
  2. Vri teksten i konturer ved å bruke Type> Opprett oversikt (Cmd + Shift + O).
  3. Bruk deretter Objekt> Konvoluttforvrengning> Lag med Mesh (Command + Alt + M).

Det er et alternativ å ha flere rader og kolonner med Mesh, men jeg finner i dette tilfellet det er best å holde så nær en rad og kolonne hver.


Plasser maskestypen under øreformen omtrent i midten.

Det vi skal gjøre nå, er å manipulere hver av de fire hjørnene i nettverket vårt grafisk for å vri typen i form. Hvis vi hadde flere rader og kolonner, ville vi ha mye mer tweaking å gjøre, så vi skal holde det enkelt i begynnelsen.

  1. Bruk Direct Selection Tool, flytte hver av de fire hjørnepunktene ut mot de fire kanter av vår tomme form. Det vil se litt gal og ikke en god form, men vi er bare å etablere start- og sluttpunktet til ordet vårt.
  2. Ved å flytte maskepoengene vekk videre (fortsatt ved hjelp av Direct Selection Tool) og justere en eller begge de to håndtakene på hvert maskepunkt, kan vi klemme typen inn i formen.
  3. De fleste ganger kan typen manipuleres perfekt, men i noen tilfeller får vi toppen av bokstaver som blir hakket av for alvorlig.
  4. Også hull hvor toppen eller bunnen av et brev ikke går helt under vår maskeringslinje.


Trinn 8: Trykk og trekk

På dette punktet bruker vi Mesh Tool (Command + U):

  1. Klikk langs teksten på steder der du tror at ekstra poeng vil hjelpe.
  2. For å sjekke om typen fungerer, må du slå linjeartet til hvitt med 90% Opacity.
  3. Et annet alternativ for å sjekke om typen fungerer, er å slå linjeartikket til solid hvitt.


Trinn 9: Ekstra Mesh Points

Når du har former som er åpenbart kompliserte, lønner det seg å bryte masken opp med Mesh Tool for å legge til poeng, men vær advart bare legg til poengene etter behov.

  1. Ordene "Dean Martin" ble brutt opp ved hjelp av de horisontale Mesh-punktene.
  2. Dette bidro til å strekke ut "M" og sette inn den skarpe retningsendringen mellom "A" og "R."
  3. Det siste bokstaven "N" hadde også et ekstra maskepunkt lagt til for å forlenge brevet vertikalt ned til et punkt, men nettpinner en gang lagt til løper rett gjennom grafikken og påvirker måten nettverket reagerer på.

Ideelt sett må "Dean Martin" -ordet trekkes i riktig form først, så legges det siste maskepunktet til å trekke ned den siste "N."



Trinn 10: Følg konturene

Legg merke til bokstavene som løper ned i nesen, har en liten kurve til dem som svarer til konturlinjene vi tegnet på skissen. Som nevnt, er det godt å ha skissen festet opp over datamaskinen din, slik at du kan fortsette å henvise til det mens du jobber.

Brevpapiret nedenfor subtilt starter under øyet som en konveks kurve og endres fra bokstaven "H" til en konkav kurve som vi følger den blåste ut form av kinnene.



Trinn 11: Små detaljer

Mens "Satchmo" er et stort ord og har en stor innvirkning på å kjøre ned Louis Armstrongs ansikt, er det de mindre ordene som bidrar til å gjøre kunstverket til et mer interessant design generelt.

Å kjøre to linjer av typen rundt noens øyelokk kan virke som en skremmende oppgave, men hvis du zoomer inn og arbeider med 1600% forstørrelse, bør arbeidsmetoden ikke være annerledes enn de større ordene. Det lønner seg å zoome ut fra tid til annen for å sikre at alt er lesbart skjønt.



Trinn 12: Fargevifte

Etter en stund blir ordene lesbare som et ansikt! Jeg spilte med farger litt i begynnelsen, men fant å ha lyse toner på en svart bakgrunn med svarte topplinjer gjorde bildet virkelig hoppe ut.


Du kan også skape mykere effekter med en hvit bakgrunn og topplinjer!



Konklusjon

Uansett hvilke farger du velger, hvis linjen din er ren og all tekstlesbar, så har du et vinnende design på hendene. Lykke til!