Nozioni di base sul tipo di disegno e creazione del proprio font scritto a mano

Cosa starai creando

Hai mai voluto dare ai tuoi layout e disegni digitali un tocco davvero personale? In questo tutorial vedremo come è possibile creare un font dalla propria calligrafia, da utilizzare sul computer. 

Il tutorial sarà diviso in tre parti. In primo luogo, esamineremo le basi del disegno di un carattere tipografico. Quindi, una volta che ci siamo riscaldati, vedremo come è possibile ottimizzare la calligrafia per garantire alta qualità e versatilità. Infine, analizzeremo alcuni metodi diversi per ottenere il font sul computer e convertire le lettere disegnate a mano in un font digitale.

1. Pratica il tipo di disegno

Cosa ti servirà per la prima parte di questo tutorial:

  • disegno di carta (bianca)
  • matita HB o 1H affilata
  • righello con misure millimetriche

Probabilmente scrivi annotazioni o elenchi scarabocchiati ogni giorno, ma raramente sei consapevole della tua calligrafia. Quando improvvisamente diventi molto consapevole della tua calligrafia, può iniziare a sembrare innaturale.

Dovresti prima entrare in una modalità di scrittura più naturale. Trovo che il modo migliore per farlo sia esercitarsi nel disegnare un carattere tipografico. Questo è anche molto utile in quanto ti rende più consapevole delle caratteristiche chiave di un carattere tipografico, e ti rende più capace di riconoscere caratteristiche comuni (consistenze) tra diversi caratteri all'interno di un carattere tipografico. Ciò si rivelerà utile quando iniziamo a perfezionare i nostri caratteri scritti a mano e li ottimizziamo per la digitalizzazione.

Passo 1

Appoggia il righello sulla pagina, con un angolo orizzontale, dritto come puoi. Prendi la matita affilata e, premendo moderatamente forte, disegna una linea sopra il bordo superiore del righello. 

Se il tuo righello è un righello standardizzato largo 30 mm, puoi mantenere il righello in posizione e tracciare una seconda riga lungo il bordo inferiore del righello. Ciò ha il vantaggio di garantire che entrambe le linee siano perfettamente parallele. Altrimenti, crea semplicemente due linee orizzontali, 30 mm a parte. La linea inferiore rappresenta il Baseline, e la linea superiore è il Altezza del cappuccio

Segna la cima 10 mm terzo dell'altezza totale tra le linee e tracciare una terza linea orizzontale con il righello e la matita, premendo più leggermente per ottenere una linea leggermente più debole. Questa linea rappresenta il x-altezza. Colora i tuoi termini tipografici, come x-height e baseline, nel mio articolo su The A to Z of Typography.

Passo 2

Puoi ripetere la sequenza di linee, usando le stesse misure di Passo 1, per creare una pagina piena di linee. Questa è la tua griglia di scrittura, sulla quale puoi esercitarti a disegnare caratteri tipografici.

Passaggio 3

Aprire un programma software in cui è possibile modificare facilmente il testo, ad esempio Adobe InDesign, o anche Microsoft Word o pagine

Seleziona un classico Serif carattere tipografico, come ad esempio Adobe Caslon Pro, che è mostrato qui, o Garamond. Per esercitarti nel disegno di un carattere tipografico è meglio scegliere un carattere serif per disegnare all'inizio, poiché i caratteri sans serif hanno caratteristiche più sottili e può essere più difficile disegnare con precisione se sei un principiante.

Digita i seguenti caratteri: 'H n o y', con uno spazio tra ciascuno. Questi sono buoni personaggi da scegliere, poiché mostrano una gamma di caratteristiche diverse: due steli verticali e una barra trasversale sulla 'H', un'apertura e serif sulla 'n', un contatore completamente racchiuso sulla 'o', e un Discensore ampio e braccia diagonali in minuscolo 'y'.

