Lavorare con la tipografia professionale in Adobe Illustrator

Vorrei dedicare questo tutorial alla tipografia, che sono i metodi di elaborazione del testo stampato per una migliore leggibilità e bellezza. La tipografia si compone attraverso la progettazione grafica del testo stampato utilizzando le specifiche per le regole di quella lingua. In questo tutorial Basix verranno applicati i metodi e le regole di tipografia utilizzando Adobe Illustrator. I materiali per la creazione di questo tutorial sono stati gentilmente forniti da Roman Kuznecov, alias Asat, che ha molti anni di esperienza editoriale.


Passo 1

Diamo un'occhiata alla progettazione del testo stampato nell'esempio della ricetta sandwich con cui stiamo lavorando oggi. Questo tipo di testo contiene una varietà di elementi che ti aiuteranno a sviluppare il tema di questo lavoro. Per gli esperimenti, dovresti usare un testo come questo qui.

Innanzitutto, definisci i parametri di base delle informazioni testuali:

  • Dimensione del blocco di testo
  • Nome del carattere tipografico
  • Dimensione del font
  • Interlinea

La scelta di questi parametri tipografici dipende da molti fattori, in particolare: il formato della pubblicazione, lo stile del testo, le preferenze personali del designer, ecc. Lascerò questi problemi al di fuori dello scopo di questo tutorial, poiché riguarda libri e monografie. In base al gusto personale, ho deciso che il blocco di testo avrà una dimensione di 150 x 300 mm (Tipo> Tipo area ...)


Passo 2

Digita il testo con il font Garamond Pro, la dimensione 12pt e il 13pt principale. Cambia questi parametri nella palette Carattere (Finestra> Carattere).

Per vostra informazione: la dimensione del carattere è la dimensione dell'altezza della lettera; il punto tipografico è l'unità di misura della dimensione del carattere.


Passaggio 3

Ora allinea il testo. Esistono due tipi fondamentali di giustificazione del testo: Giustificare con l'ultima linea allineata a sinistra e Giustificare tutte le linee. Il primo metodo è abbastanza semplice, quindi usalo per la formattazione. Per fare ciò, fare clic sul pulsante "Giustifica con l'ultima linea allineata a sinistra" nella palette Paragrafo (Finestra> Tipo> Paragrafo).


Passaggio 4

Successivamente, dobbiamo configurare le sillabazioni. È importante mantenere un equilibrio tra il numero di sillabazioni nel blocco di testo e la quantità di spaziatura vuota nelle righe. Da un lato un sacco di sillabazioni creano una sensazione di "recinzione" e influenzano la leggibilità del testo, d'altra parte, lunghe lacune rendono anche difficile la lettura.

Adobe Illustrator consente di regolare questo bilancia autonomamente con una finestra di dialogo Sillabazione che si apre dal menu a comparsa della palette Paragrafo. Spostando il cursore sulla migliore posizione di spaziatura, riduciamo la lunghezza degli spazi aumentando la quantità di sillabazioni e viceversa. Devi scegliere un valore ottimale che soddisfi il design.

C'è anche un'opzione che consente di personalizzare l'aspetto del paragrafo. Nel menu a comparsa della palette Paragrafo sono presenti le sottosezioni "Adobe Single-line Composer" e "Adobe Every-line Composer". Quando si effettua la sillabazione, "Adobe Single-line Composer" analizza solo una singola riga. "Adobe Every-line Composer" analizza le righe precedenti; di solito questo ti permette di ottenere un risultato migliore.


Passaggio 5

Pertanto, il layout generale della composizione è già determinato. Ora passiamo alla progettazione dei singoli elementi del testo. Ho deciso di evidenziare il titolo principale del testo, quindi lo scriverò in stampatello. Per fare ciò, ho evidenziato il titolo e nel menu a comparsa della palette Carattere ho scelto l'opzione All Caps.

Qui è necessario prestare attenzione a un punto di interesse: quando si progetta il tracciamento dei caratteri tra le maiuscole viene scelto in base al fatto che accanto ad esso ci sarà necessariamente una lettera minuscola, quindi se si digita il testo solo in maiuscolo, il il testo si sente angusto. I grafici consigliano di espandere leggermente le lettere di tale testo. Con il testo selezionato, nella palette Carattere nel campo di tracciamento impostare il valore su 20.


Passaggio 6

Adesso applica il Kerning. La crenatura è il processo di regolazione della spaziatura tra le coppie di caratteri per migliorare l'aspetto e la leggibilità del testo, serve a giustificare la distanza tra lettere adiacenti o altri caratteri di carattere.

Questa opzione comporta il lavoro individuale con ogni coppia di caratteri e come trovare la loro posizione relativa a seconda del font selezionato, del disegno delle lettere stesse e così via. Il valore della crenatura è impostato in una percentuale della larghezza dello spazio del carattere utilizzato, può essere positivo (quando i caratteri sono distanziati) o negativo (quando i caratteri si avvicinano l'uno all'altro).

È facile vedere che la distanza tra le coppie. Guarda come "AV" e "WA" hanno un aspetto diverso, ma formalmente è lo stesso.

Per rendere visivamente uguale la distanza tra due personaggi, viene applicato Kerning. In Adobe Illustrator, ci sono 3 tipi di crenatura:

  • Zero crenature - quando la crenatura non è applicabile.
  • Crenatura automatica - crenatura impostata nel carattere dal suo creatore. Se il carattere è ben progettato, questo tipo di crenatura si adatta bene nella maggior parte dei casi.
  • Crenatura ottica - è buono per la crenatura di titoli o grandi segni indipendenti, come il testo per i loghi.

