Progettare un carattere tipografico, con Illustrator e FontLab, dall'inizio alla fine - Parte 2

In questa puntata di Progettazione di un carattere continueremo con l'opera d'arte dalla Parte 1. Quindi hai trovato il quadro per alcune belle lettere elaborate e hai usato alcuni dei principi di base della tipografia per stabilire un sistema da progettare all'interno . Adesso è il momento di prendere queste regole e scovare in un vero e proprio carattere tipografico. Torna al lavoro, continua a divertirci!


Passo 1

Sia che inizi con la lettera A e vai a Z, o crei gruppi di lettere simili (aceos, lijft, bdghpqy, vwkyxz, mhnur), tutti i personaggi devono essere creati. Preferisco usare forme di lettere simili per generare nuove lettere. Sembra essere un modo più rapido e produttivo di lavorare e aiuta a mantenere le cose coerenti.


Passo 2

Ecco un esempio di creazione di lettere maiuscole simili per forma e forma. Iniziando con la P, che viene creata con una linea verticale, un cerchio e una forma bianca "ritagliata" (1), è sufficiente creare una copia a destra (opzione + Trascinamento) e specchiare il cerchio superiore verso il basso, creando un grezzo base per la lettera B (2). Estendi la forma bianca a sinistra, applica un riempimento sul cerchio inferiore e una forma bianca per ritagliare il resto dei cerchi rimanenti sovrapposti (3). Disegna una linea orizzontale, dal punto in cui i 2 cerchi si intersecano alla colonna vertebrale per creare la lettera B (4). Per creare la R, cancellare semplicemente il cerchio in basso e riflettere la forma bianca di ritaglio (5). Disegna la linea diagonale nella posizione appropriata, creando la lettera R (6).


Passaggio 3

I personaggi con le curve possono essere ingannevoli, la coerenza è la chiave. L'utilizzo delle stesse forme semplificherà il processo. Nota come sto usando le stesse forme esatte per creare più lettere. La g è una p riflessa, con un discensore modificato. Il q usa le stesse forme, tranne che il discensore è riflesso e modificato. J e f usano lo stesso discensore modificato da q.


Passaggio 4

Di nuovo, nota quanto sia semplice creare nuove lettere da forme di lettere esistenti. Potresti aver o vuoi fare delle eccezioni, notare come sei un al rialzo, con una revisione minore.


Passaggio 5

I miei progressi, maiuscoli.


Passaggio 6

E minuscolo.


Passaggio 7

Non eliminare caratteri solo perché non si adattano alla griglia o decidi di non utilizzarli nel set di caratteri finale. Possono ancora essere inclusi come personaggi alternativi, qui ci sono alcuni avanzi.


Passaggio 8

Avanti passa a tutti gli extra; numeri, punteggiatura, caratteri internazionali, ecc ... Ovviamente, è ancora più intelligente usare linee o forme di altri personaggi. Qui la S diventa una e commerciale (&). È molto importante creare un set completo di caratteri, inclusi i personaggi internazionali. Ciò renderà il carattere tipografico più professionale e molto più versatile. Il peggio è quando usi un carattere tipografico e non ha i caratteri necessari. Qui puoi trovare un carattere tipografico abbastanza standard e completo.


Passaggio 9

Periodicamente, controlla e guarda come appare il tuo carattere tipografico quando viene usato. Crea i caratteri per la parola 'hamburgefonstiv', questo è un modo classico per aiutarti a giudicare i tuoi progressi e scovare i personaggi rimanenti. Aiuta anche a controllare le proporzioni dei personaggi e la spaziatura verticale / orizzontale.


Passaggio 10

Ora vorrai apportare eventuali correzioni, modifiche, sostituzioni, ecc ... A seconda del tuo tipo di carattere specifico potresti dover creare alcuni caratteri che richiedono correzioni ottiche. Ad esempio, se metti O e H l'uno accanto all'altro sulle linee guida, l'O potrebbe sembrare leggermente più piccolo (altezza). Anche se sono matematicamente perfetti, potrebbero comunque non sembrare visivamente 'giusti'. Aumentando leggermente l'altezza di O, raggiungendo oltre la linea di base, puoi rendere i caratteri corretti.


