Come creare una tipografia di filo originale

In questo tutorial, spiegherò come creare la tipografia originale del filo. Non ci sarà bisogno di immagini o tipi di carattere, dal momento che creeremo tutto da zero (e letteralmente da zero, perché tracciamo i nostri fili prima su carta), quindi svilupperemo la nostra tipografia in Adobe Illustrator CS4.


Passo 1

Dovremmo iniziare disegnando la nostra tipografia. Ho optato per la parola "typefunk" che è il mio nome di portafoglio.


Non esitate a sperimentare! Con un filo reale, puoi creare tutti i tipi di moduli, prova a farlo su carta! Dopo alcuni esperimenti con connessioni tra lettere e tutti i tipi di curve, questo è il mio risultato.



Passo 2

Ora dovremmo posizionarlo in un file Illustrator ...


Dopo averlo fatto, imposta l'opacità dell'immagine di questo livello al 40% e bloccala, quindi non saremo in grado di selezionarla.



Passaggio 3

Dovremmo ora iniziare a tracciare il nostro schizzo. Prova ad ammorbidire le tue curve e correggere eventuali errori che potresti aver commesso durante lo sketch.



Passaggio 4

Aumenta lo zoom in caso di problemi nel correggere le curve, solo per garantire un risultato migliore.



Passaggio 5

Quindi, dopo aver tracciato il mio schizzo, prestando attenzione con attenzione alla perfezione nelle curve, questo è il nostro risultato.


Sto utilizzando Creative Suite 4, quindi andrò avanti e fare clic sullo strumento Tavola da disegno. Quindi, seleziona la tavola da disegno con i tracciati, fai clic con il tasto Alt sulla tavola da disegno e trascinala dove vuoi. Facendo ciò, dovresti copiare tutto ciò che è all'interno di quella tavola da disegno, nel tuo livello selezionato.


Ora possiamo lavorare pienamente su Artboard # 2. Possiamo effettivamente raggruppare ciò che abbiamo in esso. Crea un nuovo livello e riordina il nostro gruppo in quel nuovo livello, quindi lavoriamo separatamente dai nostri percorsi originali. A seguire sceglieremo la nostra combinazione di colori.


Passaggio 6

Questo passaggio potrebbe essere uno dei più importanti del nostro processo perché ora è il momento di scegliere i nostri colori! Come faccio sempre sul mio lavoro, vado per un gradiente composto da colori vivaci, come mostrato di seguito.


Mentre riempirò le nostre lettere, è meglio che facciamo i nostri percorsi in un gruppo di pittura dinamica, il che rende più facile per noi gestire i nostri colori. Per fare ciò, selezionare il nostro gruppo di percorsi, fare clic sullo strumento Secchio di pittura dinamica, quindi fare clic sui nostri percorsi selezionati.



Passaggio 7

Ora dovremmo iniziare a gestire il nostro gruppo in modo che sia più facile per noi trattare la nostra tipografia Vai avanti e realizza tre copie del nostro gruppo Live Paint. Puoi selezionare il nostro gruppo, tenere premuto il tasto Alt e trascinarlo, o semplicemente copiare e incollare.

Perché le tre copie? Può sembrare un po 'confuso, ma se guardi da vicino, il livello superiore è per il nostro lavoro Linea, il livello medio è per i nostri riempimenti, e lo strato inferiore è per i nostri tratti più spessi e più forti, aggiungono più visibilità al nostro tipo.


E quando li hai allineati, dovrebbe apparire come mostrato di seguito.


Nei prossimi due passaggi, inizieremo ad aggiungere profondità alle nostre lettere, aggiungendo ombre. Prova a immaginare che sia effettivamente un oggetto solido e decidi dove si poseranno le ombre e dove non lo faranno.


Passaggio 8

Per iniziare ad ombreggiare le nostre lettere, crea un nuovo livello, sotto il livello di tratto sottile e sopra il livello di riempimento, e chiamalo "OMBRE". Organizzare correttamente i livelli consente di risparmiare tempo, soprattutto in un progetto che ha una scadenza breve - tutto il tempo che si risparmia può aiutarti in un secondo momento. Quindi, quando aggiungiamo le nostre ombre, siamo in grado di fonderle con l'aiuto dei tratti sottili.


Per iniziare con le nostre ombre, crea una tavolozza di sfumature, che va dal più chiaro al più scuro usando i nostri colori primari.


Una volta che hai fatto, puoi semplicemente applicarlo ai luoghi in cui pensi che le ombre si applicano, sempre in ordine di ombra, con le sfumature più scure che provengono da sotto le parti sovrapposte delle lettere, come mostrato di seguito.


E anche su quelle parti in cui le lettere effettivamente piegano o piegano, come mostrato di seguito.



Passaggio 9

Mentre continui a ripetere questo processo, inizierai a vedere i dettagli risaltare, variando la dimensione delle sfumature è anche qualcosa per ammorbidire le nostre ombre, poiché avremmo potuto utilizzare una sfumatura semplice da riempimento a riempimento vuoto. Ci vorrà un po 'di tempo, ma il risultato sarà molto meglio che usare solo sfumature.



Passaggio 10

Dopo aver osservato l'intera composizione delle lettere, ora possiamo vedere che ha un sacco di profondità e che non è solo un tipo di swirly piatto. Puoi vedere le immagini precedenti e successive di seguito.




Passaggio 11

Ora è tempo di usare la nostra palette di luci, che abbiamo creato prima. La logica che ho usato in questo processo è stata che le ombre si applicano sotto le nostre forme e che i punti salienti si applicano sopra, sopra le nostre forme. Quindi, avvio la stessa procedura di prima, ma ora usando la palette Luci in evidenza, ho creato un altro livello e l'ho chiamato "HIGHLIGHTS".



Passaggio 12

Immagina se la luce fosse effettivamente applicata sulle nostre forme, capirai che è esattamente l'opposto di quando ci avviciniamo alle nostre ombre! Le forme luminose più evidenti devono essere posizionate sulla parte esterna della lettera, e le luci più scure sulla parte interna di quella forma più luminosa.



Passaggio 13

Dopo averlo fatto in tutti i posti in cui pensiamo che si applichino le evidenziazioni, il nostro risultato dovrebbe essere quello che viene mostrato di seguito.


Ora, se guardiamo da vicino, ci sono ancora alcune modifiche da apportare dove ci sono pieghe e piegature sulle nostre lettere. Dobbiamo ammorbidire quei tratti, che renderanno la nostra tipografia più raffinata e aggiungerà anche un tocco finale.



Passaggio 14

Ho iniziato creando un nuovo livello denominato "tweaks", sul nostro livello "tratti sottili".


Quindi inizia con le modifiche, ricorda che stiamo ammorbidendo quelle estremità della linea che ho cerchiato in giallo al punto 13.



Passaggio 15

Ripeti questo processo in tutta la tipografia, ammorbidendo le estremità della linea e anche in altri punti in cui senti la necessità di un aspetto più morbido, sotto puoi vedere il risultato della nostra soluzione. Diamo un'altra occhiata alla trasformazione.



Conclusione

Puoi sempre aggiungere uno sfondo, apportare variazioni di colore e aggiungere trame alle nostre lettere. Inoltre, puoi modificarlo in Photoshop per una migliore visualizzazione. Sperimenta, gioca! È un modo versatile per mettere il tuo nome là fuori!