Squadra impressionante dal logo con lettere a mano al vettore in Adobe Illustrator

Cosa starai creando

Hai mai desiderato creare un logo tipografico per te o il tuo team? Non è così difficile come sembra! Molte persone dicono che non possono dipingere o disegnare, ma la tipografia è parte della nostra vita quotidiana. Scriviamo sempre nomi, indirizzi email, numeri di telefono e simili. Quindi abbiamo tutti un buon inizio; conosciamo tutti le forme delle lettere.

Ti guiderò ora attraverso tutti i passaggi necessari per creare un logo per "Team Awesome". 

Di cosa avrai bisogno

Per completare questo progetto, avrai bisogno di quanto segue:

  • Carta
  • Matita
  • Adobe Illustrator

1. Progetta il tuo logo

Passo 1

Annota la parola o frase che vuoi creare, prima di iniziare a disegnare. Può sembrare sciocco, ma credimi, è importante! Mentre scrivi le parole, inizierai a vedere come le lettere "ballano" e giocano l'una con l'altra.

Per questo progetto, sto creando un logotipo per "Team Awesome". Questo è il nome del team di istruttori e dei membri della comunità all'interno della sezione Design & Illustration qui su Tuts +. Dal momento che stai leggendo questo tutorial, benvenuto nel team!

Per me "Squadra impressionante"logo, mi stavo chiedendo cosa potrei usare per rappresentare visivamente" Awesomeness ". La prima cosa che mi è venuta in mente sono stati i supereroi. Cosa c'è di più fantastico di un supereroe? Quindi voglio che il mio logo assomigli a un logo di supereroi.

Passo 2

Prenditi un po 'di tempo per pensare e pianificare come il nome che usi per il tuo logo possa essere tradotto visivamente. In questo caso il nostro logo sarà di tutti i tipi, quindi userò elementi integrati con il lettering. Per questo logo ho scelto di usare un fulmine.

Passaggio 3

Scarabocchio! Inizia ad esplorare diverse possibilità visive. Gioca con il tipo e gli elementi. Non c'è bisogno di affinare nulla in questa fase, semplicemente scarabocchiare!

2. Scegliere uno stile tipografico

Passo 1

Quando inizi a disegnare, pensa allo stile che desideri e al messaggio che vuoi trasmettere con il tuo logo o lettering. Come vuoi che il tuo logo appaia e si senta? Cosa vuoi che la persona guardi il tuo logo per sentire? Scott Biersack offre una serie di tutorial che ti aiuteranno a capire meglio la tipografia. Passa alla formazione di Scott su Funding Lettering delle mani. Questo ti aiuterà mentre stai lavorando attraverso i tuoi pensieri.

Passo 2

Ora che hai pensato al messaggio che vuoi trasmettere, dovrai scegliere uno stile tipografico specifico. Voglio che il mio logo sia originale e abbia un buon flusso. Per fare ciò, ho scelto di farlo in uno stile di scrittura casuale simile alla scrittura a mano. Per avere una migliore comprensione della tipografia e per scegliere uno stile che si adatta meglio a ciò che si desidera trasmettere, consulta questo tutorial di Scott Biersack: Lettering a mano: Comprensione dei tipi di tipo.

3. Creare miniature

Ora inizierai ad esplorare diverse possibilità e cercherai di legare insieme tutti gli elementi.

Passo 1

Innanzitutto, crea miniature raffinate. Mi piace abbozzare le miniature come le mini versioni del logo. In questo modo posso vedere più chiaramente in questa fase iniziale come si comporterà il logo e se funzionerà o meno. A questo punto abbozzerò Un sacco. Non aver paura di fare molte versioni differenti. Inoltre, inizio a definire dove metterò i miei punti Bezier in questa fase.

Passo 2

Disegna le lettere come linee semplici e aggiungi profondità alle forme delle lettere; tipo di una versione analogica del Offset Path comando. È una buona tecnica che puoi adattare alla tua calligrafia o alle tue forme, quindi prenditi il ​​tempo per esercitarti. Noi aspetteremo.

4. Selezione e rifinitura dello schizzo

Passo 1

Seleziona lo schizzo a matita ruvida con cui vuoi lavorare, scansionalo e ridimensionalo a dimensioni maggiori. Questo sarà il modello su cui costruire i vettori.

Passo 2

Una volta scansionata l'immagine, stampala di nuovo e traccia il tratto sopra di essa per effettuare regolazioni e correggere eventuali problemi. Quindi rieseguire la scansione di questo schizzo ancora una volta per utilizzare l'immagine per la traccia corrente in Illustrator. Di solito faccio qualche ritocco all'ultimo minuto su questo schizzo.

5. Definire il posizionamento di Bezier Handles

Passo 1

Potresti chiederti: "Definire la posizione delle mie maniglie di bezier ... ora? Sulla carta?" sì! Fatelo adesso, prima ancora di iniziare con la parte vettoriale. Ciò contribuirà a creare un flusso di lavoro veloce in Illustrator in un secondo momento ed è anche un buon esercizio di vettorizzazione generale.

