Crea un Calligram peloso in Illustrator

In questo tutorial ti guiderò attraverso la creazione del tuo calligramma ispirato a un cane di nome Poppy. Imparerai come manipolare un carattere tipografico attraverso il rendering di pellicce, l'aggiunta di funzionalità doggy e vari dettagli.


introduzione

Ho un'ossessione per il mio gatto e ho fatto numerosi vettori con lei. Uno dei pezzi che ho fatto è stato il calligramma di "Meow", che era stato reso in pelliccia con la marcatura della sua pelliccia.

La meraviglia che dice Wikipedia:

Un calligramma è un poema, una frase o una parola in cui il carattere tipografico, la calligrafia o la calligrafia sono disposti in modo da creare un'immagine visiva. L'immagine creata dalle parole esprime visivamente ciò che la parola o le parole dicono.

Per espandere il mio portafoglio di animali, ho deciso di iniziare a vettorare i cani, che sono un processo simile ai gatti, ma per la maggior parte hanno capelli più ispidi e ruvidi.

In questo tutorial ti guiderò attraverso la creazione di un pezzo di testo ispirato al mio calligrafo "Meow", ma questo è basato su un cane. Vorrei presentarti la forza iperattiva che è Poppy. Ho intenzione di riferirsi a lei durante questo tutorial.


Teoria dei caratteri

La parola che sto per rendere è "WOOF" e questo è per due motivi:

  • È una parola che, una volta ascoltata, ti associ subito a un cane.
  • Le lettere possono essere manipolate per illustrare le membra e il corpo del cane. Ad esempio, le gambe e la coda possono essere illustrate usando "W" e "F", e la faccia e il corpo possono essere costruiti da "OO".

Quando seleziono un carattere tipografico da utilizzare come base per questo progetto, tendo ad inclinarmi maggiormente verso caratteri tipografici più classici come Tahoma, Verdana ecc. Questo perché, per la maggior parte, sono facili agli occhi e non così complessi da manipolare.

Stereotipicamente i gatti sono visti più come una creatura femminile, illustrata con curve e pochissime linee dure. Quindi, al contrario, il calligramma ispirato al mio cane apparirà più maschile. Quindi, per il migliore amico dell'uomo, selezionerò un carattere tipografico con molte linee rette e curve minime. Selezionerò un carattere sans serif perché associo i serifs ad una qualità più femminile in quanto appaiono delicati.

Un altro aspetto da tenere a mente è che non vuoi che le tue lettere siano troppo sottili, dato che vuoi mostrare molto pelo sulle lettere. Tuttavia, al contrario, non vorrai che le lettere siano troppo grassocce che con la pelliccia sui lati esterni delle lettere non puoi dire quale sia la parola!

Per questo tutorial, userò il carattere tipografico Tahoma. Diamo un'occhiata!


Passo 1

Usando lo Strumento testo (T) per aggiungere il testo "WOOF" al tuo quadro.
Vai nelle opzioni di carattere (in CS5 è lungo la parte superiore, sotto la barra degli strumenti) e modifica la dimensione del carattere a 150pt. Cambia lo stile del carattere in grassetto. Fai clic nel pannello caratteri e modifica il tracciamento a 100 e la scala verticale a 125%.


Passo 2

Espandi le lettere andando su Oggetto> Espandi e poi facendo clic su OK. Separa (comando + MAIUSC + G) le lettere per facilitarne la manipolazione.


Passaggio 3

Usando lo strumento Penna (P), aggiungi una coda al "F." Ora seleziona la coda e la forma a "F", quindi usa il Pathfinder per unirli.


Passaggio 4

Voglio che la "W" sia chiaramente solo due gambe anteriori. Per creare questa illusione, ho bisogno di ridurre il centro della lettera in modo che i due steli finali appaiano molto più prominenti.

Usando lo Strumento selezione diretta (A), seleziona le linee e i punti che sono presenti al centro della lettera. Quindi usa lo Strumento di trasformazione libera (E) per spostare questi elementi verso il basso in modo da schiacciare il centro della lettera.


Passaggio 5

Per rendere le gambe più chiare allo spettatore, aggiungo le zampe alle lettere. Lo farò usando lo strumento Ellisse (L). Una volta posizionati i cinque cerchi, utilizzo il Pathfinder per unirli. Ora usa lo strumento Penna (P) per rimuovere due punti su entrambi i lati.


