Come creare caratteri tipografici

Ho iniziato un progetto di design di personaggi che unisce caratteri tipografici a mostri unici, simpatici animali e varie altre creazioni di personaggi ispirati ai personaggi. Il metodo è semplice, prendo diverse sezioni dei caratteri di un font specifico e li metto insieme, dando vita a diversi tipi di creature.

La cosa interessante di Typefaces è che ogni font offre aspetti diversi ai personaggi. Questa è l'essenza di Typefaces - Faces with Type. Impara le basi su come creare questi personaggi divertenti!

Anteprima dell'immagine finale

Vuoi accedere ai file Vector Source completi e alle copie scaricabili di ogni tutorial, incluso questo? Unisciti a Vector Plus per soli 9 $ al mese.

Dettagli dell'esercitazione

  • Programma: Adobe Illustrator CS3
  • Difficoltà: Principiante
  • Tempo di completamento stimato: 1 ora

Di seguito è l'immagine finale su cui lavoreremo.

Passo 1

Innanzitutto apri Adobe Illustrator e crea un nuovo documento (Command + N) a 600px per 600px.

Passo 2

In questo esempio utilizziamo Helvetica Neue Bold, ma puoi provarla con qualsiasi tipo che ti piace.

Passaggio 3

Seleziona lo Strumento testo (T), digita l'intero maiuscole e minuscole (tutte le maiuscole e minuscole oltre ai numeri e ai segni), vai a Tipo> Crea contorni (Comando + Maiusc + O) e poi seleziona gli elementi che stai per lavorare con per creare una creatura tipografica.

Passaggio 4

In questa occasione selezioneremo "a", "i", "?" "0," e ">" caratteri.

Passaggio 5

Una volta ottenuti i tipi di moduli con cui lavorerai, seleziona la lettera minuscola "a". Quindi copia (Comando + C), incolla in avanti (Comando + F) e usa lo strumento Rifletti (O) per capovolgere il secondo "a" sul suo asse verticale a 90 gradi.

Passaggio 6

Spostalo a sinistra fino a ottenere il modulo che puoi vedere nell'immagine sottostante.

Passaggio 7

Ora seleziona entrambe le figure, fai clic su Aggiungi all'area della forma nella scheda Pathfinder e quindi fai clic su Espandi.

Passaggio 8

Seleziona la tua nuova figura e fai clic con il pulsante destro del mouse su di essa, quindi premi Rilascia percorso composto per eliminare la sezione bassa della tua figura. Dipingi la parte superiore con il bianco. Questo sarà il corpo del nostro personaggio.

Passaggio 9

Ora lascia da parte il corpo del nostro personaggio e preparati a costruire bocca e denti. Prendi il carattere ">" e usa lo strumento Ruota (R) per capovolgerlo di 90 gradi.

Passaggio 10

Seleziona il carattere ">", quindi premi Maiusc + Alt e spostalo a destra per fare una copia dell'elemento e vincolare il movimento orizzontale.

Passaggio 11

Usando il duplicato (Comando + D), crea altri sei ">" caratteri per avere sette di essi in totale. Disporli come puoi vedere nell'esempio qui sotto.

Passaggio 12

Ora seleziona i sette segni, fai clic su Aggiungi all'area di forma nella scheda Pathfinder e quindi fai clic su Espandi.

Passaggio 13

Non appena hai finito, copia (Comando + C), quindi incolla davanti (Comando + F) la nuova figura. Usa lo strumento Rifletti (O) per capovolgere la nuova copia della figura sul suo asse orizzontale.

Passaggio 14

Disporli come si vede nell'immagine di esempio qui sotto per ottenere i denti del personaggio.

Passaggio 15

Infine seleziona "i", fai clic con il tasto destro del mouse e premi Rilascia percorso composto. Eliminare il punto della "i" e ruotare il corpo della forma della lettera di 90 gradi.

Passaggio 16

Ora estrai e copia (Comando + C), incolla in avanti (Comando + F) e disponi il labbro superiore e inferiore.

Passaggio 17

Seleziona Denti e Labbra e fai clic su Aggiungi all'area di forma nella scheda Pathfinder e quindi fai clic su Espandi. Ora hai una bella bocca!

Passaggio 18

Muovi la bocca (riempimento bianco) sul corpo e distribuisci gli elementi come nell'esempio qui sotto.

Passaggio 19

Crea una copia del corpo (Comando + C), incolla in primo piano (Comando + F) e vai a Oggetto> Disponi> Porta in primo piano (Comando + Maiusc + Tasto di parentesi destra).

Passaggio 20

Ora tieni premuto Maiusc e seleziona sia il corpo che i denti, quindi fai clic con il pulsante destro del mouse e seleziona Crea maschera di ritaglio. Quindi vai alla scheda Pathfinder e fai clic su Ritaglia.

Passaggio 21

Selezionare "0", fare clic con il pulsante destro del mouse sull'elemento selezionato e selezionare Rileva percorso composto.

Passaggio 22

Spostare la sezione interna dello "0" e duplicare l'oggetto. Quindi disponi entrambe le figure come gli Occhi della nostra creatura.

Passaggio 23

Usa lo Strumento selezione diretta (A) per selezionare la metà inferiore dello "0", quindi premi Elimina sulla tastiera. Quando hai finito di selezionare entrambe le estremità della nuova figura, applica Join (Command + J) e hai un piede.

Passaggio 24

Seleziona il piede e usa Maiusc + Alt per spostarlo a destra per fare una copia dell'elemento. Disporre entrambi i piedi come nell'esempio qui sotto.

Passaggio 25

Prendi il punto interrogativo "?" e fare due copie di esso.

Passaggio 26

Selezionare i tre elementi e fare clic con il tasto destro del mouse per rilasciare il percorso composto.

Passo 27

Elimina i due punti del punto interrogativo e disponi il resto degli elementi tramite Rotazioni (R) e Riflessioni (O) fino a quando non arrivi all'immagine sotto.

Passaggio 28

Dopo di ciò prendi un altro punto interrogativo e ne fai due copie. Seleziona i tre elementi e fai clic con il pulsante destro del mouse, quindi scegli Rilascia percorso composto.

Passaggio 29

Elimina due punti punto interrogativo e disponi il resto degli elementi tramite Rotazioni (R) e Riflessioni (O) finché non arrivi all'immagine di esempio qui sotto.

Passaggio 30

Ora hai i tentacoli della nostra creatura del tipo. Disporli nel corpo.

Passaggio 31

Al termine, selezionare tutti i tentacoli e fare clic con il pulsante destro del mouse sulla selezione su Gruppo.

Passo 32

Copia (Comando + C), incolla davanti (Comando + F), e usa lo strumento Riflesso (O) per capovolgere la copia sulla sua Ascia Verticale a 90 gradi.

Passaggio 33

Disporli come mostrato di seguito.

Passaggio 34

Infine prendi il punto del punto interrogativo, fai una rotazione di 45 gradi (R) e usa lo strumento selezione diretta (A) per selezionare il punto più alto del quadrato. Ora allungalo come puoi vedere nella figura. Sei pronto per goderti il ​​tuo mostro basato su Tipo!

Conclusione

Per l'immagine finale di seguito, ho aggiunto un semplice effetto di sfondo. Vai avanti e crea il tuo. Puoi anche portarlo ora in Photoshop e aggiungere un po 'di texture. Per qualche ispirazione, visita i caratteri tipografici e divertiti! Puoi saperne di più sul progetto dei caratteri tipografici nella mia intervista su Vectortuts+.

Iscriviti al feed RSS di Vectortuts + per rimanere aggiornato con le ultime esercitazioni e articoli vettoriali.