Se lavori in InDesign puoi anche attivare la griglia della linea di base (Visualizza> Griglie e guide> Mostra griglia di base) per vedere più facilmente come le proporzioni dei personaggi si allineano l'una con l'altra.

Fai esplodere i personaggi su larga scala sullo schermo, o ingrandisci. Ora puoi iniziare a disegnare i personaggi. Alternare tra usare il righello e disegnare tratti a mano. Non preoccuparti se i tuoi tentativi sembrano un po 'disordinati: lo scopo di questo esercizio è quello di familiarizzare con il tipo di disegno e di osservare le caratteristiche del carattere tipografico e le somiglianze (o differenze) tra ogni carattere.

Noterai che i caratteri tipografici serif si basano sui principi di simmetria e ordine. Estendi i tratti dal bordo dei personaggi e nota gli angoli e le proporzioni. Gli steli hanno quasi sempre la stessa larghezza, qualunque sia il carattere, ma potresti notare che la dimensione dei serif è leggermente più grande sulla "H" maiuscola. Si noti inoltre che alcune parti dei personaggi sono più sottili; questi tipi di ictus sono chiamati hairlines.

Passaggio 4

Anche se non applicheremo tutte queste caratteristiche al nostro font scritto a mano, è molto importante riconoscere che tutti i tipi di carattere sono governati da un insieme di regole, sia formali, che è più comune con il tipo serif e sans serifs, o informale, che è più comune con caratteri tipografici disegnati a mano, dipinti o manoscritti.

Una volta che hai praticato il disegno di un carattere, o più caratteri tipografici, se vuoi, dovresti iniziare a fare un po 'di ricerca sui caratteri manoscritti, per aiutarti a pensare a come vuoi che il tuo font scritto a mano sia organizzato.

Vai a un sito di risorse font come FontSquirrel o DaFont e dai un'occhiata ai font scritti a mano disponibili lì. Scegli un font che pensi condivida le qualità con la tua calligrafia e scaricalo. 

Scegli un programma software che ti consenta di visualizzare il set completo di caratteri nel carattere. Adobe InDesign è una buona scelta, ma potresti anche usarla glifi, che esamineremo più da vicino in seguito.

In InDesign, crea una cornice di testo e imposta il Font al tuo font appena scaricato. Ecco, ho scelto Wagnasty. Vai a Finestra> Tipo e tabelle> Glifi per aprire il glifi pannello. Sarai in grado di vedere il set completo di caratteri disponibili nel carattere tipografico. 

