Una guida approfondita per lavorare con la tipografia in Illustrator

Adobe Illustrator è una fantastica applicazione per creare capolavori tipografici. Tuttavia, sia che tu stia creando un semplice paragrafo per una pubblicità stampata o una complessa opera tipografica per un sito web, ci sono diversi consigli e tecniche che dovresti sapere su come manipolare il tipo all'interno del programma.

Di seguito troverai una breve panoramica di alcuni dei comandi di base con cui dovresti familiarizzare, nonché alcune scorciatoie da tastiera indispensabili e anche alcune funzioni oscure che potresti persino non sapere esistere. Iniziamo!

Lavorare con la tipografia: The Very Basics

Prima di approfondire come utilizzare in modo specifico Illustrator per lavorare con la tipografia, è importante discutere la terminologia di base che utilizzeremo. La maggior parte dei designer di stampa apprende questi termini all'inizio della loro formazione, ma i web designer spesso saltano ciò che considererei l'ABC del design e vanno direttamente all'apprendimento come prendere i disegni da Photoshop in HTML.

Quindi, per chiunque sia appena iniziato o per chi ha progettato per anni, ma ha saltato le basi, ecco un corso accelerato veloce e sporco su alcune variabili che dovresti sapere quando lavori con la tipografia.

L'immagine in alto indica diversi termini chiave che devi conoscere. Analizzeremo ognuno di questi approfondimenti mentre discutiamo su come utilizzare Illustrator per manipolarli, ma per ora dovresti semplicemente assicurarti di aver compreso ogni termine.

La crenatura e il tracking controllano il flusso orizzontale di un blocco di tipo. Il crenatura fa riferimento alla regolazione della spaziatura tra due lettere specifiche. Il tracciamento è simile ma regola simultaneamente la spaziatura tra tutte le lettere nel blocco.

Allo stesso modo, lo spostamento di riferimento e di linea di base controllano il flusso verticale. L'interlinea regola la spaziatura tra due linee e lo spostamento della linea di base consente di spostare specifiche lettere su e giù.

Ognuna di queste corrisponde a un'impostazione che può essere manipolata direttamente o regolata in modo incrementale attraverso la tavolozza dei caratteri.

Illustrator vs. Photoshop

Sia che tu stia progettando per la stampa o il web, consiglio vivamente di abbandonare Photoshop per creare la tipografia. Photoshop è ottimo per un sacco di cose, ma lavorare con il tipo non è uno di questi.

Illustrator non è solo molto più potente e flessibile quando si tratta di digitare, è anche molto più carino. Per vedere cosa intendo, considera lo screenshot qui sotto.

Questo è un confronto affiancato di due finestre che avevo aperto, ognuna con un simile blocco di copie. La sinistra mostra l'anteprima di Photoshop e la destra mostra l'anteprima di Illustrator. Come puoi vedere, Photoshop è instabile e brutto mentre Illustrator è fluido e bello.

Photoshop mostrerà un'anteprima decente al 100% (Comando + 1) ma in quasi tutti gli altri livelli di zoom il testo sembra schifo e non è affatto una buona indicazione di come apparirà l'output finale.