Passaggio 6

Copia (Comando + C) e incolla (Comando + V) le zampe sulle "W" e "F", usando lo strumento Trasformazione libera (E) per ruotare e posizionarle. Posizionare le zampe sulla loro lettera corrispondente e unirle.


Passaggio 7

Seleziona tutto (Comando + A) le forme e crea un percorso composto (Comando + 8). Copia (Comando + C) e Incolla in primo piano (Comando + F) il tracciato composto e quindi blocca entrambe le forme.


Passaggio 8

Usando lo strumento Penna (P), ho intenzione di disegnare sopra le forme dove la pelliccia bianca è per le parti del corpo. Invece di bianco, userò un grigio molto chiaro (C = 0, M = 0, Y = 0, K = 10), perché in seguito utilizzeremo il bianco per aggiungere l'evidenziazione alla pelliccia.

Visto che le zampe anteriori faranno parte della "W", farò la prima "O" testa di papavero e la seconda il suo corpo. Questo fa una leggera differenza nella sua colorazione.


Passaggio 9

Seleziona tutto (Comando + A) le forme grigie e trasformale in un tracciato composto (Comando + 8). Sblocca uno dei percorsi composti neri e selezionalo insieme al percorso composto grigio. Nel Pathfinder applicare Intersect.

Ora mentre il gruppo è selezionato, crea un percorso composto (Comando + 8). Cambia il percorso composto nero in un colore di riempimento nero off (C = 0, M = 0, Y = 0, K = 95). Blocca la cartella dei livelli per ora. Fare doppio clic sulla cartella del livello e rinominarlo "Bases".


Passaggio 10

Per la parte successiva del tutorial, dovrai creare il profilo di larghezza, 1 e 5 pennelli dal tutorial del pennello Profilo di larghezza.

Crea un nuovo livello e rinominalo "Fur". Utilizzerò lo strumento Pennello (B) con il pennello Profilo larghezza 1, il colore tratto nero e l'Opacità del 50%. Usalo per disegnare la pelliccia attorno ai bordi delle lettere in cui le forme sono nere.

Modifica la lunghezza dei tuoi tratti per il tipo di pelliccia del tuo cane. Poiché Poppy è un cane a pelo corto, il rendering della pelliccia richiederà brevi tratti. Considera l'area di pelliccia rappresentata da ciascuna lettera e la direzione in cui la pelliccia andrà.


Passaggio 11

Seleziona tutto (Comando + A), Raggruppa tutti i tratti di grigio scuro (Comando + G), quindi blocca il gruppo. Ora aggiungi la pelliccia grigio chiaro al resto dei bordi. Dove il bianco e il nero si incontrano all'interno delle lettere, disegnano ancora tratti ma non si sovrappongono. Questo renderà la pelliccia più naturale.

Suggerimento: se stai disegnando una pelliccia di colore chiaro come sono, aggiungi uno strato dietro a tutte le forme con un colore scuro. Questo renderà più facile vedere dove vengono posizionati i tuoi tratti.

Seleziona tutto (Comando + A), Raggruppa tutti i tratti di grigio scuro (Comando + G), quindi blocca il gruppo.


Passaggio 12

Per aggiungere ulteriore profondità alla pelliccia, aggiungi tratti all'interno delle forme e alcuni verso i bordi usando lo stesso pennello, ma con il colore corrispondente con il metodo di fusione moltiplicato. Per il grigio chiaro utilizzare un'opacità del 70% e il grigio scuro l'opacità del 40%. Per ciascuno dei colori, raggruppali (Comando + G) e bloccali.

Suggerimento: se trovi che Illustrator sta rallentando mentre stai disegnando i fili di pelliccia, nascondi i gruppi precedentemente disegnati.


Passaggio 13

Usando lo stesso processo, aggiungerò dei punti salienti alla pelliccia. Lo farò usando gli stessi colori per le aree corrispondenti. Imposta il metodo di fusione su schermo, l'opacità grigio chiaro al 50% e l'opacità grigio scuro al 25%.

Per ciascuno dei colori, raggruppali (Comando + G), quindi bloccali e la cartella dei livelli.


Passaggio 14

Crea un nuovo livello e rinominalo "Punti".

