Ultimate Type Twisting

Quindi, hai mai desiderato di girare il tipo in un modo un po 'più avanzato rispetto ad alcune delle opzioni che hai visto con Funzione Warp?


introduzione

Che ne dici di fare un tipo che sembra essere stato avvolto intorno a una faccia! Pensa di aver bisogno di una speciale app 3D o di un plug-in "hifalutin"?

No, puoi farlo tutto in Illustrator v10 (o versioni successive) con Maglia funzione. Servono solo un po 'di pianificazione e poche scorciatoie per far sì che tutto accada, rimani con me e ti guiderò attraverso ...



Passaggio 1: materiale di riferimento

Prima di iniziare a utilizzare qualsiasi strumento in Illustrator abbiamo bisogno di reperire materiale fotografico su cui basare la nostra illustrazione (sarebbe piuttosto difficile evocare l'immagine o lavorare al volo con un progetto come questo), Idealmente, sarebbe meglio se tu potrebbe prendere da sé la fotografia dell'immagine di origine, quindi eviterai qualsiasi problema di copyright.


Passaggio 2: disegno

Posa la carta da ricalco su una stampa della tua foto, prova e disegna linee che seguono certi contorni del viso. Nella mia esperienza, più una faccia rugosa o pronunciata è la migliore apparirà. Un grosso pennarello nero fa bene a creare forti linee in grassetto. Ecco alcuni suggerimenti:

  1. Cerca di lasciare alcune aree come il nero solido come le sopracciglia, l'interno della bocca e le parti dei capelli, ecc. Ciò contribuirà a definire l'immagine un po 'meglio. Inoltre, rendere alcune delle tue linee più spesse in determinati luoghi.
  2. Gli spazi tra le righe di testo aiuteranno i tuoi occhi a vedere l'illustrazione come un viso e non solo un testo leggibile.
  3. Un altro dispositivo utile in questa fase è disegnare leggermente alcune curve sul tuo schizzo a matita che emulano i contorni del viso. Questo sarà utile quando torcerai il tipo per dare quell'aspetto avvolto.


Passo 3: Disegnare i Linework

Una volta che sei soddisfatto della linework nello schizzo, fai una scansione e inseriscila nel tuo documento. Qualche anno fa la gente usava sempre uno scanner piano per ottenere schizzi in Illustrator, ma oggigiorno con le fotocamere digitali si potrebbe tranquillamente stare direttamente sopra il disegno e scattare una foto e utilizzarla al contrario (assicurati di essere direttamente sopra e non con un'angolazione strana e che non si proiettano ombre sull'immagine che potrebbero rendere le cose più difficili da vedere una volta in Illustrator).

Posiziona la tua scansione in un documento di Illustrator su un livello separato e bloccalo. La dimensione non è molto importante in quanto è vettoriale, ma ho trovato una scansione di 150 dpi a dimensione Letter andava bene.

Ora usando le tue migliori abilità di Pen Tool, metti giù alcune curve di Bezier incredibilmente lisce con una linea nera di 4 punti.

Un modo per ottenere il linework più spesso di cui abbiamo parlato prima è quello di copiare e incollare in prima fila una sopra l'altra e tirare a parte i segmenti dei due percorsi (come sopra) o disegnare con una linea più spessa - Ho scelto 8pt.



Passaggio 4: dì che cosa?

Una volta disegnato il tuo disegno nero, siamo ora in una fase divertente! Abbiamo tutte queste aree bianche vuote mappate e abbiamo bisogno di parole per inserirle.

Il volto di Louis Armstrong era quello di promuovere un CD di musica compilation, così ho pensato di scegliere alcune parole che riflettessero gli altri artisti sul CD e scegliere altre parole direttamente correlate a Louis. Ho pensato di scegliere un colore leggermente diverso per il suo tipo e un terzo colore per la tromba.

Il mio agente di illustrazione Matt negli studi di Drawingbook a Sydney, mi ha aiutato a fare alcune ricerche su Louis e mi ha dato circa 75 parole, frasi e fatti pertinenti con cui giocare. Sono davvero grato per i più corti! Come ogni tanto avevo solo un piccolo spazio per adattarsi a una parola (vedi fine del naso)!

Ho scritto le parole su un altro foglio di carta e ho controllato gli errori di ortografia (... in alto a destra, Fred Astaire ... orlo, orlo) e l'ho appuntato sul muro come riferimento visivo veloce quando il lavoro è iniziato..



Passaggio 5: Caratteri effettivi

Un'ultima cosa da considerare era la scelta del font con cui lavorare. Doveva essere uno che non doveva bloccare senza spazi vuoti (altrimenti le parole sarebbero difficili da leggere) e riflettere anche lo stile e il soggetto dell'illustrazione.

Basandosi su quel font Mojo non funzionerebbe in quanto aveva scarsa leggibilità e ha un tocco hippy anni settanta che non riflette Louis Armstrong. Alla fine sono andato con un font chiamato Machohouse. Aveva un carattere un po 'anni Cinquanta / Sessanta ed era facilmente leggibile.

Un'altra cosa, anche il carattere tipografico ha dovuto lavorare con la parte superiore e inferiore di ogni personaggio appiattito un po '... più su quello successivo!



Step 6: Lavorare sotto

Per risparmiarmi il tempo a dover girare tutte le lettere, e assicurarmi che le parti superiori e inferiori di ogni personaggio fossero lisce l'una rispetto all'altra, ho pensato che avrebbe funzionato meglio avere linee morbide e lineate disegnate in Illustrator (come abbiamo abbozzato prima) . Metto il mio tipo sotto esso. Ecco una patch test di testo per l'orecchio destro:

  1. Mostra una riga di testo normale digitato su una leggera curva.
  2. Il tipo è alterato con la funzione Mesh (vedi il prossimo passo), come puoi vedere le parti superiori e inferiori delle lettere sono appuntite e seghettate.
  3. Il tipo è posto sotto il nostro lavoro di linea nero (l'ho sdoganato in modo da poter vedere attraverso).
  4. Qui le linee nere si trasformano in bianche in modo da poter vedere come si mascherano i bordi irregolari del tipo.


Step 7: Twist That Type!

Ora che abbiamo preso tutte le decisioni su parole, caratteri e aree di tipo, è ora di iniziare a mettere il testo al lavoro. Prendiamo la nostra prima parola ... "Satchelmouth".

Fatto interessante: le guance di Louis Armstrong una volta erano descritte come due cartelle di cuoio e divenne noto come Satchelmouth o Satchmo '.

Digita la parola all'interno del tuo disegno. Ho tenuto tutto il mio tipo su un livello separato sotto le linee del viso che abbiamo disegnato in precedenza.

Tutte le parole che scriviamo saranno inizialmente approssimativamente una forma rettangolare e saranno talvolta cambiate in forme abbastanza radicali. Se possiamo aiutare a modificare un po 'il tipo, prima avvicinandolo alla forma finale, questo significa meno lavoro di mesh.

Quindi, il tipo "Satchelmouth" sarà inserito nell'orecchio di Louis.

  1. Disegna una linea con una leggera curva in basso. Usa il tipo su uno strumento di testo tracciato per creare la nostra parola nel carattere scelto.
  2. Trasforma il testo in contorni applicando Tipo> Crea contorni (Cmd + Maiusc + O).
  3. Quindi applica Object> Envelope Distort> Crea con mesh (Comando + Alt + M).

C'è un'opzione per avere più righe e colonne con Mesh, ma trovo che in questa istanza è meglio tenere il più vicino a una riga e colonna ogni.


Posiziona il tipo di rete sotto la forma dell'orecchio all'incirca nel mezzo.

Quello che faremo ora è manipolare ciascuno dei quattro angoli della nostra grafica mesh per trasformare il tipo in forma. Se avessimo più righe e colonne, avremmo molti più tweaking da fare, quindi all'inizio continueremo a farlo.

  1. Usando lo Strumento selezione diretta, sposta ciascuno dei quattro angoli verso i quattro bordi della nostra forma vuota. Sembrerà un po 'pazzo e non molto adatto, ma stiamo solo stabilendo il punto di partenza e di arrivo della nostra parola.
  2. Spostando ulteriormente le maglie (usando ancora lo strumento di selezione diretta) e regolando una o entrambe le maniglie su ciascun punto finale della mesh, siamo in grado di schiacciare il tipo nella forma.
  3. La maggior parte delle volte il tipo può essere manipolato perfettamente, ma a volte si tagliano troppo le parti superiori delle lettere.
  4. Inoltre, spazi vuoti dove la parte superiore o inferiore di una lettera non sta andando completamente al di sotto della nostra linea di mascheramento.


Passaggio 8: spingere e tirare

A questo punto useremo lo Strumento mesh (Comando + U):

  1. Fai clic lungo la riga di testo nei punti in cui ritieni che punti extra possano essere d'aiuto.
  2. Per verificare se il tipo funziona, trasforma il tuo disegno al bianco con il 90% di Opacità.
  3. Un'altra opzione per verificare se il tipo sta funzionando è trasformare la grafica della linea in bianco fisso.


Passaggio 9: Punti maglia extra

Quando si hanno forme che sono ovviamente complicate, si paga per rompere la mesh usando lo Strumento mesh per aggiungere punti, ma sii avvisato di aggiungere solo i punti quando ne hai bisogno.

  1. Le parole "Dean Martin" sono state suddivise usando i punti Mesh orizzontali.
  2. Ciò ha aiutato quando si allunga la "M" e si inserisce il forte cambiamento di direzione tra "A" e "R."
  3. Anche l'ultima lettera "N" aveva aggiunto un punto mesh extra per estendere la lettera verticalmente fino a un punto, ma i punti di mesh una volta aggiunti passano attraverso l'immagine e influenzano il modo in cui la mesh risponde.

Idealmente, la parola "Dean Martin" deve essere prima inserita nella forma corretta, quindi viene aggiunto l'ultimo punto della mesh per trascinare verso il basso l'ultimo "N."



Passaggio 10: seguire i contorni

Notare che le lettere che corrono lungo il naso hanno una leggera curva corrispondente alle linee di contorno che abbiamo disegnato sullo schizzo. Come ho già detto, è bello avere il disegno appeso sopra il computer in modo da poter continuare a riferirlo mentre stai lavorando.

La scritta sotto inizia sottilmente sotto l'occhio come una curva convessa e cambia dalla lettera "H" a una curva concava mentre seguiamo la forma soffiata delle guance.



Passaggio 11: piccoli dettagli

Mentre "Satchmo" è una parola grossa e ha un grande impatto sul volto di Louis Armstrong, sono le parole più piccole che aiutano a rendere l'opera d'arte un design più interessante nel complesso.

Esecuzione di due righe di testo attorno alla palpebra di qualcuno può sembrare un compito scoraggiante, ma se si ingrandisce e si lavora con un ingrandimento del 1600%, il metodo di lavoro non dovrebbe essere diverso dalle parole più grandi. Vale la pena di ridurre di tanto in tanto ogni tanto per assicurarsi che tutto sia leggibile.



Step 12: Color Flipping

Dopo un po 'le parole diventano leggibili come una faccia! Ho giocato un po 'con i colori all'inizio, ma ho trovato dei toni chiari su uno sfondo nero con le linee nere che facevano saltare davvero l'immagine.


Puoi anche creare effetti più morbidi con uno sfondo bianco e linee superiori!



Conclusione

Indipendentemente dal colore scelto, se il tuo disegno è pulito e tutto il testo leggibile, hai un design vincente nelle tue mani. In bocca al lupo!