D'altra parte, Illustrator è brillante nell'esporre la grafica vettoriale a vari livelli di zoom (la sua zoomata diventa un po 'disordinata ma comunque migliore di Photoshop).

Crenatura in Illustrator

Perché kern? Il più grande errore da principiante che puoi fare con la tipografia è quello di presumere che Illustrator, Photoshop o qualsiasi altra app sputino per difetto il tipo perfettamente distanziato.

Sfortunatamente, le peculiarità e le qualità uniche di ciascun font fanno sì che la perfetta spaziatura delle lettere sia piuttosto difficile da programmare su software. Un buon vecchio paio di occhi umani della moda è semplicemente lo strumento migliore a tua disposizione per fare queste regolazioni.

Considera l'esempio qui sotto:

L'esempio in alto è il modo in cui Illustrator posiziona il testo di default e l'esempio in basso mostra lo stesso esempio con alcune regolazioni manuali di crenatura. Di proposito, non ho evidenziato dove sono state apportate le modifiche, quindi puoi imparare a individuare le aree che devono essere affrontate.

Uno dei posti più importanti da tenere d'occhio è la spaziatura tra lettere maiuscole e minuscole. Lettere come? V? che non fanno una bella forma di blocco sono particolarmente cattivi e quasi sempre devono essere regolati per evitare spaziatura difficile.

Kerning potrebbe sembrare ridicolmente meticoloso e non ne vale la pena, ma è assolutamente qualcosa a cui dovresti prestare attenzione come designer. È una di quelle cose che puoi fare per tutta la vita senza accorgertene, ma quando finalmente vedi la luce sei rovinato. Inizierai a modificare mentalmente la crenatura nei menu dei ristoranti e sui cartelloni pubblicitari e sugli annunci di autobus.

Spostamento di base

L'altro di cui potreste chiedervi è lo spostamento di base. Sicuramente non ci sono motivi pratici per incasinare lo spostamento di base di una lettera, giusto?

Come possiamo vedere nell'immagine sopra, c'è almeno una necessità estremamente comune per applicare lo spostamento di linea di base. L'azione di apice predefinita spesso si traduce in un marchio registrato o in un simbolo di copyright apparentemente gigantesco. Sebbene questo possa essere regolato in base alle preferenze, nella maggior parte dei casi sarà comunque necessario effettuare regolazioni manuali delle dimensioni e della linea di base del personaggio.

Tasti rapidi

Ecco la parte divertente. Puoi conoscerne molti dal tuo lavoro con Photoshop ma un aggiornamento è sempre buono. Utilizzerò le scorciatoie da tastiera del Mac qui, quindi gli utenti PC dovrebbero tenere presente che Command = Control e Option = Alt.

crenatura

Per regolare la crenatura tra due lettere, posiziona il cursore tra di loro e usa il tasto Opzione in combinazione con le frecce sinistra e destra.

puntamento

Per regolare il tracciamento, si utilizzano le stesse scorciatoie da tastiera utilizzate con la crenatura, solo qui si effettua una selezione specifica e le regolazioni verranno eseguite uniformemente su tutti i caratteri selezionati.

È possibile selezionare caratteri specifici come nell'immagine sopra o semplicemente fare clic sull'intero blocco con lo strumento di selezione diretta per regolare tutto all'interno.

principale

Hai indovinato, in testa è la stessa scorciatoia da tastiera dei due precedenti, ma questa volta usando le frecce su e giù invece di sinistra e destra.

Qui puoi selezionare l'intero blocco o solo le linee che vuoi regolare.

Spostamento di base

Lo spostamento alla linea di base lancia una palla curva aggiungendo il tasto Maiusc al mix. Selezionare una lettera, quindi utilizzare il tasto Maiusc + i tasti freccia su e giù per regolare l'altezza.

Altre scorciatoie utili

  • Maggiori modifiche incrementali: tasto Comando in combinazione con le scorciatoie sopra
  • Aumenta / Riduci dimensione carattere: Comando + Maiusc +> o <
  • Crenatura / Traccia alternata: Comando + Maiusc + [o]
  • Modifica Giustificazione: Comando + Maiusc + L, R o C (sinistra, destra o centro)
  • Ripristina crenatura / tracciamento: comando + opzione + Q

Lavorare con le colonne

Per qualche ragione, molte persone hanno ancora l'impressione che Illustrator non possa gestire più colonne di tipo. La verità è che ha avuto questa funzionalità per anni ed è abbastanza decente.

È qui che il pubblico di InDesign salta fuori dal proprio posto e richiede attenzione. Sì, InDesign è sorprendente per l'impaginazione e difficile da battere per arrangiamenti complessi a più colonne. Tuttavia, questo non è un tutorial Indesign, quindi non voglio sentire alcun reclamo.

Per creare più colonne di testo in Illustrator, è sufficiente creare una casella di testo, riempirla di testo e andare a? Opzioni tipo area? sotto il menu dei tipi.

Qui puoi impostare il numero di colonne e righe, regolare la larghezza e la grondaia, impostare il flusso del testo e altro. Il risultato è una singola casella di testo che scorre automaticamente il tuo testo su tutte le colonne che vuoi. Il risultato verrà aggiornato dal vivo quando cambierai la dimensione della casella di testo.

Stili di carattere e paragrafo

Illustrator ti consente di salvare gli attributi del tuo testo in uno stile riutilizzabile. Questo è perfetto per le volte in cui lavori spesso con più marchi e devi cambiare rapidamente tra gli stili descritti nelle rispettive linee guida del marchio.

Creare stili di carattere e paragrafo è facile come impostare del testo nel modo desiderato, selezionarlo e quindi premere il tasto? Nuovo? pulsante nella palette di stili carattere o paragrafo.

Quando si desidera applicare questo stile a un'altra porzione di testo, selezionare il testo e quindi fare clic sullo stile appena impostato. Fare doppio clic sul titolo ti consentirà di rinominare lo stile.

Impostazione delle schede

Per configurare le schede in Illustrator, premi Comando + Maiusc + T e visualizza la palette delle schede. Qui puoi trascinare le schede proprio come faresti nella maggior parte degli editor di testo.

Noterai che la palette delle linguette mobili è un po 'noiosa e difficile da posizionare. Per risolvere questo problema, seleziona il testo che vuoi regolare e premi l'icona piccola magnete all'estrema destra. Questo allineerà automaticamente la tavolozza al testo e renderà molto più semplice l'impostazione corretta delle schede.

Campionatura di altro testo

In Illustrator, lo strumento Eyedropper è molto più di un'utilità per il campionamento del colore. Puoi anche usarlo per abbinare rapidamente gli stili tra gli elementi.

Ad esempio, se si creano due blocchi di copia, uno in stile, quindi si desidera che corrisponda all'altro, selezionare la versione non in stile e quindi applicare il contagocce alla versione in stile per renderli identici.

Tenendo premuto shift, è possibile campionare solo il colore senza afferrare gli stili associati. Se non si dispone di una selezione, contagocce lo stile di testo che si desidera duplicare, quindi Option-Eyedropper altri oggetti di testo per applicare tale stile.

Infine, fai doppio clic sul contagocce nella tavolozza degli strumenti per regolare ciò che è e non è copiato nel campione.

Trova e sostituisci avanzati

Illustrator ha una delle migliori utilità di ricerca e sostituzione che troverai in qualsiasi app. In effetti, batte quello di ogni editor di testi dedicato che conosco (che si trova nel menu Modifica).

La ragione di questo è il piccolo menu a tendina che contiene tutte quelle piccole cose che vuoi sempre trovare e sostituire ma non so come. Ciò include interruzioni di riga forzate, caratteri di tabulazione, spazi sottili, ecc.

Illustrator ti consente anche di trovare e sostituire rapidamente i caratteri. Basta cliccare sul? Tipo? menu e vai a? Trova carattere? ?

Conclusione

Potrei parlare di suggerimenti di tipo Illustrator per giorni, ma quanto sopra rappresenta una buona panoramica delle informazioni necessarie per iniziare.

Uno degli scopi principali di questo post è quello di incoraggiare davvero tutti i fan di Photoshop dedicati là fuori a dare un colpo ad alcune delle altre applicazioni Creative Suite. Illustrator può sembrare che sia utile solo agli artisti dotati, ma in realtà è perfetto per qualsiasi lavoro basato su vettori che devi realizzare, indipendentemente dal fatto che tu sia un abile illustratore.

Lascia un commento qui sotto e dicci il tuo trucco di tipo Illustrator preferito. Ci sono molte altre opzioni tra cui scegliere e spero di imparare una o due cose dalle tue risposte!