Passaggio 11

A questo punto hai deciso il peso o il peso di stoke del tuo carattere tipografico (2.5pt nel mio esempio) e lo hai applicato in modo coerente su tutti i personaggi. Fino ad ora solo le linee (con stokes) e bianche "cropping" sono state usate per creare le lettere. Per poterli inserire in FontLab, non puoi avere tratti o forme multiple, ogni carattere deve avere una forma. Quindi dovrai convertire qualsiasi linea con un tratto in contorni. Seleziona tutte le linee appropriate e vai su Oggetto> Percorso> Cenni di contorno.

Suggerimento: un modo semplice per selezionare tutte le linee appropriate è semplicemente selezionare una linea, usando lo strumento selezione (freccia nera) e vai a Seleziona> Stesso> Peso tratto. Questo selezionerà tutte le linee nere con il tratto 2.5pt.


Passaggio 12

Usa la tavolozza del pathfinder per ritagliare o ritagliare qualsiasi area in cui hai usato la forma bianca per sviluppare la forma della lettera. Per garantire che non ci siano problemi, suggerisco di fare ogni personaggio individualmente. Ad esempio, la D è costruita da un cerchio e una linea verticale e una forma bianca 'ritaglia' il lato sinistro del cerchio (1). Una volta che i tratti sono delineati, seleziona la forma bianca e il cerchio e mentre tieni premuto il tasto opzione, fai clic sull'opzione Sottrai dalla forma nella palette Tracciatore (2). La forma bianca scomparirà, tagliando o "ritagliandosi" il lato sinistro del cerchio. Quindi, seleziona sia la linea verticale che la parte restante del cerchio (opzione hold) e fai clic su Aggiungi all'opzione area forma nella palette del tastatore (3).


Passaggio 13

Ecco i miei personaggi finalizzati, delineati, minuscoli. Ogni lettera è a forma singola. Non ci sono più linee con tratti o forme bianche, solo singole forme espanse. Ho usato solo le lettere minuscole per la visualizzazione, applicare questo processo contorno / percorso a tutti i personaggi.


Passaggio 14

Ok, hai creato il set completo di caratteri, ora è il momento di prepararlo per FontLab. Crea un nuovo documento in Ai, la dimensione del documento dipenderà dal tipo di carattere individuale, il mio è impostato su 1000pt X 1000 punti. Questo sarà il file che utilizzerai per esportare i caratteri da Ai a FontLab, quindi chiamalo come "esportazione". Apri la preferenza Ai (Comando + K), in Griglie e guide imposta la griglia su 10 punti e 10 suddivisioni. Controlla anche le preferenze sotto Gestione file e appunti, devono essere configurati come ho di seguito.


Passaggio 15

Imposta il sistema di guida che hai stabilito per il tuo carattere tipografico. Puoi usare le linee (blu chiaro) che hai disegnato inizialmente (seleziona le linee e Control + Fai clic> Crea guide) o utilizza le guide effettive in Ai. Assicurati di bloccare le guide (Opzione + Comando +;). La scala che si utilizza per questa griglia di esportazione dipende interamente dalla dimensione / dettaglio / forma del carattere tipografico che si sta creando. Per darti un'idea, i numeri che sto usando sono sotto. Dato che in questo tipo di design non ci sono ascendenti, la mia altezza del tappo e la figura dell'ascendente sono le stesse. Per semplicità imposta le linee di base come 0.
Altezza cappuccio: 700, altezza x: 441, discensore: -269


Passaggio 16

Assicurati di avere Vista> Blocca sulla griglia (Shift + Comando + ") su. Infine, posiziona tutti i tuoi personaggi in modo che siano coerenti con le linee guida. Se possibile, prova a ridimensionare tutti i caratteri allo stesso tempo, manterrà le cose sono coerenti e richiederà molto meno tempo.


Conclusione

Complimenti, il design del tuo carattere tipografico è completo, nel passaggio 3 impareremo come prendere le lettere in FontLab e trasformarle in un font funzionante. Di nuovo, questo potrebbe non essere il modo "esperto" per progettare un carattere tipografico, ma è un buon modo se non ti piace disegnare direttamente in FontLab. L'immagine finale è sotto