Creare un trattamento di tipo pixel 3D vibrante

In questo tutorial, ti mostrerò come creare un divertente trattamento con font in pixel 3D. Usando un font gratuito, gradienti e filtro Illustrator 3D, puoi facilmente creare un tipo di trattamento che puoi applicare a molti altri tipi di carattere.

Video Tutorial

L'editore di VECTORTUTS Sean Hodge ha creato questo tutorial video per completare questo tutorial di testo + immagine.


Crea un trattamento di tipo 3D a pixel vivaci - Video di Sean Hodge su Vimeo.

Passo 1

Scarica il font 04b_03 da Dafont e installalo sul tuo sistema.


Passo 2

Crea un nuovo documento e digita del testo con lo Strumento Testo (T) e applica il carattere 04b_03. Una volta digitato, traccia il testo andando su Digita & gt Crea contorni (Maiusc + Comando + O).


Passaggio 3

Cambia il colore del tipo in un'arancia in modo che possiamo vedere l'effetto dell'ombreggiatura quando utilizziamo il filtro Estrusione e Smusso, ma cambieremo il colore in un secondo momento.


Passaggio 4

Con il testo del contorno selezionato vai a Filtro & gt Effetto & gt 3D & gt Estrusione e Smusso per aprire la finestra di dialogo Opzioni estrusione e smusso 3D. Una volta nella finestra di dialogo, mantieni le misure predefinite tranne Profondità estrusione. L'impostazione predefinita dovrebbe essere la seguente: -18 per la rotazione attorno all'asse X (freccia rossa), -26 per la rotazione attorno all'asse Y (freccia verde), 8 per la rotazione attorno all'asse Z (freccia blu), 0 per la prospettiva e 50 per la profondità di estrusione. Una volta che le impostazioni sono impostate sul valore predefinito, cambiare la profondità di estrusione su 40.


Passaggio 5

Con il testo 3D selezionato, vai su Oggetto & gt Espandi Aspetto.


Passaggio 6

Usa lo strumento bacchetta magica (Y) e fai clic sul colore arancione più chiaro. Questo selezionerà tutti gli oggetti contenenti il ​​colore più chiaro. Modifica il riempimento dell'arancione selezionato con un gradiente lineare dal pannello Sfumatura. Trasforma il primo campione nel dispositivo di scorrimento a gradiente in un colore arancione e il secondo campione in un arancio più scuro.


Passaggio 7

Quindi regoleremo il gradiente su ogni singola lettera con lo strumento Gradiente (G). Inizia selezionando le forme della prima lettera con lo Strumento selezione diretta (A). Se usi lo strumento Selezione (V), selezionerai tutto il testo, vogliamo solo che selezioni il gradiente nella prima lettera. Con lo strumento Gradiente (G), fai clic sulla parte superiore della lettera e trascina fino alla fine della lettera, rendendo l'arancione più chiaro nella parte superiore della lettera.


Passaggio 8

Ripeti il ​​passaggio precedente a tutte le lettere del tuo tipo.


Passaggio 9

Usa la tua bacchetta magica (Y) e seleziona la seconda arancione più leggera.


Passaggio 10

Riempi la selezione con un gradiente lineare e assicurati che il primo campione nel dispositivo di scorrimento del gradiente sia arancione scuro rispetto al gradiente precedente e che il secondo campione sia di colore arancione scuro rosso.


Passaggio 11

Con il nuovo gradiente lineare ancora selezionato, modifica la posizione nel pannello Sfumatura su 180 in modo che la parte più scura del gradiente si trovi sul lato sinistro delle lettere.


Passaggio 12

Usa la bacchetta magica e seleziona l'ultima arancia scura.


Passaggio 13

Riempi la selezione con un gradiente lineare e assicurati che il primo campione nel dispositivo di scorrimento del gradiente sia il rosso scuro arancione del gradiente precedente e il secondo campione sia di un rosso più scuro.

Passaggio 14

Con il nuovo gradiente lineare ancora selezionato, modifica la posizione nel riquadro dei gradienti su 90 in modo che la parte più scura del gradiente si trovi sul lato superiore delle lettere.


Passaggio 15

Ora che il tipo è terminato, possiamo iniziare a guardare lo sfondo. Crea un rettangolo con lo Strumento rettangolo (M) che è la dimensione del tuo documento e posiziona dietro tutti gli altri tuoi disegni.


Passaggio 16

Riempi il rettangolo con un gradiente radiale dal pannello Sfumatura e modifica il primo campione nel cursore Sfumatura in un colore ciano chiaro e il secondo campione in un colore ciano.


Passaggio 17

Con lo strumento sfumatura, regola il gradiente radiale facendo clic vicino alla prima lettera del testo e trascinando fino al centro del documento.


Passaggio 18

Crea un'ellisse con lo strumento Ellisse di 730 px per 730 px senza riempimento e tratto bianco, quindi posiziona il centro del cerchio sulla prima lettera del testo. Una volta posizionato, invia il disegno dietro il testo.


Passaggio 19

Con l'ellisse selezionata, modifica il tratto a 800 pt dal pannello Traccia. Mentre sei ancora nel pannello Traccia, seleziona la casella di controllo Linea tratteggiata e modifica il Tratteggio a 50 pt, offrendoti una bella raffica radiale.


Passaggio 20

Con l'ellisse ancora selezionata, modifica la trasparenza al 20% dal pannello Trasparenza.


Passaggio 21

Ora possiamo iniziare a creare le forme del cloud. Con lo strumento Ellisse (L), crea da dieci a quindici ellissi sovrapposte l'una all'altra per creare una forma di nuvola.


Passaggio 22

Invia il set di ellisse dietro il tipo, Copia (Comando + C) e Incolla (Comando + V) le ellissi e posizionale attorno al testo.


Passaggio 23

Crea un altro set di nuvole con ellissi e inviale dietro le nuvole originali.


Passaggio 24

Con la nuova serie di nuvole selezionate, riempirle con una miscela lineare con il primo campione bianco e la seconda blu chiaro.


Passaggio 25

Con lo strumento Sfumatura Regola la sfumatura in modo che il bianco sia nella parte superiore delle nuvole.


Passaggio 26

Copia (Comando + C) e Incolla (Comando + V) il gradiente si appanna un altro paio di volte attorno al primo gruppo di nuvole.


Passo 27

Quasi finito, ma aggiungiamo alcune ombre al testo. Crea un'ellisse di 70 px per 70 px. Riempi l'ellisse con un gradiente radiale e crea il primo campione se il gradiente è un ciano scuro e il secondo campione bianco.


Passaggio 28

Con lo strumento Selezione (V), schiacciare l'ellisse di circa un terzo della sua dimensione originale e posizionarlo dietro la parte inferiore della prima lettera.


Passaggio 29

Copia (Comando + C) e Incolla (Comando + V) l'ellisse sotto ogni lettera. Se le ombre si sovrappongono, scegli Moltiplica dal menu. Tutto fatto!


Immagine finale

Di seguito è riportato il trattamento di tipo finale. Suggerisco di provare questo trattamento con altri font o di disegnare le tue lettere in pixel per sperimentare!

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