Se noti nell'immagine di riferimento di Poppy, ha delle piccole macchie nere sulle zampe anteriori e sul naso. Quindi, usando le stesse proprietà del pennello e il colore del tratto grigio scuro, aggiungi alcuni punti sulla "W" e la prima "O" nei luoghi in cui si trovano i punti. Imposta il pennello su un metodo di fusione di moltiplicazione e l'opacità al 50%.

Al termine, raggruppali (Comando + G), quindi bloccali e la cartella dei livelli.


Passaggio 15

Crea un nuovo livello e rinominalo "Naso". Uso dello strumento Penna (P), con un colore di riempimento grigio scuro; Disegnare il naso. Quindi disegnare le narici e una linea in mezzo. Imposta il metodo di fusione su Moltiplica per quelle forme con le narici al 100% e la linea tra il 50%.

Crea un gradiente radiale trasparente grigio chiaro o grigio chiaro e aggiungi riflessi e lucentezza al naso. Usando lo strumento Gradiente (G) trascina la sorgente del gradiente verso la parte superiore del naso.


Passaggio 16

I gatti sono spesso disegnati con i loro caratteristici lunghi baffi. Anche i cani hanno baffi, ma non così prominenti. Sono molto più brevi e non così tanti. All'interno della cartella del livello "Naso", aggiungo dei baffi grigi scuri usando lo strumento Pennello (B) e il pennello Larghezza Profilo 5.


Passaggio 17

Utilizzando le stesse opzioni del pennello, tuttavia, modifica l'opacità al 75% e aggiungi alcuni punti sulla parte superiore del naso, poiché il naso di un cane non è completamente liscio. Questo aggiungerà una consistenza sottile ad esso. Al termine, bloccare la cartella dei livelli.


Passaggio 18

Crea una nuova cartella di livelli e rinominala in "Dettagli". Utilizzando le stesse opzioni del pennello, l'Opacità cambia al 20% e il metodo di fusione a Moltiplica. Aggiungi alcuni tratti attorno alle zampe per aggiungere la definizione tra le cifre.


Passaggio 19

Usando lo strumento Penna (P), crea una forma ovale con il colore di riempimento grigio scuro e Opacità dell'80%. Copia (Comando + C) e incolla (Comando + V) la forma per ogni artiglio di una sola zampa. Seleziona le quattro forme per una zampa e rendine un tracciato composto (Comando + 8).

Copia (Comando + C) e Incolla (Comando + V) il tracciato composto e spostali su ognuna delle zampe. Blocca la cartella dei livelli al termine.


Passaggio 20

Vai nella cartella dei livelli "Basi" e Copia (Comando + C) il percorso composto grigio scuro. Blocca nuovamente la cartella di livelli "Basi". Crea un nuovo livello sopra la cartella "Bases" e chiamalo "Light", quindi Paste in Front (Command + F) il percorso composto.

Rilascia il percorso composto (Alt + Maiusc + Comando + 8). Dovrai selezionare le forme per ciascuna delle forme "O" e usare Fronte meno dalle opzioni del Pathfinder.

Utilizzando lo strumento sfumatura (G), applicare il gradiente radiale trasparente grigio chiaro a grigio chiaro alle lettere. Posiziona i gradienti come se ci fosse luce proveniente dall'alto. Riduci l'opacità al 15% e il metodo di fusione allo schermo. Su alcune delle lettere dovrai copiare (Comando + C) e Incolla in primo piano (Comando + F). Una volta completato, bloccare la cartella dei livelli.


Passaggio 21

Crea un nuovo livello sotto la cartella dei livelli "Basi" e rinominalo "Ombra". Crea un gradiente radiale trasparente grigio scuro o grigio scuro. Usando lo strumento Ellisse (L) disegnare cerchi sotto le lettere per dare l'impressione che le lettere siano fluttuanti. Raggruppa le forme insieme (Comando + G) e quindi modifica il metodo di fusione in Moltiplica e l'opacità al 70%.


Passaggio 22

Aggiungi un gradiente radiale trasparente grigio chiaro a grigio chiaro sullo schermo 30% sullo sfondo per completare il pezzo. Ora hai finito il tuo calligrafo Woof!


Conclusione

Aggiungendo diversi colori alla pelliccia e variando la lunghezza dei tratti, è possibile ottenere un pezzo di arte di testo dall'aspetto unico. Conoscendo le sottili differenze tra cani e gatti, puoi anche creare un purrfect calligramma per un gatto che usa anche queste stesse tecniche.