A questo punto, dopo aver praticato i concetti di Letterforms in The Core, sei pronto per iniziare a passare a cose più grandi e migliori!
Questo tutorial ti aiuterà a capire i vari tipi di tipografia che esistono intorno a noi, come la tipografia che vedi nei libri, nei cartelloni pubblicitari, nella segnaletica del negozio e in ogni altra via di mezzo. Acquisirai una grande quantità di informazioni per aiutarti a decifrare le caratteristiche tipografiche e qual è il loro utilizzo al giorno d'oggi.
Inoltre, poiché questa è una classe per principianti incentrata su lettering e tipografia, userò alcuni termini che potresti non sapere. Ecco un elenco di termini che potresti voler leggere solo nel caso in cui non sei sicuro di cosa siano:
Un'ultima cosa da notare su questo tutorial prima di andare troppo oltre: questo tutorial parla di disegno lettere e include molte informazioni sul "perché" facciamo certe cose quando si tratta di tipografia. Questo tutorial è più di una guida per fornirti le basi e la comprensione, pur continuando a permetterti di farlo crescere e praticare da soli. Se ti fornissi le dimensioni esatte dei piccoli dettagli e avessi fornito ogni piccola informazione, sento che non impareresti e cresceresti tanto da solo. L'iscrizione riguarda esclusivamente la pratica e la persistenza.
Detto questo ... Pronto? Iniziamo!
Fortunatamente, non ci sono molti strumenti necessari questa volta, dato che in pratica stiamo per disegnare. Ecco una lista molto piccola per aiutarti a iniziare:
Andiamo avanti e stampiamo questo PDF (o l'anteprima su qualsiasi dispositivo di visualizzazione che ti piace) come riferimento durante l'intero tutorial. Vedremo questi volti mentre cogliamo e comprendiamo ogni stile di tipografia.
Perché stiamo usando HEAO? Bene, queste quattro lettere sono la combinazione perfetta di tratti verticali, orizzontali, diagonali e curvi. Questi quattro tratti base costituiscono ogni singola forma di lettera immaginabile. Quindi concentrarsi su quelle basi ti darà un ottimo inizio per aiutarti a disegnare le restanti 22 lettere dell'alfabeto.
Ecco l'elenco dei caratteri tipografici che studieremo. Queste sono alcune facce standard che quasi tutti i computer hanno già precaricato su di esso (ad eccezione di Old London, potrebbe essere necessario scaricarlo altrove se desideri per riferimento futuro, ma non preoccuparti, è gratuito!)
Stiamo per impostare una "guida" o un modello da utilizzare in questo tutorial. Questa pagina conterrà l'altezza del cappuccio e la linea di base su cui le tue lettere si appoggeranno durante questo tutorial.
Tutto ciò che serve è un foglio vuoto di carta da 8,5 "x 11". Inizia misurare fuori 3 " dall'angolo in basso a destra e facendo un segno. Fai lo stesso dal lato opposto della carta e collegare i punti!
Ora che abbiamo appena creato la linea di base, formiamo la nostra altezza del cappuccio. Dalla linea di base che hai appena creato, misurare fuori 2 " e fai un altro segno nell'angolo in basso a destra. Poi, fai lo stesso sul lato in basso a sinistra. Collega questi punti e hai una pagina guida completa che utilizzeremo il resto di questo tutorial.
Raccogli tutti i materiali per disegnare forme di lettera. Ciò include carta, matita, gomma e temperamatite (se necessario). Iniziamo disegnando e comprendendo la struttura delle forme di lettera sans-serif.
Con il tuo "foglio di riferimento" di fronte a te, studia il peso, il contrasto, lo spazio negativo e ogni piccolo dettaglio sulle forme delle lettere. Studia esattamente come è composta questa lettera.
Tieni la tua pagina di guida di fronte a te con un pezzo di carta bianco in cima. Utilizzeremo la pagina di guida per consentire alle nostre forme di lettere di adattarsi allo spazio di 2 "che abbiamo creato con l'altezza del cappuccio e la linea di base.
Può sembrare sciocco, ma cosa rende un H un aspetto magnifico? Cosa rende il look H corretto? Bene, la risposta è, tratti verticali coerenti (lo stesso peso) così come un tratto orizzontale leggermente più sottile per collegare i tratti verticali.
Se hai studiato la tipografia per un po ', noterai i piccoli dettagli come una differenza di 0,5 millimetri di peso sulla barra orizzontale. Perché la barra trasversale è quasi un'attaccatura dei capelli più piccola dei tratti verticali? Perché l'H ha bisogno di sentirsi equilibrato e non sovrappeso dove i tratti si incontrano. Con la minuscola differenza di attaccatura dei capelli, l'H diventa più piacevole alla vista e non un pugno nell'occhio quando viene letta a piccole dimensioni. Questi piccoli dettagli non sono necessari solo per il design del testo, ma anche per l'lettering.
Tenendo tutto ciò a mente, disegna due tratti verticali con la stessa larghezza e una traversa con una differenza di attaccatura dei capelli. La larghezza della H spetta a te se desideri esplorare, ma per questo tutorial lo renderemo simile al nostro foglio di riferimento.
Quindi, affrontiamo la lettera E. Proprio come hai fatto con la lettera H, studia le sue caratteristiche. Presta attenzione ai piccoli dettagli! Se guardi abbastanza vicino, puoi notare il la traversa centrale è più corta delle traverse superiori e inferiori. Perché? La traversa centrale è solo un po 'più corta per aiutare l'equilibrio e distribuire uniformemente il peso attraverso l'intera forma di lettera. In sostanza aiuta ad aprire lo spazio negativo all'interno della E in modo che non si senta così pesante. Inoltre, proprio come la H, le barre trasversali sono una linea sottile per aiutare anche il peso complessivo. Tieni a mente queste cose quando disegni collegamenti di tratti orizzontali e tratti verticali!
Così, disegnare un tratto verticale e tre tratti orizzontali per formare l'E. Assicurati che anche la traversa centrale abbia una larghezza un po 'più corta!
Ora che la nostra E è completa, passiamo alla A. Ancora, studiamo come è composta la A. Cosa lo fa sentire equilibrato? Cosa succede se la barra trasversale viene sollevata? Puoi verificarlo nel tuo disegno, ma penso che lo troverai piuttosto strano, vero? La barra trasversale è centrata otticamente in modo che lo spazio negativo all'interno della controforma sia uguale allo spazio negativo appena sotto la traversa.
Come fai a sapere quale angolo disegnare i tratti verticali? Beh, non lo sai, perché dipende tutto dalla larghezza della forma della lettera. Se vuoi un A veramente magro, i tuoi angoli saranno incredibilmente ripidi. D'altra parte, se vuoi una A ampia, i tuoi angoli saranno più moderati.
Disegna due tratti angolati che si incontrano nel mezzo. Poi, aggiungi quella barra trasversale ed è bello andare! Usa la gif sotto per capire come ho formato la A con ogni colpo.
Bene, ce l'abbiamo fatta abbastanza lontano! Finiamo questa combinazione sans-serif con la lettera O. Studiamo ancora una volta il foglio di riferimento e comprendiamo come questa O è stata creata ed equilibrata. Potete vedere che i punti nord e sud (verticali) della O sono sempre leggermente più sottili di peso rispetto ai punti est e ovest (orizzontali). Perché la controforma del cono di O è così? Quella tapering è ancora un altro bilanciamento per rendere il peso più facile agli occhi quando viene letto all'interno di una parola o frase.
Se leggi il tutorial di Letterforms at Their Core, sai che le curve di O si estendono sopra e sotto la linea di base e l'altezza del cappuccio.
Sono molte informazioni in un breve lasso di tempo. Ci sono tonnellate di pratica coinvolte nel rendere i tuoi colpi l'angolo giusto e le tue curve belle e fluide, non preoccuparti, tutto arriva nel tempo! Continua a praticare! Ripeti i passaggi da 1 a 5 se pensi di aver bisogno della pratica. Se non sei soddisfatto del modo in cui appaiono le tue forme di lettera, rimuovi il foglio dalla pagina di guida e ricomincia!
Prima di iniziare, voglio che studi queste lettere per un po 'più a lungo. Cosa rende una forma di lettera serif diversa da una sans-serif? Bene, un carattere serif ha serif! Mentre un sans-serif non ha serif. Quindi, la parola "sans", che significa senza in francese.
Inoltre, c'è contrasto in queste forme di lettera. Alcuni tratti sono sottili mentre altri sono più spessi. Perché? Se ripensate a come sono state create queste lettere, gli spessi e i sottili sono impliciti dalla direzione e dall'angolo della penna o dello scalpello. Ad esempio, se stai tirando la penna verso il basso verso di te, generalmente la penna rilascerà più inchiostro da quando viene applicata la pressione. D'altra parte, se stai trascinando la penna da sinistra a destra o verso il basso verso l'alto, il tratto sarà più sottile, poiché la pressione non viene applicata.
Un serif è il tratto finale della forma della lettera che generalmente proietta verso l'esterno dell'ictus. Quindi, per le cose semplici, basti pensare al disegno di forme di lettera sans-serif, ma poi aggiungere i serif in seguito. Vedrai cosa intendo con il processo qui sotto.
Inizia studiando i pesi dei tratti in H. Disegniamo un sans-serif H per iniziare.
Usando quel precedente "sans-serif" H, aggiungiamo ora i serif. Non si estendono troppo dal tratto quindi tienili circa un quarto di pollice o meno. Dipende tutto da te! La chiave è assicurarsi che i tuoi serif siano coerenti e simili sull'intera letteraforma, come nell'immagine qui sotto. E l'ultima cosa da notare, la barra trasversale è molto più sottile, quindi assicurati di tradurla anche nel tuo disegno.
Passiamo all'E. Di nuovo, inizia disegnando un sans-serif E (eccetto tenendo presente che i pesi delle barre trasversali sono molto più chiari), quindi aggiungendo i serif in seguito. L'unica differenza con la E è che i Serif non si estendono a sinistra ea destra come i Serifs su H. Invece, i Serifs si estendono verso il basso e verso l'alto sulle varie traverse.
A differenza del sans-serif A, questo serif A ha più di un apice appuntito piuttosto che piatto (è tecnicamente piatto verso l'alto, ma così piccolo non è quasi visibile! Quell'apice piatto fa la differenza però). Di nuovo, inizia disegnando un sans-serif A ma assicurandoti che il tratto sinistro sia sottile e che il tratto destro sia spesso. Una volta fatto, aggiungi i serif verso il fondo dei tratti angolati ed è completo.
Ottenere le curve di O è probabilmente ancora piuttosto difficile. Prende solo ripetizioni e pratica, quindi continua! Prestare attenzione al peso, alla larghezza e al contrasto di questa lettera. A differenza del sans-serif O, questa forma di lettera ha molto meno peso sulle curve nord e sud (quel peso è creato dalla pressione della penna quando si disegna una O).
E con quello, hai un HEAO serifato finito!
Le forme delle lettere Slab-serif sono piuttosto esplicative. In sostanza, basti pensare a un carattere tipografico sans-serif con "lastre" su entrambe le estremità dei tratti piuttosto che sulle sottili serigrafie affusolate come le precedenti forme di caratteri serif che abbiamo appena fatto.
L'unica cosa da ricordare con le facce serif lastra è che le lastre hanno generalmente lo stesso peso delle barre trasversali (il che significa che sono più sottili rispetto ai tratti verticali).
Iniziando con la lettera H, cominciamo disegnare un altro sans-serif H. Quindi, aggiungi quelle lastre alle parti superiori e inferiore dei tratti verticali. Presta attenzione al peso: potrebbe essere solo un'attaccatura dei capelli, ma fa la differenza!
Passa alla E quando sei pronto. Proprio come hai fatto prima, inizia con il sans-serif e aggiungi alcuni slap-serifs! Basta notare non c'è una lastra sulla traversa centrale della E. Non c'è lastra perché se esistesse, consumerebbe tutto lo spazio negativo all'interno della forma della lettera e sembrerebbe troppo pesante.
Bene, hai questo A. Nessuna spiegazione davvero necessaria! È quasi identico al sans-serif A. L'unica differenza? Esatto, slap-serifs. Aggiungili e sei a posto!
Ora, qualsiasi cosa con una curva in genere non ha una lastra collegata ad essa, a meno che non si tratti di una curva come una P, R, B, ecc., Che si connettono a un tratto verticale. Ad ogni modo, per questo O, decidete su una buona larghezza (ovviamente provate ad abbinare il nostro foglio di riferimento, a meno che non stiate provando qualcosa di unico e diverso!) E inizia a disegnare (quasi) un cerchio perfetto. Semplice come quella!
Ecco il nostro Slab-Serif HEAO completato!
Permettetemi di lanciare un piccolo disclaimer prima di entrare in questa sezione. La scrittura di script è un altro argomento in sé. Scriverò una classe separata per le formule di script per farti comprendere veramente le cose da fare e non fare. Ci concentreremo su alcuni dettagli minori della sceneggiatura, basati sul carattere tipografico Snell Roundhand, per dare una piccola introduzione alla sceneggiatura.
Cose da notare mentre pratichi: la scrittura di sceneggiature veniva generalmente eseguita con una sorta di strumento per la calligrafia come una penna per dipingere, una penna obliqua, ecc. Questo è qualcosa da ricordare quando si cerca di capire lo spessore, i sottili e altre caratteristiche. Inoltre, con uno stile di scrittura di caratteri, di solito è solo la prima lettera all'interno della parola che è maiuscola, non l'intera parola. Ho solo mantenuto l'HEAO in maiuscolo per rimanere coerente con gli altri stili tipografici che stiamo imparando.
Tenetelo a mente quando praticate i passaggi seguenti. Iniziamo!
Aggiungi i terminali a croce e a goccia e questa H è completa! (Nota: il tratto addizionale "swash" sul tratto a sinistra di H è opzionale.) Ulteriori dettagli e informazioni sugli "extra" saranno trattati in un altro tutorial)
Se dai un'occhiata a questo script E, noterai che è piuttosto strano. Sicuramente una forma di lettera unica. E la parte migliore è che si forma in un solo colpo della penna.
Per formare questa E, inizia un po 'sotto l'altezza del cappuccio, curva verso l'alto in alto a destra e portalo in senso antiorario e verso il basso verso il centro del tuo spazio di 2 "sulla tua pagina di guida. Una volta che è completo, curva verso l'esterno e verso il basso a sinistra e cerchiate in alto a destra mantenendo la curva al di sotto della linea della barra trasversale.Questa gif vi aiuterà a capire il processo un po 'di più.
Se si confrontano il tratto della mano destra della H e il tratto della mano destra della A, sono esattamente gli stessi! (a parte piccole differenze di peso in cui inizia la corsa).
Detto questo, inizia con il lato destro della A (questa è solo la mia preferenza)ed essenzialmente disegna ciò che hai già fatto con il tuo H. Quindi, finiscila disegnando il tratto sottile con la stessa angolazione di 45 gradi. Hai la possibilità di aggiungere il terminale a goccia o lasciarlo completamente fuori.
Aggiungi quella barra trasversale ed è bello andare!
Lo script O dovrebbe sembrare abbastanza simile a disegnare un serif O. L'unica differenza qui è l'angolo di 45 gradi e pesi variabili.
Con questo in mente, inizia l'O appena un po 'sotto l'altezza del cappuccio e mantieni i colpi spessi sul lato sinistro e inferiore sinistro, nonché sul lato destro e superiore destro della O.
Il tratto di uscita in cui si estende al di fuori della O è un altro tratto opzionale. Ti insegnerò di più su prosperare, swash, ecc., In un tutorial successivo.
Ecco la nostra sceneggiatura completa HEAO!Cosa rende decorativa una forma di lettera decorativa? Essenzialmente, sono solo le campane e i fischi extra che vengono aggiunti al viso per dargli un fascino in più. Ad esempio, nel carattere di Rosewood che abbiamo a che fare con il foglio di riferimento, l'ombra esterna, la forma a rombi e il colore diviso rendono questo "decorativo"Se tutte quelle cose extra non fossero incluse, questo sarebbe solo un normale carattere tipografico lastra-serif.
Quindi, per quanto ti insegna questo stile, non c'è molto che possa insegnare dato che è totalmente da te decidere come abbellire il tuo tipo. Un ottimo sito web per vedere tonnellate di stili decorativi sarebbe Typefight.
Iniziamo ad usare ancora una volta le nostre forme di lettera con caratteri slap-serif. L'unica differenza con queste forme di lettera è la larghezza delle lettereforme e delle parentesi all'interno dei caratteri tipografici. Quindi, estrai ogni forma di lettera, H, E, A e O. L'hai fatto più volte ora, quindi dovrebbe essere più facile questa volta!
Ora che hai disegnato le tue forme di base, è tempo di abbellire. Per fare ciò, utilizzeremo la stessa tonalità di direzione utilizzata da Rosewood, ma cambiamo un po 'e produciamo una piccola ombra anziché una grande ombra esterna. Quindi, in pratica traccia una linea aggiuntiva attorno a ogni letteraforma sul lato destro e sul lato inferiore.
Invece di copiare lo stile esatto del palissandro, riempiamo le forme delle lettere con una matita leggera per renderle un valore grigio chiaro.
Per finirlo, diamo al nostro tipo degli "speroni". In sostanza, aggiungiamo un piccolo triangolo su qualsiasi lato della forma della lettera che ti piace. Ho disegnato il mio a sinistra.
Per aggiungere ancora di più, aggiungiamo il cerchio con due triangoli appuntiti a nord ea sud del cerchio. Ripetilo tra tutte le restanti lettere e penso che possiamo chiamarlo un giorno.
Come ho detto prima, questo intero processo dipende totalmente da te! Hai la libertà creativa di abbellire la tua tipografia come preferisci.
Le formule a lettere nere sono un'altra bestia da affrontare in una classe separata, ma fornirò ancora alcune nozioni di base per iniziare nella giusta direzione!
Per capire come sono formati, hai bisogno di un po 'di storia. Black-letter è anche chiamato Gothic Script perché è una forma di calligrafia. È stato usato molto ampiamente in Europa per quasi ogni tipo di documento / libro poiché tutto è stato scritto a mano fino all'invenzione della stampa di Johannes Gutenberg.
Ci sono una grande varietà di stili di forme di lettere nere. Le capitali che praticherete sono di un approccio più "moderno" ai personaggi di lettere nere formate nei primi secoli XII-XVII.
Ovviamente, dall'aspetto di questi personaggi, puoi dire che sono piuttosto complessi, con molti tratti verticali, angolati e curvi. Per capire come sono formati, è necessario sapere quali strumenti sono stati utilizzati. Un semplice pennino a punta larga che produce una linea dritta di inchiostro è l'utensile di scelta. Se lo desideri, puoi acquistare la penna pilota parallela per esercitarti. Ma dato che questa lezione riguarda disegno forme delle lettere, iniziamo a disegnare piuttosto che scrittura.
A partire da H, andiamo forma il primo tratto verticale a sinistra. Disegna quel tratto tenendo presente il peso sottile verso l'alto e il basso e il peso più spesso al centro. Inizia sottile e diventa gradualmente più spesso a causa del peso implicito dal pennino a bordi larghi e mantenendo l'angolo di 45 gradi.
Quindi, formiamo il colpo orizzontale inferiore. Ora dovrebbe sembrare quasi una "L".
Continua oltre e aggiungi il secondo tratto verticale che si collega alla base del tratto orizzontale appena creato.
Infine, aggiungi questa curva per finire questo H. Ulteriori tratti aggiuntivi che si estendono dalla forma delle lettere sono opzionali, ma ho incluso il processo nella gif come riferimento.
Andando avanti verso E. Questo dovrebbe essere relativamente facile per te se hai completato il tutorial Lettering: Letterforms at Their Core.
Inizia formando un semicerchio (la ciotola della E). Successivamente, aggiungiamo il tratto verticale che è solo un po 'alla sinistra del centro. Guarda il peso mentre si collega alla ciotola.
Successivamente, aggiungi la "barra trasversale" o il tratto orizzontale della E verso l'alto. Si collegherà al tratto verticale appena creato. Guarda di nuovo il peso. Assicurati che non diventi troppo pesante in alto.
Infine, formiamo l'ultimo tratto orizzontale che si trova appena sopra il centro di E. Prendiamo per prima cosa quel sottile tratto verticale lungo il centro dell'E. Quindi, collega la seconda traversa orizzontale direttamente a quel sottile tratto verticale che abbiamo creato. La forma della lettera finita sarà simile a questa.
Andando avanti con la A, iniziamo con tratto verticale a destra. Presta attenzione al peso ancora una volta, man mano che diventa più sottile a più spesso da cima a fondo.
Il prossimo, aggiungi la corsa dell'angolo di 45 gradi per completare la struttura della A. Quindi, aggiungere quella traversa.
Ora qui è dove hai la possibilità di aggiungere tutti i tuoi abbellimenti. Dico che aggiungiamo il tratto curvo dalla parte superiore della A alla barra trasversale.
Con l'O, questo dovrebbe essere relativamente semplice anche se hai imparato le curve della lezione precedente. L'unica differenza è l'inizio piatto del tratto sul lato sinistro della O.
Quindi, dall'inizio disegnando la prima curva a sinistra, e poi, aggiungi la curva a destra per completare il cerchio. Tieni presente che la parte superiore sinistra deve essere piatta anziché rotonda come il resto della forma della lettera.
Infine, andiamo aggiungi il solo tratto verticale a sinistra all'interno di O. Di nuovo, hai la possibilità di disegnare le linee più sottili. Spetta a te quello che fai con queste lettere!
Per comprendere veramente le forme e le strutture che prendono queste forme di lettera specifiche, è meglio scriverle con un pennino a punta larga e capire i tuoi spessi e i loro sottili creati dall'angolo e dalla direzione della penna. La scrittura gotica (lettera nera) è una forma d'arte in sé. Consiglio vivamente di praticarlo prima di iniziare disegnare le forme perché aiuterà i tuoi occhi e la tua mano a comporre le lettere su carta senza scrivere le forme.
Ecco la lettera nera completata HEAO!
Ad essere onesti, non ho mai disegnato lettere monospaziali per un cliente. Non è così attraente come il resto degli stili di cui sei ora capace, ma è ancora qualcosa da aggiungere alla base di conoscenza! Non hai mai visto questo tipo di tipografia o quasi mai. Il motivo è che i font monospaziati venivano usati con i primi computer e i loro terminali. Quei computer avevano capacità grafiche molto limitate, quindi era necessario un font di larghezza fissa (monospazio).
Di solito, ogni forma di lettera all'interno di un carattere ha diverse larghezze. Ad esempio, una "W" è molto più ampia di una "J". Ma con le forme delle lettere monospaziali, quelle larghezze sarebbero le stesse.
Detto questo, prestate certamente attenzione alle larghezze generali delle vostre forme a lettera monospaziale. Assicurati che siano tutti uguali!
Con queste forme di lettere, sono molto simili alla faccia con slab-serif che abbiamo creato in precedenza. Unica differenza? Esatto, lastre arrotondate, nonché larghezza costante di ogni forma di lettera.
Disegna quei tratti verticali, aggiungi una barra trasversale, lancia sui serif lastra e sei a posto!
Come sopra, prepara questo E per disegnando un tratto verticale e attaccando tre traverse proprio come abbiamo fatto molte volte sopra. Infine, aggiungi i serif-slab arrotondati ed è completo.
Presta attenzione al peso costante, come se questo fosse il primo esercizio che hai completato durante questo tutorial.
Di nuovo, stesso processo di prima. L'unica differenza con questa A è che un piccolo tratto di uscita è stato aggiunto in alto a sinistra. Oltre a questo, segui gli stessi processi che abbiamo già praticato. Consiste di due tratti diagonali, un tratto orizzontale (per la barra trasversale) e le lastre arrotondate.
Finiamo questo O e avremo finito! Estendi le curve leggermente sopra e sotto le linee guida della tua "pagina di guida" che hai sotto. Disegna quelle curve e assicurati che la larghezza sia la stessa delle tue forme di lettere precedenti.
Ora, hai te stesso un HEAO monospaziale completato!
Pratica, pratica, pratica. Alcuni di quei primi disegni iniziali potrebbero non sembrare come li vuoi, e va bene! Ho iniziato nello stesso identico luogo. Proprio come qualsiasi cosa nella vita, tutto richiede pratica e pazienza. Dagli tempo e fatica, e sarai grande.
Se hai bisogno di aiuto o hai domande riguardanti il materiale sopra, sentiti libero di commentare. In bocca al lupo!