Passo 2

Prendi lo schizzo grezzo selezionato e definisci i punti chiave che ti aiuteranno a costruire le forme vettoriali. Questa non è una regola; a volte dovrai aggiungere o rimuovere punti qua e là in seguito. Non essere un bezier nazista! Si tratta di rendere le curve giuste. Esaminare attentamente le forme delle lettere e cercare di identificare i punti più esterni. Tracciare le linee attorno alle lettere per identificare i punti più esterni. Contrassegnali sul foglio con una penna o un pennarello.

Tenere questa carta a portata di mano per ulteriori riferimenti; lo chiameremo nostro Scheda di riferimento di Bezier.

6. Preparazione dello schizzo

Con lo schizzo selezionato e la posizione dei punti Bezier definiti, è il momento di preparare lo schizzo da tracciare in Illustrator. Lo facciamo aprendo lo schizzo in Photoshop, convertendolo in un'immagine bitmap (Immagine> Modalità> Bitmap), e salvando come file TIFF.

7. Impostazione del framework in Adobe Illustrator

Passo 1

Ora è il momento di impostare il documento di Illustrator per iniziare a costruire le forme del logo "Team Awesome". Prima clicca su File> Nuovo per creare un nuovo documento. Il mio è A4 (210 x 297 mm) orizzontale, Modalità colore: RGB. Sto usando la versione CS5, ma non ci dovrebbero essere molte differenze nelle versioni nuove o precedenti.

Passo 2

Posiziona la tua immagine cliccando su File> Luogo e selezionando il file TIFF che hai precedentemente salvato. Ben fatto!

Passaggio 3

Questo schizzo sarà il tuo modello. Dipingo con un colore blu chiaro, per aiutarmi a vedere attraverso le linee. 

È una buona pratica aggiungere linee che funzioneranno come guide per aiutarti a posizionare le forme. Io uso un grigio chiaro per le guide. Questa non è una regola: puoi giocare con i colori per vedere cosa funziona meglio per te. Il grigio chiaro funziona per me. La cosa importante da tenere a mente è avere il tuo schizzo visibile. 

Assegna un nome a questo livello "TEMPLATE" o un altro nome che ritieni possa aiutarti. Una volta impostato tutto, crea un nuovo livello e chiamalo "TRACE". Raccomando di scegliere il colore Blu scuro per il livello "TRACE".

8. Inizia a costruire le forme vettoriali

Passo 1

Utilizzando la nostra scheda di riferimento di Bézier creata in precedenza, fare clic su Strumento penna (P) e inizia ad aggiungere punti sui posti definiti, tenendo sempre premuto il pulsante Cambio chiave per vincolare la posizione. Ciò manterrà i punti ad angolo , 45º e 90º, permettendo alla tua forma di avere curve migliori con meno punti e renderla più facile da costruire e controllare in seguito. 

