Creare un effetto di testo visco verde

Nel seguente tutorial espandere un font esistente, utilizzare gli strumenti 3D di Illustrator per aggiungere la dimensione e quindi aggiungere un effetto di testo visco verde. Se vuoi aggiungere un divertente effetto di testo vettoriale al tuo portfolio, inizia subito.


Passo 1

Innanzitutto, scarica il font Earthling e spostati nella directory Fonts. Ora, apri Illustrator, crea un documento di 700px per 300px e scegli lo Strumento testo (T). Fai clic sulla tua tavola da disegno, inserisci il testo e vai su Oggetto> Espandi. Selezionare il gruppo risultante di forme e riempirle con R = 142, G = 198, B = 64.


Passo 2

Seleziona il gruppo creato nel passaggio precedente e vai a Effetto> 3D> Estrusione e smusso. Fare clic sul pulsante Altre opzioni, inserire tutti i dati mostrati di seguito, fare clic su OK, quindi su Oggetto> Espandi aspetto.


Passaggio 3

Drill down nel gruppo e sottogruppi creati nei passaggi precedenti. Prima di tutto, elimina tutti i tracciati di ritaglio, quindi utilizza il pulsante Unisci dal pannello Elaborazione tracciati per unire alcune di queste forme.


Passaggio 4

Seleziona tutte le forme di lettere in alto e vai su Oggetto> Percorso composto> Crea. Riempi il percorso risultante con R = 6, G = 105, B = 57, quindi portalo in primo piano (Shift + Comando + tasto Destra parentesi). Fare doppio clic su di esso (nel pannello Livelli) e denominarlo "vettori". Seleziona il resto delle forme e sostituisci il colore di riempimento con R = 91, G = 164, B = 69.


Passaggio 5

Apri il pannello Sfumatura e Campioni. Crea i quattro gradienti mostrati di seguito e salvali nel pannello Campioni. Assegnare loro un nome da "1" a "4" come mostrato nei seguenti passaggi. Dai uno sguardo più da vicino al gradiente e noterai del testo giallo sopra alcuni dei cursori del gradiente. Sta per Opacity.


Passaggio 6

Concentriamoci sulle forme "v". Ignora la forma della lettera in alto e concentrati sugli altri due. Seleziona la forma superiore, apri il menu a comparsa del pannello Aspetto e fai clic su Aggiungi nuovo riempimento. Questo dovrebbe aggiungere un secondo riempimento per la forma selezionata.

Seleziona questo nuovo riempimento e usa "Gradiente 01", come mostrato di seguito. Seleziona la forma in basso, aggiungi un nuovo riempimento e usa la stessa sfumatura come mostrato nella prima immagine. Aggiungi un terzo riempimento per ciascuna di queste forme e usa "Gradiente 02". Seleziona la forma in basso, aggiungi due nuovi riempimenti e usa "Gradiente 03", come mostrato nella terza immagine. Aggiungi un riempimento finale per la forma inferiore e usa "Gradiente 04".


Passaggio 7

Ora che hai capito come lavorare con più riempimenti, usa gli stessi gradienti per il resto delle forme, come mostrato nelle immagini seguenti. Infine, seleziona tutte queste forme e raggruppale (Comando + G).


Passaggio 8

Torna alle forme "v". In questo passaggio, vedremo alcuni dettagli discreti. Innanzitutto, crea due copie della forma inferiore, quindi seleziona lo strumento Rettangolo (M) e crea due rettangoli come mostrato nelle prime immagini. Seleziona ognuna di queste forme insieme a una delle copie e fai clic sul pulsante Interseca dal pannello Elaborazione tracciati. Riempi entrambe le forme con il bianco e abbassa la loro opacità al 10%.


Passaggio 9

Ripeti le stesse tecniche per il resto delle forme. Si noti che questi rettangoli freschi devono essere posti sopra le aree più chiare (dove si applica "Gradient 03"). Infine, seleziona tutte queste forme bianche e raggruppale (Comando + G).


Passaggio 10

Ora concentriamoci sulla forma dei "vettori". Selezionalo e crea due copie (Comando + C> Comando + F). Vai a Modifica> Preferenze> Generale e inserisci "1" nella casella Incremento tastiera. Seleziona la copia in alto e premi una volta la freccia su (per spostarla di 1px in su). Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati.