Imposta la crenatura automatica per l'intero testo.


Passaggio 7

Ora voglio decorare un po 'le prime righe di testo. Lo farò con le maiuscoletto. Le maiuscoletto in tipografia sono caratteri maiuscoli che sembrano caratteri minuscoli ridotti. Le maiuscolette vengono utilizzate per creare titoli e prime righe delle sezioni che seguono le iniziali grandi, per scrivere nomi, titoli e abbreviazioni e per il grassetto nel testo.

Non è consigliabile usare maiuscoletto in frasi e frasi lunghe (più di due o tre parole); altera la leggibilità del testo. Quindi, seleziona le prime parole dopo il titolo e seleziona Maiuscole nel menu a comparsa della palette Carattere.


Passaggio 8

Ora abbiamo bisogno di separare i paragrafi visivamente. Questa separazione può essere fatta in molti modi, i più comuni dei quali sono: break line (rientro all'inizio della prima riga di un paragrafo) e la spaziatura tra paragrafi.

In questo testo, ho deciso di creare uno spazio tra i paragrafi, ma non solo per l'interlinea, ma impostando uno spazio vuoto dopo ogni paragrafo. Per fare ciò, nella palette Paragrafo imposta lo Spazio dopo il valore del paragrafo uguale a 10pt.


Passaggio 9

E ora voglio parlare di alcuni modi per lavorare con i numeri nel testo. Ci sono 2 tipi di numeri: numeri di testo e numeri di maiuscoletto. È considerata una buona forma usare il primo insieme a lettere minuscole e il secondo con lettere maiuscole.

Come digitare tali numeri? C'è un segreto: entrambi i gruppi di numeri dovrebbero essere presenti nel carattere. La presenza di due serie di numeri è uno dei tratti distintivi di un buon font. Se questi numeri sono nel carattere, inseriscili usando la palette Glifi (Tipo> Glifi), trova il carattere necessario nella tabella e fai doppio clic per inserirlo in un blocco di testo attivo.

Il nostro testo ha due gruppi di numeri. Nel primo caso i numeri sono nella sezione degli ingredienti - lasciali invariati, intendo tutti i numeri di maiuscoletto. Il secondo gruppo di cifre sono le cifre della temperatura di Fahrenheit e il carattere della temperatura è nel testo principale. Con l'aiuto della palette Glifi, rendili minuscoli.


Passaggio 10

Il nostro testo contiene un elenco puntato di diversi elementi. Sostituisci il trattino all'inizio della lista sul punto elenco con l'aiuto della palette Glifi. È importante organizzare correttamente il trattino. Per fare ciò, selezionare lo spazio tra il punto elenco e la parola e premere TAB. Fallo in ogni riga della lista.

Controlla se c'è un simbolo di tabulazione ovunque, e non ci sono spazi extra. Per fare questo, vai su Tipo> Mostra caratteri nascosti. Il carattere tab dovrebbe essere rappresentato da una freccia (lo spazio è rappresentato da un punto, non dovrebbero esserci spazi).

Seleziona le righe con gli elementi dell'elenco e apri il pannello delle schede (Finestra> Tipo> Schede). Posiziona il marcatore della scheda sulla casella della regola nel punto da cui iniziano gli elementi della lista.

Nota: gli elenchi puntati devono essere formattati con l'aiuto del pannello Tabulazioni, ma in nessun modo utilizzando più spazi.


Passaggio 11

Il tuo testo potrebbe contenere trattini. È un errore grossolano inserire un trattino o un trattino doppio anziché un trattino! C'è un carattere per il trattino che possiamo digitare facendo clic su Opzione + Maiusc + _ per Mac (Alt + 0151 per Windows). Sostituisci i trattini con trattini dove necessario.

Esistono due tipi di trattini: breve (breve) e lungo (breve). "En dash" è composto da una combinazione di tasti Opzione + _ per Mac (Alt + 0150 per Windows). È usato per indicare la spaziatura tra le date.


Passaggio 12

Ora voglio parlarvi di questa formattazione del testo come la punteggiatura di Roman Hanging. In questo testo per un uso più visivo della punteggiatura di Hanging Roman, abbiamo usato l'allineamento del testo a destra "Giustifica con l'ultima linea allineata a destra" nel pannello Paragrafo.

Per applicare la punteggiatura a sospensione romana, vai a Tipo> Allineamento margine ottico, quindi nel menu a comparsa Paragrafo selezionare la punteggiatura Pendenza romana. Con queste azioni, Adobe Illustrator prende tutti i caratteri di punteggiatura estrema destra dietro le linee laterali e allinea otticamente l'intero testo.


Conclusione

Per aggiungere autenticità al testo, è possibile modificare la forma di alcune lettere. Per questo, nel pannello OpenType (Finestra> Tipo> OpenType) premi i pulsanti mostrati nell'immagine sottostante.

Il programma sostituirà automaticamente i caratteri con le legature (legatura (dalla ligatura latina) - è un carattere di qualsiasi sistema di scrittura, formato unendo due o più lettere). I personaggi che hanno sostituti contestuali saranno sostituiti dalle loro alternative. Legature e alternative contestuali, sfortunatamente, non sono disponibili in tutti i tipi di carattere.

Come risultato della nostra trasformazione abbiamo ottenuto il seguente testo.

Nota: l'intero descritto sopra può essere utilizzato per la formattazione del testo in Adobe InDesign.