Crea un tipo illustrato da schizzo a vettoriale

Come artista commerciale faccio un sacco di illustrazioni, scritte personalizzate e tipografia. Ci sono stati molti casi in cui ho sperimentato dove usare una combinazione di illustrazione e tipografia è la soluzione migliore per comunicare il messaggio. Nel seguente tutorial, mostrerò un metodo che uso per avvicinarmi ed eseguire il tipo di illustrazione.


introduzione

Il tipo illustrato, invece di avere l'immagine standard con un titolo o una sorta di copia scritta, per me, può davvero portare un pezzo al livello successivo. Certo, dovrebbe servire a uno scopo e avere un senso la sua destinazione finale, quindi prima assicurerò che il mio concetto e la mia parola da illustrare siano solidi prima di iniziare.

È possibile trovare i file di origine in una directory denominata "origine" fornita nel file ZIP scaricato. Potresti desiderare di esaminarli brevemente prima di iniziare.


Passaggio 1a

Ho deciso di usare la parola "Tipo" per questo tutorial perché in fin dei conti si tratta di illustrando il tipo. Quindi la prima cosa è digitare la parola "Tipo" in Illustrator. Normalmente, vedrò un gruppo di caratteri tipografici diversi per vedere se una qualsiasi delle forme di lettera mi salta fuori o mi fa venire in mente idee.



Passaggio 1b

Dopo aver esaminato una varietà di caratteri, decido, come faccio spesso, sul classico set ITC Avant Garde Gothic in Demi 212.13 pt.



Passo 2

Successivamente, stampo a linea di capelli versione (delineata in nero con un tratto da 0,25 punti) del tipo. Uso questa stampa come un modo per essere assolutamente solida sulla leggibilità, invece di costruire completamente le lettere da zero, cosa che faccio spesso anch'io. Questa è probabilmente l'unica cosa che faccio che è diverso dalla maggior parte degli illustratori, ma io sono un ibrido di designer / illustratore, quindi questo è uno dei modi in cui lo faccio.



Passaggio 3a

Usando quello attaccatura dei capelli stampare, disegno l'illustrazione direttamente sopra la stampa. Rapido rapidamente in tutte le idee che potrei avere. Ecco uno dei primi bozzetti concettuali (wow, è un brutto disegno).



Passaggio 3b

Dopo qualche altro schizzo orribilmente disegnato, decido che la parola "Tipo" sia una matita tortuosa (come le pazze di quando eri una bambina).



Passaggio 4a

Porta lo schizzo in AI e bloccalo (Comando + 2).



Passaggio 4b

In AI, usando lo strumento Penna, inizia a tracciare le linee appropriate dello schizzo.



Passaggio 4c

A questo punto, agisci semplicemente tutto. Inizia a modificare le linee dallo schizzo in modo che abbiano più senso e un aspetto migliore. Qui puoi vedere che lo schizzo era un po 'troppo lento nel definire la lettera "p". Risolvi eventuali problemi simili disegnandoli correttamente (usando ancora lo strumento Penna).



Passaggio 4d

Qui vengono disegnate tutte le linee e inizia a formarsi la forma / l'aspetto generale dell'illustrazione.



Passaggio 5a

Quindi, entra e perfeziona tutte le spaziature e le forme in modo che siano pulite e con un aspetto uniforme. Ad esempio, sulla lettera "p" puoi vedere che la forma del cerchio che crea la ciotola è imperfetta. Questo deve essere aggiustato in modo che tutto sia pulito e ordinato.



Passaggio 5b

Qui tutto sembra buono e per la maggior parte uniformemente distanziato. Penso che stia venendo bene - hehe!



Passaggio 6

Quindi semplicemente il colore nelle forme, usando la tavolozza dei colori o i campioni. Ho scelto colori che sono relativamente vicini ai colori reali della matita. Utilizzando lo strumento Rettangolo è sufficiente rilasciare un colore di sfondo, in modo che sia più semplice vedere la linea funzionare. Se tu volessi, penso che potresti fermarti a questo punto e avresti una bella illustrazione.



Passaggio 7

Ma noi non siamo noi quaccheri? Nopers! Quindi, inseriamo alcuni dettagli che portano questa illustrazione al livello successivo. Come avrai notato, sul lato sinistro della lettera "T" appare una riga che sembra non essere necessaria. Senza la linea era difficile leggere la lettera "T."



Passaggio 8a

Risolviamo questo problema (* wink, potrei averlo pianificato dall'inizio) usando lo strumento Penna per disegnare linee in modo che la matita legga "No. 2."



Passaggio 8b

Quindi, disegna due linee in tutte le forme a matita gialla per descrivere i bordi della matita. Sto disegnando in rosso ora, in modo che tu possa vedere quello che sto descrivendo.



Passaggio 8c

Una volta che tutte le linee sono state disegnate, seleziona uno dei pezzi appena estratti. Quindi vai a Seleziona> Stesso> Colore tratto. Puoi anche usare lo strumento bacchetta magica. Scegli una bella arancia che si fonde quasi con il colore giallo della matita.



Passaggio 8d

Selezionare il lavoro di linea "n. 2", quindi aumentare il tratto fino a 1,5pt nella tavolozza dei tratti.



Passaggio 9

Ancora usando lo strumento Penna, disegna alcune linee nella forma metallica. Nella tavolozza dei tratti selezionare la casella per renderli una linea tratteggiata.



Passaggio 10

Cambia il colore di sfondo con un bel blu scuro / verde.



Passaggio 11

Ora inseriremo gli ultimi ritocchi. Seleziona la forma della gomma rosa, copiala (Comando + C) e una nuova forma davanti (Comando + F). Incolla in una texture, che puoi ottenere dal mio tutorial Create a Vector Texture From Scratch e incollalo dietro la nuova forma di gomma rosa. Seleziona la texture e colorala di un rosa leggermente più scuro rispetto al colore rosa iniziale. Seleziona entrambe le forme, quindi fai Option-click e seleziona Crea maschera di ritaglio.



Passaggio 12

Seleziona il legno panna della forma a matita, copialo (Comando + C) e oltre una copia in primo piano (Comando + F). Incolla in un'altra texture, che puoi ottenere dal mio tutorial Crea una texture vettoriale da zero, assicurati di incollarlo dietro la nuova forma di legno. Seleziona la texture e colorala con un colore crema leggermente più scuro. Seleziona entrambe le forme, quindi fai Option-click e seleziona Crea maschera di ritaglio.



Passaggio 13a

Solo per divertimento disegnare (usando lo strumento penna con un pennello di scorta applicato) uno scarabocchio e la parola "illustrare" che viene dalla punta della matita.



Passaggio 13b

Per far sembrare che la matita abbia tracciato una linea che si intreccia all'interno della matita; seleziona, un singolo punto usando lo Strumento selezione diretta e copia (Comando + C). Quindi il trucco è deselezionare tutto (Maiusc + Comando + A) e superare una copia del punto in primo piano.



Passaggio 14

L'ultima cosa da fare è incollare una grande trama appena sopra il livello "sfondo" e colorarla di una tonalità diversa dal colore di sfondo. Questo dà solo un piccolo extra. E fatto!



Immagine finale

Questo è tutto! L'immagine finale è sotto. È possibile visualizzare la versione grande qui.