Riempi le forme risultanti con R = 142, G = 198, B = 64. Riseleziona il vettori forma e realizza altre due copie. Vai a Modifica> Preferenze> Generale e inserisci "0,5" nella casella Incremento tastiera. Seleziona la copia in alto e premi la freccia giù una volta (per spostarla di 0,5 px in giù). Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi le forme risultanti con R = 0, G = 67, B = 31.


Passaggio 11

Per il seguente passaggio avrai bisogno di una griglia ogni 1 pixel. Per prima cosa, attiva la griglia (Visualizza> Griglia) e la Scatta alla griglia (Visualizza> Blocca sulla griglia), quindi vai a Modifica> Preferenze> Guide e griglia. Inserisci "1" nelle caselle "Gridline ogni" e "Sottodivisioni", quindi fai clic su OK. Ora seleziona lo strumento Ellisse (L) e crea tre cerchi spremuti (una forma 6x5 px, una 4x3 px e una 3x2 px) e posizionali come mostrato nell'immagine seguente..

Riempili con R = 91, G = 164, B = 69 poi raggruppali (Comando + G). Disabilita la griglia e lo snap alla griglia, quindi crea diverse copie di questo gruppo e allargale sul testo come mostrato nella seconda immagine.


Passaggio 12

Seleziona lo strumento Rettangolo (M), crea una forma 680 x 30 px e posizionala come mostrato nell'immagine seguente. Selezionalo e vai su Effetto> Distorci e trasforma> Irruvidisci. Inserisci i dati mostrati di seguito, fai clic su OK, quindi vai su Oggetto> Espandi aspetto. Seleziona la forma risultante e vai su Oggetto> Tracciato> Tracciato offset. Inserisci un offset di 15px e fai clic su OK.


Passaggio 13

Ora aggiungiamo un po 'di colore per le forme create nei passaggi precedenti. Seleziona il più piccolo, riempilo con R = 142, G = 198, B = 64, abbassa la sua Opacità al 70%, quindi vai a Effetto> Sfocatura> Sfocatura gaussiana. Immettere un Raggio 5px e fare clic su OK. Seleziona l'altra forma, riempila con R = 142, G = 198, B = 64, abbassa la sua Opacità al 30% e aggiungi l'effetto Sfocatura Gaussiana 5px.

Ora hai bisogno di mascherare queste due forme. Innanzitutto, raggruppali (Comando + G), quindi apri il pannello Trasparenza. Crea una nuova copia di "vettori", riempi di bianco e spostalo sopra questo nuovo gruppo (nel pannello Livelli). Ora seleziona la forma e il gruppo, apri il menu a comparsa del pannello Trasparenza e fai clic su Crea maschera di opacità. Alla fine, dovrebbe apparire come nell'immagine finale qui sotto.


Passaggio 14

Crea altre due copie di "vettori", quindi seleziona lo strumento Rettangolo (M). Crea una forma come quella mostrata nella prima immagine e duplicala. Selezionare uno dei rettangoli, insieme a una delle copie "vettori", quindi fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Seleziona le forme risultanti e vai su Oggetto> Percorso composto> Crea.

Riempi questo percorso con il gradiente lineare mostrato nella seconda immagine, abbassa la sua Opacità al 20%, quindi modifica la modalità di fusione in Sovrapposizione. Seleziona l'altro rettangolo insieme alla copia "vettori" e fai clic sul pulsante Intersezione dal pannello Elaborazione tracciati. Seleziona le forme risultanti e vai su Oggetto> Percorso composto> Crea. Riempi questo nuovo percorso con il gradiente lineare mostrato nella quarta immagine, abbassa la sua Opacità al 20%, quindi modifica la modalità di fusione in Sovrapponi.


Passaggio 15

Crea una nuova copia di "vettori". Selezionalo, Invia indietro (Shift + Command + Left Bracket key), posizionalo come mostrato nella seconda immagine e rinominalo "vectors.back". Cambia il suo colore di riempimento in R = 0, G = 67, B = 31, quindi duplicalo. Seleziona la copia, spostala 1px verso il basso e verso destra, quindi riduci la sua Opacità al 50%.


Passaggio 16

