Mi ricordo che un anno fa stavo avendo così tanto problemi nel vettorializzare le mie lettere. Ho avuto una buona comprensione dello strumento Penna, ma non avevo idea che ci siano tecniche minori che fanno miracoli per il tuo tipo per creare quelle curve morbide che stai cercando.
Speriamo che questo tutorial risponda a tutte le tue domande riguardo al vettorializzare le forme delle lettere e a quasi tutto ciò che è necessario. Lo stesso processo può essere utilizzato per qualsiasi cosa tu componga all'interno di Illustrator. Nel caso di lettering, la chiave è di avere relativamente pochi punti di ancoraggio mentre si utilizza la corretta posizione dei punti e una varietà di altri trucchi per perfezionare quelle curve, angoli, larghezze, ecc.
Tre cose da notare prima di iniziare:
Innanzitutto, il processo seguente utilizza un lavoro già creato in un precedente tutorial. Per la tua pratica ed esperienza, ti suggerisco di creare / usare il tuo pezzo di lettering, piuttosto che ricreare il mio. È davvero il modo migliore per imparare! Voglio che tu prenda le informazioni qui sotto e le applichi alle tue scritte in modo da avere un pezzo finito che puoi veramente chiamare tuo!
In secondo luogo, questo tutorial non riguarda l'insegnamento di come utilizzare / comprendere lo strumento Penna. Se non capisci come funziona o la sua funzionalità, ti suggerisco di leggerlo prima di iniziare, solo in seguito renderà le cose più facili.
Terzo, voglio che tutti sappiate che questo tutorial potrebbe sembrare un po 'confuso e dappertutto, ma prometto che è per il bene di insegnare! Voglio solo condividere tutto e qualsiasi cosa per aiutare il tuo processo di vectoring. Per farla breve, non sarà un inizio e una fine semplificati. Ci sarà un inizio e ci sarà una fine, ma ci vorrà un po 'di tempo per arrivarci!
Mantieni una mente aperta e prometto che creeremo grandi cose. Cominciamo!
Per questo tutorial, userai uno schizzo di alcune scritte precedenti che potresti aver fatto dalle precedenti esercitazioni. Ci concentreremo sul prendere lo schizzo e ridisegnarlo in formato vettoriale.
Prima di iniziare a lavorare sul computer, eserciteremo il disegno a mano! Con la carta! Pazzesco, giusto? Ti prometto che ti darà una comprensione molto più ampia e apprezzamento per il meraviglioso strumento Penna.
Ora, cosa fa "extrema"In primo luogo, è al plurale per extremum. In matematica, ciò significa in genere il massimo o il minimo. Nel caso di caratteri, stiamo parlando degli estremi opposti della lettera per comporlo con le maniglie più belle. della lettera "O" sarebbero i punti di ancoraggio nord e sud che formano la curva.I punti di ancoraggio est e ovest sul lato consentono di distribuire il peso e la larghezza.
Dai un'occhiata a questo cerchio qui sotto. Puoi vedere che la forma viene creata in modo uniforme da quattro punti principali. Quelli sono gli "estremi" della lettera "O".
Notare che le maniglie sono equamente bilanciate e distribuite anche. Questa stessa tecnica dovrebbe essere applicata all'interno della tua iscrizione. Assicurati che le tue maniglie siano in grado di bilanciare il carico di lavoro e non lasciare che una sola maniglia sia estremamente lunga e che porti tutto il peso.
Scarica la scritta allegata se desideri usare il mio. Altrimenti, sentiti libero di usare il tuo! Da qui, iniziamo a disegnare dove andrebbero i punti di ancoraggio. Vai avanti e usa una matita o una penna edisegnare cerchi ovunque tu pensi di posizionare quei punti di ancoraggioin Adobe Illustrator.
Non preoccuparti se hai ragione o torto, fallo e vedi quello che pensi sia giusto. Più avanti in questo tutorial e in ulteriore pratica, rimarrai stupito dalla tua crescita / nuova conoscenza.
Quindi, prendi lo stesso pezzo di lettering e inizia a disegnare rettangoli attorno a ogni forma di lettera. Stiamo usando un trucco facile per capire dove tracciare i tuoi punti sugli "estremi" delle tue forme di lettera. Ovunque i rettangoli tocchino la tua lettera è dove si trova il punto di ancoraggio. Ora, questo non vuol dire che la tua forma di lettera debba avere solo quattro punti di ancoraggio poiché ci sono quattro lati di un rettangolo. Questo ti dà un ottimo punto di partenza.
In seguito, inizieremo a tracciare gli estremi in Illustrator, quindi aggiungere ulteriori punti di ancoraggio per curve particolari o forse aumentare un po 'di peso nella forma della lettera. Ogni forma di lettera sarà diversa, quindi questo processo non è impostato su pietra. Alla fine ti darà un vantaggio nella giusta direzione, e poi spetta a te determinare cosa sembra "buono" o cosa sembra "corretto".
Ora, prima di entrare troppo in profondità in questa sezione del tutorial, voglio dire che 0 °, 45 ° e 90 ° non sono necessariamente gli unici angoli su cui posizionare le maniglie. Di nuovo, tutto si riduce a ciò che sembra buono e usando il proprio giudizio per determinare se potrebbe usare un angolo casuale di 15 °, per esempio.
Quindi, cosa c'è di così speciale negli angoli orizzontali, verticali e diagonali (45 gradi)? In primo luogo, l'utilizzo di angoli simili mantiene le cose coerenti attraverso il lettering. Secondo, quegli angoli sono la chiave per formare le curve più morbide. Hai mai notato piccoli punti o spigoli nella tua iscrizione causati da punti di ancoraggio? Bene, questo può essere facilmente risolto con il corretto posizionamento del punto di ancoraggio e l'angolo corretto delle maniglie.
Andiamo a lavorare!
Questo semplice processo di seguito mostrerà l'importanza delle maniglie del punto di ancoraggio orizzontale e verticale. Questo processo dovrebbe essere usato per quasi tutti i progetti di vettori che hai da qui in poi. Iniziamo disegnando il seguente "The". Voglio abbattere il processo di vettorizzazione in modo da poter vedere come farei normalmente per il vectoring di una parola semplice come questa.
Se lo desideri, puoi iniziare applicando la tecnica del "rettangolo" con la tua scritta prima di iniziare in modo da poter determinare dove devono essere posizionati i tuoi extrema.
Dopo aver disegnato il tuo lettering "The", inizieremo a separarlo pezzo per pezzo al vettore.
Inizierò con lo stelo della "T". Come puoi dire, Sto utilizzando quelle maniglie del punto di ancoraggio orizzontale così come due angoli non così matematici. Ricorda, non tutte le maniglie devono essere orizzontali. È davvero quello che pensi possa sembrare migliore. Per questa radice, ho iniziato con tutte le maniglie orizzontali, quindi ho modificato i due per adattarli ai miei gusti.
Tutto sommato, questo gambo intero è stato creato con solo quattro punti di ancoraggio e un po 'di prove ed errori.
Questo è dove le cose diventano un po 'pazze. Per questo particolare esempio, ho deciso di associare la connessione "Th" per creare un'unica forma. Ogni punto di ancoraggio è ugualmente bilanciato e distribuisce equamente la curvatura. Per quanto riguarda dove iniziare a tracciare i punti di ancoraggio, è tutta una questione di preferenza. Le forme delle lettere generalmente dettano da dove cominciare. Per me, lavoro da sinistra a destra, quindi ho iniziato dadisegnando il collegamento ad anello della "T" e terminato sullo stelo della "h".
Continuiamo a spingere in avanti!
Il prossimo,Ho formato la spalla della "h"(la seconda radice se vuoi). Ogni parte di questo lettering è suddivisa in forme separate in modo da poter successivamente apportare modifiche a singoli pezzi piuttosto che all'intero pezzo.
L'ultimo passo è creare la "e".Utilizzando solo otto punti di ancoraggio, sono riuscito a creare la forma corretta senza aggiungere altri punti per regolare larghezza, contrasto, ecc.
Comincia da dove vuoi, ma per me personalmente, ho iniziato formando la traversa della "e", ho cerchiato intorno quella forma per formare la ciotola e l'ho terminata con la coda.
E lì ce l'abbiamo! Il nostro finito "The". Ricordati di tracciare quei punti sugli estremi, rifinisci quelle maniglie fino alla perfezione, e sei d'oro! La pazienza è la chiave!
Ho incluso anche l'esempio qui sotto, in modo da poter vedere uno stile completamente diverso della parola "The" mentre si usano ancora maniglie orizzontali e verticali simili.
L'uso di vettori è sicuramente dispendioso in termini di tempo anche per un master. Non importa cosa, ci sono un sacco di messa a punto e correzione di quelle curve, punti di ancoraggio, ecc.
In questa sezione del tutorial, spero di fare un po 'più di saggezza per accelerare il processo un po' di più. Per semplicità, userò la lettera "O" o una forma circolare per dimostrare un sacco di questi trucchi. Anche se è una forma semplice, la metodologia e la pratica dietro la punta possono essere utilizzate per ogni singola lettera.
Chiamo questa tecnica Crossover. Quando inizi a vettorializzare le tue lettere, potresti trovare più semplice applicare questa tecnica di crossover per controllare le larghezze e gli angoli delle parti delle tue forme di lettera. Nell'esempio seguente, puoi vedere che ho creato un punto di ancoraggio in più per permettermi di controllare quello che viene chiamato il "cavallo" della "N". In sostanza, ti consente di spostare e modificare una parte della tua forma di lettera senza disturbarne un'altra.
Nell'esempio gif in basso, questo mostra esattamente cosa intendo alterando un lato senza disturbarne un altro. Ora, questa costruzione "A" non è assolutamente corretta in alcun modo. È semplicemente un modo perfetto per mostrare ciò che la tecnica crossover può realizzare.
Lo strumento Ellisse e lo strumento Rettangolo all'interno di Illustrator possono diventare i tuoi migliori amici se pensi solo a quali forme stanno componendo ogni forma di lettera. Ad esempio, la lettera "O" ha due ellissi: una per la larghezza e un'altra ellisse all'interno per formare il peso. Quindi, se crei solo due ellissi, impilati uno sopra l'altro, puoi formare la lettera "O" in pochi secondi.
Inoltre, se si desidera continuare e creare un'altra lettera come una "H", è possibile utilizzare lo strumento Rettangolo. Ogni stelo e la traversa della sottostante "H" erano formati con tre rettangoli separati. In seguito puoi espandere e unirli se desideri una forma completa.
Speriamo che il processo gif accelerato qui sotto mostri esattamente cosa intendo. Sto solo usando forme semplici per formare queste lettere.
Nell'esempio seguente, ho utilizzato il Width Tool all'interno di Illustrator. Sicuramente può tornare utile a volte. Con questo strumento, stai essenzialmente tracciando dove vuoi che la tua larghezza sia distribuita. In questo esempio, volevo che i lati sinistro e destro del tratto fossero in formato .525in mentre il lato superiore e inferiore rimanevano in .125 pollici. Questo distribuiva il peso in modo uniforme e formava una bella lettera ad alto contrasto "O".
Come puoi vedere dall'esempio, la sinistra è solo un tratto, che era prima che applicassi lo strumento Larghezza, mentre la destra è dopo che lo strumento Larghezza è stato applicato.
Questo strumento può sicuramente aiutare ad accelerare il vettorizzazione di alcune forme di lettera, in particolare la sceneggiatura. Ricorda semplicemente di disegnare con "tratti" e aggiungi il contrasto alle tue forme di lettera con lo strumento Larghezza dopo.
Lo svantaggio dello strumento Larghezza è che quando si va ad espandere il tratto, forma a enorme quantità di punti di ancoraggio extra di cui non hai bisogno. Puoi vedere cosa intendo nell'immagine qui sotto. Tutti quei piccoli punti rossi sono punti di ancoraggio!
Quindi, se volessi apportare delle modifiche dopo che è stato espanso, sarebbe piuttosto difficile se non avessi il tratto originale da modificare.
Bene ragazzi, è ora di mettere fuori gioco il progetto di vettorizzazione finale dato che abbiamo appena imparato tutto su come fare il vettore! Cominceremo da dove eravamo rimasti prima nel tutorial e portiamo a completamento questo pezzo di New York.
Prendendo questo pezzo per pezzo, inizia a vettorizzare le tue forme di lettera una alla volta. Utilizza la tecnica crossover per essere in grado di regolare un'area del tuo lettering senza disturbarne un'altra parte. Per questo particolare pezzo di lettering, avevo pochissime maniglie verticali e orizzontali. Ma ho comunque tracciato i miei punti sugli estremi che mi hanno permesso di creare le forme che vedi.
Dopo aver impostato il "Nuovo", iniziamo la parola successiva: "York". Usa lo stesso processo e vector ogni pezzo per pezzo. Probabilmente puoi vedere la collezione di punti di ancoraggio all'interno della "K". Questo perché ho disegnato ogni parte della "K" come forme separate da modificare in seguito, se necessario. Quindi lo stelo e le due gambe sono tutti disegnati individualmente, creando un totale di tre forme per formare la "K".
Nota che va bene se tutto si sovrappone, poiché in seguito riempiremo queste forme.
L'ultima parola da tracciare, "Città". Sai cosa fare: inizia a tracciare quei punti e mantieni con cura le tue maniglie a tuo piacimento. Disegna separatamente ogni lettera come puoi vedere qui sotto: aiuterà in seguito il processo di modifica.
Ce l'abbiamo! Dopo aver completato il disegno vettoriale dell'intero brano, puoi dare il lettering a riempimento anziché a un tratto in modo da poter vedere come interagiscono lo spazio positivo e negativo.
Anche dopo aver pensato di aver finito di fare il vectoring, probabilmente no!
C'è un sacco di modifiche da fare dopo aver "riempito" le forme perché è possibile vedere ciò che ha bisogno di più contrasto, più crenatura, ecc. In questo caso, ho apportato molte modifiche minori per aiutare il colore generale. Inoltre, ho modificato la forma della "Y" per estendermi nello spazio negativo della "N".
L'ultimo passo! Per questo pezzo, ho aggiunto piccole "tacche" ai colpi di entrata e uscita delle lettere. Come si potrebbe disegnare qualcosa del genere? Ricorda solo di rompere le cose in forme o tratti semplici di nuovo. Per quanto mi riguarda, sapevo che sarebbe stato perfetto utilizzare alcuni tratti semplici creati con lo strumento Penna, ma ho cambiato il "Profilo larghezza variabile"del tratto per creare la forma triangolare Puoi vedere cosa intendo nel processo sottostante.
Mi sono preso la libertà di girare un video molto accelerato dell'intero processo di lettering. Mi ci sono volute ben due ore per completare questo pezzo. Ancora, la pazienza è la chiave se vuoi che il tuo lettering vettoriale appaia esattamente come lo hai abbozzato! Sentiti libero di guardare il processo qui sotto e vedere il passaggio extra che ho preso per portare il lettering vettoriale al livello successivo.
Il pezzo sotto New York City è il vettore finito dopo aver aggiunto molti dettagli extra. Se sei curioso di sapere come creare profondità, texture, combinazioni di colori, ecc., Allora il mio prossimo tutorial sarà perfetto per te! Restate sintonizzati per questo nei prossimi mesi o due.
Sono sicuro che a questo punto hai praticato una buona quantità, sperando di diventare ancora più a tuo agio con il vettore di quanto non lo fossi già. Abbiamo coperto molto materiale e ora è giunto il momento di mettere alla prova questa conoscenza. Continua a mettere in pratica ciò che hai imparato perché migliora solo con il tempo, lo prometto! Continuate così!
Come sempre, se avete problemi o domande, sentitevi liberi di lasciare un commento qui sotto e sarò in grado di aiutarvi. In bocca al lupo!
Se sei interessato a ricevere aiuto con le tue scritte, Envato Studio ha una grande collezione di specialisti di Lettering e Calligrafia che ti piacerebbe esplorare.