Continua ad attivare e disattivare il layer TEMPLATE per vedere come appaiono le curve e regolarle se necessario. Per le forme uso un colore rosa (# FF00FF). Questo ti aiuterà a vedere le linee in cima allo schizzo blu.

Passo 2

Inizia con la lettera maiuscola A e costruisci ciascuna lettera separatamente come oggetto diverso fino al completamento della composizione. Continua a ripetere questa operazione per tutte le lettere, attivando e disattivando il livello TEMPLATE e prestando attenzione a come vengono posizionati i tuoi punti e a come appaiono le tue curve. Una volta che ti sarai abituato a questa tecnica, vedrai quanto è semplice.

9. Posizionamento dei punti

Per la maggior parte delle persone, lavorare con le curve di Bézier è la parte più difficile, a volte terrificante. Potrebbe sembrare complicato la prima volta, ma non lo è. Guarda le schermate sottostanti e nota come sono posizionati tutti i punti. 

10. forme vettoriali completate 

Passo 1

Con le nostre forme vettoriali di base completate, ora è il momento di rivedere i nostri progressi. A questo punto di solito lo stamperò di nuovo e apporterò ulteriori modifiche con una matita.

Passo 2

Questo è il mio schizzo stampato. Tuttavia, non rieseguirò la scansione di questo. Mi limiterò a fare riferimento ad esso per apportare modifiche in Illustrator.

11. Regolazioni

Passo 1

Duplica il livello TRACE e chiamalo REVISIONE. Su questo livello, apportare correzioni usando lo schizzo stampato, se necessario, preservando gli altri livelli e lasciandoli intatti.

Passo 2

Hai completato e perfezionato le forme vettoriali. Duplicare questo livello e denominarlo FINALE come backup, nel caso in cui sia necessario modificarlo in seguito.

12. Styling

Ora è il momento di far esplodere il logo! Diamogli un po 'di vita per renderlo ancora più fantastico.

Passo 1

Taglia alcune lettere per farle sembrare più interlacciate. Puoi aggiungere forme su alcune parti e, con Meno Indietro comando dal esploratore pannello, sottrarli dalla forma originale.

Puoi farlo posizionando le forme di taglio sul fondo e facendo clic su Oggetto> Disponi> Porta in secondo piano o colpire Shift-Control-[.

Passo 2

Apri il esploratore pannello facendo clic su Finestra> Pathfinder o cliccando Maiuscole-Ctrl-F9.

Passaggio 3

Con le due forme selezionate, fare clic su Meno indietro pulsante. Ecco!

Passaggio 4

Aggiungi un contorno al tuo oggetto selezionando e facendo clic su Oggetto> Percorso> Percorso offset. accedere 1 mm e fare clic ok.

Dipingi il contorno con un colore blu scuro o nero, in modo che possiamo distinguere entrambi. Non preoccuparti dei colori per ora - lo cambieremo più tardi.

Passaggio 5

Ora aggiungiamo un po 'di profondità. Duplica il livello del contorno facendo clic su Modifica> Copia (Control-C), e incollarlo nella parte posteriore facendo clic su Modifica> Incolla dietro (Control-B).

Selezionare i due contorni neri e fare clic su Oggetto> Miscela> Crea o clicca Control-Alt-B.

Dopo aver applicato l'effetto, noterai che la fusione sembra strana. Correggiamo questo facendo doppio clic sul Strumento di fusione pulsante sul Strumento pannello.

Nella finestra di dialogo che appare, seleziona Spaziatura: passaggi specificati ed entra 60. Dopo aver applicato l'effetto, selezionare Oggetto> Miscela> Espandi e sarà convertito in oggetti.

Con gli oggetti selezionati, apri il esploratore  pannello e individuare il Unire pulsante. Cliccaci sopra. Questo unirà tutti gli oggetti in un singolo oggetto.

Ed è pronto! Congratulazioni per il tuo ... Cosa? No, no, non ancora! Aumenta lo zoom e vedrai che alcune linee sono piene di punti, facendo apparire il contorno frastagliato in alcune aree. Dobbiamo liberarcene!

accedere Modalità di contorno cliccando Controllo-Y e fare clic su Strumento lazo pulsante (Q) sul Strumento pannello. Seleziona i punti extra con il Strumento lazo e vai a Oggetto> Percorso> Rimuovi punti di ancoraggio. Ripeti l'operazione su tutte le parti necessarie fino a ottenere forme morbide e regolari.

13. Colore e dettagli

Passo 1

Una volta che tutto è stato corretto, cambiamo i colori. Nel mio caso sto facendo questo logo per un fantastico gruppo di persone e i loro colori sono i due sotto, quindi rimarrò con loro. In questo passaggio sei libero di giocare con qualsiasi colore tu voglia.

Penso ancora che manchi qualcosa. Non è ancora il logo del supereroe che immaginavo, quindi ho aggiunto un'ellisse sullo sfondo e l'ho dipinta con il colore più chiaro.

Passo 2

Ora per aggiungere alcuni dettagli. Per prima cosa aggiungo un contorno bianco attorno all'estrusione. Clicca su Oggetto> Percorso di offset ed entra 1 mm.

Duplica il contorno bianco selezionandolo e facendo clic su Modifica> Copia (Control-C) e incollarlo nella parte posteriore facendo clic su Modifica> Incolla dietro (Control-B) Dipingerò la mia "ombra" con un colore più scuro del colore dell'ellisse.

Passaggio 3

Ora aggiungerò alcuni punti salienti. Clicca sul Strumento rettangolo pulsante sul Strumento pannelloo colpire M, e disegna alcuni rettangoli e dipingili di blu per essere più visibili. Posizionerò il mio insieme all'angolo di estrusione. Creare un Percorso composto da tutti i rettangoli, rendendoli un unico percorso. Con tutti i rettangoli blu selezionati, fare clic Shift-8 o andare a Oggetto> Percorso composto> Crea.

Seleziona l'estrusione e clicca su Oggetto> Percorso> Percorso offset ed entra -1 mm nella finestra di dialogo.

Seleziona il percorso generato e i rettangoli e in esploratore pannello individuare il intersecare pulsante e fare clic su di esso. Copia il percorso generato facendo clic su Modifica> Copia (Control-C), quindi selezionare l'estrusione e fare clic su Modifica> Incolla davanti (Control-F).

Lavoro fantastico, squadra!

Sìì! Il nostro logo Team Awesome è pronto e brillante! Eccezionale!

Questo tutorial ha lo scopo di aiutarti a comprendere meglio il lettering a mano e il vettore. All'inizio sembra complesso, ma più pratichi, più facile diventerà. Spero che tutte le informazioni che ho dato siano utili per te e che tu possa adattare le tecniche e i suggerimenti mostrati qui per i tuoi progetti. Grazie per la visione e rimani fantastico!