Riseleziona "vectors.back" e vai su Oggetto> Percorso> Offset Path. Immettere un offset "3px" e fare clic su OK. Seleziona la forma risultante, riempila con R = 6, G = 105, B = 57, e vai di nuovo su Oggetto> Percorso> Percorso offset.

Immettere un offset "2px" e fare clic su OK. Seleziona la forma risultante, riempila con R = 38, G = 126, B = 62, e vai di nuovo su Oggetto> Percorso> Percorso offset. Immettere un offset "2px" e fare clic su OK.

Selezionare la forma risultante, riempirla con R = 71, G = 150, B = 68, e passare ancora una volta a Oggetto> Percorso> Percorso offset. Immettere un offset "3px" e fare clic su OK. Riempi la forma risultante con R = 107, G = 175, B = 68.


Passaggio 17

Seleziona la forma originale "vectors.back" e vai a Effetto> Sfocatura> Sfocatura gaussiana. Immettere un raggio di 2x e fare clic su OK.


Passaggio 18

Seleziona tutte le forme fatte nel sedicesimo passo e vai a Effetto> Distorci e trasforma> Irrigidisci. Inserire i dati mostrati di seguito e fare clic su OK. Ora seleziona solo la forma più grande e vai a Effetto> Stilizzazione> Bagliore esterno. Inserire i dati mostrati di seguito e fare clic su OK.


Passaggio 19

Seleziona lo strumento Ellisse (L), crea 22px per 15px, quindi riempilo con R = 6, G = 105, B = 57. Seleziona questa forma e vai su Effetto> Deformazione> Arco. Inserisci i dati mostrati di seguito, fai clic su OK, quindi vai su Oggetto> Espandi aspetto. Crea due copie della forma risultante. Seleziona la copia in alto e premi la freccia su tre volte (per spostarla di 1,5px in su).

Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con R = 91, G = 164, B = 69. Ora aggiungi un secondo riempimento e utilizza il gradiente lineare mostrato nell'immagine finale. Raggruppa queste due forme.


Passaggio 20

Seleziona lo strumento Ellisse (L), crea una forma 18px per 12px e riempila con R = 6, G = 105, B = 57. Seleziona questa forma e vai su Effetto> Deformazione> Arco. Inserisci i dati mostrati di seguito, fai clic su OK, quindi vai su Effetto> Deformazione> Pesce. Ancora una volta, inserisci i dati mostrati di seguito, fai clic su OK, quindi vai su Oggetto> Espandi aspetto. Crea due copie della forma risultante.

Seleziona la copia in alto e premi la freccia su tre volte (per spostarla di 1,5px in su). Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con R = 91, G = 164, B = 69, quindi aggiungi un secondo riempimento e utilizza il gradiente lineare mostrato nell'immagine finale. Raggruppa queste due forme.


Passaggio 21

Seleziona il gruppo creato nel passaggio precedente e vai a Effetto> Distorci e trasforma> Rifletti. Controllare il pulsante Verticale, quindi fare clic sul pulsante Copia. Questo creerà una copia capovolta del tuo gruppo.


Passaggio 22

Crea alcune copie dei gruppi realizzati nei tre passaggi precedenti. Ruota, ridimensiona, quindi posiziona questi gruppi come mostrato nell'immagine seguente. Aggiungi un cerchio discreto e schiacciato per ciascuna parte di questo gruppo e riempilo con R = 91, G = 164, B = 64. Infine, aggiungi un semplice effetto Ombra esterna (Effetto> Stilizzazione> Sfalsa ombra) per i gruppi in basso.


Passaggio 23

Per lo sfondo, utilizzare lo strumento Rettangolo (M) per creare una forma della dimensione della tavola da disegno (700 per 300 pixel). Riempilo di bianco, quindi aggiungi un secondo riempimento e utilizza il gradiente radiale mostrato nella seconda immagine. Ancora una volta, dai uno sguardo più da vicino al gradiente. Il test giallo sta per Opacity e il testo bianco sta per Location.


Passaggio 24

Duplica il rettangolo fatto nel passaggio precedente. Selezionalo, seleziona il secondo riempimento (dal pannello Aspetto), quindi vai al pannello Sfumatura e fai clic sul pulsante Gradiente inverso. Infine, riseleziona l'intero percorso, abbassa la sua Opacità al 25% e il gioco è fatto.


Conclusione

L'immagine finale è sotto.