Prendi nota dei tipi di personaggi presenti e di ciò che è notevolmente assente. Ad esempio, in Wagnasty abbiamo:

  • un set completo di lettere maiuscole, dalla A alla Z
  • nessuna lettera minuscola
  • un set completo di numeri, da 1 a 9
  • punto (.), virgola (,), due punti (:), punto e virgola (;), punto esclamativo (!), punto interrogativo (?)
  • apostrofo (')
  • parentesi tonde (parentesi) (), parentesi quadre [], parentesi graffe / parentesi graffe e galloni <>
  • alcuni simboli matematici / equazione di base (= +%)
  • hashtag (#)
  • alcuni simboli di valuta
  • asterisco (*)
  • barra (/), barra rovesciata (\), trattino (-), trattino mobile (~), barra verticale (|)

Questo è un insieme di caratteri base che ti permetterebbe di scrivere la maggior parte delle cose nella lingua inglese senza troppi problemi.

Dovresti anche notare se il carattere ha pesi aggiuntivi, ad es. grassetto o corsivo. Più spesso, un font scritto a mano avrà solo un peso regolare, in quanto il carattere deve sembrare autentico. L'applicazione di un peso diverso potrebbe sembrare innaturale.

La maggior parte dei font scritti a mano ha un set di caratteri altrettanto semplice. Piace Callie Hand:

O alcuni potrebbero includere alcuni altri, come rivista, che include alcuni simboli o immagini bizzarri disegnati a mano:

2. Scrivi i tuoi personaggi

Ora che hai praticato il disegno dei caratteri, e hai dato un'occhiata alla gamma di caratteri manoscritti e ai personaggi disponibili all'interno di ogni set di caratteri, puoi iniziare a pensare di mettere insieme il tuo carattere tipografico personalizzato.

Per questa sezione del tutorial avrai bisogno di quanto segue:

  • carta a righe (un vecchio taccuino trasandato sarà sufficiente)
  • disegno di carta (bianco e con una certa consistenza se vuoi dare un aspetto più informale e rustico ai tuoi personaggi)
  • matita HB o 1H affilata
  • righello con misure millimetriche
  • una penna a inchiostro liquido a punta fine in nero (mi piace usare un pilota Hi-TecPoint)
  • gomma per cancellare

Passo 1

Molte persone avranno sviluppato nel tempo due o più varianti della loro calligrafia. Quando scrivo passaggi più lunghi di testo, la mia calligrafia tende a unirsi e si inclina leggermente a destra, creando un tipo corsivo in corsivo.

Tuttavia, ci sono un certo numero di problemi con il tentativo di convertire in corsivo o lo script, la scrittura a mano in un font digitale. Dovresti assicurarti che il crenatura (spazio tra i caratteri) sia impostato in modo molto preciso, in modo che i caratteri appaiano sempre perfettamente uniti. Dovresti anche assicurarti che ogni combinazione di caratteri sia perfettamente unita, il che è molto difficile senza dover passare ore a modificare lo script sul tuo computer.

Quindi, a meno che tu non stia cercando un mal di testa, ti consigliamo di cercare di digitalizzare la calligrafia che non sia corsiva. Invece, dovrebbe avere caratteri stand-alone che non dovranno essere affinati per corrispondere con precisione a qualsiasi dato personaggio adiacente. 

Fortunatamente, uso spesso una diversa variante della mia calligrafia, solitamente per annotare documenti o scrivere note rapide. È tutto impostato in maiuscolo e non è unito. Anch'esso ha una leggera inclinazione italica.

Scegli un breve passaggio da un libro e copia il testo su carta a righe utilizzando il tuo stile naturale di scrittura a mano. Mentre fai del tuo meglio per mantenere la scrittura naturale, cerca di assicurarti che i personaggi non siano uniti o che si toccino troppo. Non importa se mischi lettere maiuscole e minuscole. Ma nota, se vuoi farlo, dovrai alla fine creare un set completo di caratteri maiuscoli e un set completo di caratteri minuscoli.

Puoi anche esercitarti a scrivere alcuni simboli, come punti esclamativi o parentesi.

Puoi usare questo passaggio del libro come riferimento utile per quando inizi a creare il tuo campione finale di scrittura. Non è sempre naturale scrivere singoli caratteri, in un ordine da A a Z, quindi puoi guardare oltre il passaggio e vedere come hai creato una "G" o una "F", ad esempio, quando stavi scrivendo un modo naturale e scorrevole.

Passo 2

Ritorna alla tua carta da disegno. Prendi la matita e il righello e, seguendo Passaggi 1 e 2 di Prima parte del tutorial (sopra), traccia una sequenza di tre linee, che rappresenta l'altezza del cappuccio, l'altezza x e la linea di base. 

Nel Prima parte, abbiamo creato un gruppo di linee che misuravano 30 mm in altezza totale. Tuttavia, se provassi a scrivere in modo naturale a questa scala, certamente ti affannerei! Ridurre l'altezza totale tra il Altezza del cappuccio e Baseline a 6 mm; segna la cima 2 mm terzo di quello per mostrare il x-altezza

Potresti anche scoprire che questo è ancora troppo grande per permetterti di scrivere in modo naturale senza forzare. Scrivi un paio di caratteri sulla carta, per vedere quali dimensioni scrivi in ​​modo naturale i tuoi personaggi. 

Ridurre l'altezza totale a 4 o 5 mm se ti senti più a tuo agio scrivendo su una scala più piccola.

Ripeti la sequenza di linee fino a riempire la pagina.

Passaggio 3

Prendi la tua penna a inchiostro (l'inchiostro nero creerà un buon contrasto per la scansione in seguito) e ruoterà la carta solo un po 'in senso antiorario. Questo per evitare di sforzare troppo il braccio mentre scrivi.

Allo stesso ritmo normalmente scriverai, scrivi i caratteri maiuscoli dalla A alla Z in un colpo solo, lungo la stessa linea se hai spazio. 

Se commetti degli errori, riprova semplicemente nella riga successiva. Ma non preoccuparti di eventuali piccoli errori o stranezze nella scrittura. Vuoi che la scrittura appaia organica e naturale, e perfezionarla troppo ti libererà di ciò.

Facendo riferimento alla lista di personaggi in cui abbiamo annotato Prima parte del tutorial, annota altri personaggi nello stesso stile naturale e alla stessa scala. Se lo desideri, puoi anche scrivere un insieme di lettere minuscole, dalla a alla z.

Passaggio 4

Lascia che l'inchiostro si asciughi completamente, quindi prendi una gomma e sfrega attentamente le linee intorno ai caratteri in modo da lasciare una bella serie di caratteri puliti, pronti per essere scansionati.

3. Scansione e digitalizzazione del font

Per questa parte finale del tutorial avrai bisogno di:

  • uno scanner (o in alternativa un treppiede e una fotocamera digitale)
  • Adobe Illustrator
  • accesso a un editor di font / programma software di conversione, per esempio. FontLab Studio o glifi (è possibile ottenere una prova gratuita di 30 giorni di glifi e una versione mini è disponibile per le app Mac)

Nota: Ti condurremo attraverso il processo di utilizzo glifi in questo tutorial, ma ci sono un sacco di ottimi programmi di editing di tipo là fuori. Io personalmente trovo glifi essere molto user-friendly, ma molti tipografi propongono anche casi forti FontLab e RoboFont.

Passo 1

Impostazione dello scanner su un dpi alto (ho scansionato a 1600 dpi), scansiona nel tuo campione di grafia. 

Salva il file come TIFF o JPEG. Quindi apri Adobe Illustrator e creare a Nuovo documento.

Vai a File> Luogo e seleziona la tua immagine scansionata. Con l'immagine selezionata, apri il Immagine traccia pannello (Finestra> Traccia immagine). Con il Anteprima casella selezionata, impostare il Modalità a Bianco e nero, e regolare il Soglia, percorsi e angoli livelli fino a quando non sei soddisfatto della precisione della traccia. Clic Traccia.

Quindi, con l'immagine ancora selezionata, vai a Oggetto> Traccia immagine> Espandi. Come passo finale, Control-clic (Mac OS) o clic destro (Windows)> Separa. 

Ora è necessario eliminare tutte le sezioni bianche sull'immagine. Apri il Livelli pannello (Finestra> Livelli) e crea un nuovo livello. Trascinalo verso il basso per posizionare il nuovo livello sotto il livello dell'immagine. Seleziona il Strumento rettangolo (M) e trascina per creare un rettangolo che si estende su tutta la tavola da disegno. Impostare il Riempire ad un contrasto di colore brillante.

Ora puoi vedere più facilmente dove c'è bianco sull'immagine. Seleziona l'area bianca attorno all'esterno e cancella. Seleziona le aree bianche più piccole all'interno delle ciotole e dei contatori di caratteri ed elimina.

Hai realizzato con successo la tua calligrafia, ottimo lavoro! 

Passo 2

Ora apri il tuo software di modifica dei font. Qui, ti guiderò attraverso il processo di digitalizzazione del tuo font manoscritto usando glifi.

Vai a File> Nuovo per creare un nuovo font Glifi. Sul lato sinistro della finestra Glifi che si apre vedrai un menu di opzioni, elencando gruppi di caratteri che puoi aggiungere al font. 

Clic Lettera per visualizzare il set completo di opzioni di menu. Per inserire lettere maiuscole, selezionare Lettere maiuscole. Un gruppo completo di caratteri maiuscoli, dalla A alla Z, appare nella finestra.

Fare doppio clic su un personaggio per modificarlo direttamente. 

Salta indietro a Illustratore e selezionare il carattere vettoriale pertinente. Vai a Modifica> Copia.

Ritornare a glifi, e vai a Modifica> Incolla. Glifi posizioneranno il vettore nella finestra, pronto per essere ridimensionato e regolato. I valori numerici nella parte inferiore dello schermo sono modificabili, consentendo di regolare lo spazio sui lati sinistro e destro del carattere, influenzando la crenatura. 

A sinistra della finestra puoi vedere '-' e '+' simboli, che ti permettono di ridimensionare il personaggio. È inoltre possibile regolare manualmente la scala utilizzando il Bilancia) strumento accessibile nel pannello degli strumenti che corre lungo la parte superiore della finestra.

Dovresti usare le guide sullo schermo come guida, posizionando la parte inferiore del personaggio sul Baseline, e la parte superiore del personaggio (se è maiuscola) che incontra il Altezza del cappuccio linea.

Passaggio 3

È possibile tornare indietro per visualizzare il set completo di caratteri facendo clic su Font scheda verso la parte superiore della finestra.

Ripeti il ​​procedimento sopra, facendo doppio clic sui caratteri in Glifi per aprirli e sfogliando avanti e indietro tra Illustrator e Glifi, copiando e incollando i caratteri attraverso.

Puoi anche iniziare ad aggiungere altri tipi di caratteri, usando il menu a sinistra nella finestra Glifi. Dovrai aggiungere manualmente Numeri e Punteggiatura segna, selezionandoli dai menu a comparsa e selezionando creare.

Passaggio 4

Una volta che hai aggiunto tutti i caratteri per il tuo font, puoi dargli un nome. 

Vai a File> Informazioni sui caratteri per aprire una nuova finestra. 

Assegna al font un nome adatto e puoi anche aggiungere ulteriori dettagli, come il tuo nome, il tuo sito web e le tue informazioni sul copyright. Una volta che hai finito, semplicemente chiudi la finestra.

Passaggio 5

Dopo aver modificato i caratteri nel tuo carattere, puoi esportarlo come carattere digitale. 

Vai a File> Esporta

Mantieni le opzioni predefinite come sono, per creare un Font OpenType, quindi fare clic Il prossimo. Salva il carattere in una cartella facilmente ricercabile.

È possibile uscire da Glifi e navigare nella cartella scelta per visualizzare il file di font. 

Puoi quindi installarlo sul tuo computer, come faresti con qualsiasi carattere .otf standard.

Conclusione

Il tuo font scritto a mano è ora completo e pronto per essere utilizzato come carattere digitale tra i tuoi documenti. Usalo per aggiungere un tocco personale a note o annotazioni o incorporarlo in layout di design per rendere la tua opera d'arte davvero unica!

Ricapitoliamo quali lezioni abbiamo trattato in questo tutorial. Abbiamo esaminato:

  • come pratica il tipo di disegno, e riconoscere gli elementi e le regole comuni attraverso i caratteri tipografici
  • come applica queste lezioni di disegno alla tua calligrafia, ottimizzandolo per la digitalizzazione
  • come scansiona la tua opera d'arte e vectorise in Illustrator
  • come converti i tuoi vettori in un font digitale, modificarlo usando glifi o altri software di modifica dei font

Lavoro fantastico! Divertiti a creare più font personalizzati, perché non sperimentare con stili diversi disegnati a mano o dipinti?