Crea un effetto di testo vetroso riempito con una sostanza verde e acida

Cosa starai creando

Nel seguente tutorial imparerai come creare un effetto testo vetroso riempito con una sostanza verde e acida. Utilizzerai strumenti per la creazione di forme, maschere di opacità e filtri. Questo progetto potrebbe funzionare bene per aggiungere una sensazione da scienziato pazzo al tuo prossimo progetto di design creativo.

Passo 1

Crea un documento RGB da 700px per 300px e inizia con lo Strumento rettangolo (M). Crea una forma della dimensione della tua tavola da disegno e riempila con R = 250, G = 250 e B = 250. Seleziona questo rettangolo e vai al pannello Aspetto.

Aprire il menu a comparsa e fare clic su Aggiungi nuovo riempimento. Questo aggiungerà un secondo riempimento per le tue forme. Selezionalo dal pannello Aspetto e usa il gradiente radiale mostrato sotto. Lo zero giallo dall'immagine del gradiente indica la percentuale di opacità. Assicurati che questo secondo riempimento sia ancora selezionato e abbassi Opacità al 75%.

Passo 2

Continua con lo strumento Rettangolo (M) e crea una nuova forma delle dimensioni della tua tavola da disegno. Successivamente, hai bisogno di un modello per questa forma fresca. Vai al pannello Campioni, apri il menu a comparsa e vai a Apri libreria campioni> Motivo> Grafica di base> Grafici_Tempi di base. Questo aprirà una nuova finestra con una bella serie di modelli incorporati.

Riempi il rettangolo con il modello USGS 17 Sandy Dry Lake e abbassa l'Opacità al 45%. Riseleziona lo strumento Rettangolo (M), crea una nuova forma della dimensione della tua tavola da disegno e riempila con il gradiente radiale mostrato nella seconda immagine.

Ora seleziona le due forme create in questo passaggio e vai al pannello Trasparenza (Finestra> Trasparenza). Aprire il menu a comparsa e fare clic su Crea maschera di opacità. Alla fine la tua forma dovrebbe assomigliare alla terza immagine.

Passaggio 3

Scegli lo Strumento testo (T) e aggiungi il tuo testo. Usa il carattere Gota con una dimensione di 120 pt e imposta il colore su R = 85, G = 237 e B = 10. Seleziona il testo e vai su Oggetto> Espandi, quindi seleziona il gruppo di forme risultante e vai su Oggetto> Percorso composto> Crea.

Fare doppio clic sul percorso risultante (nel pannello Livelli) e denominarlo "Bagliore". Seleziona "Glow" e vai su Oggetto> Tracciato> Tracciato offset. Immettere un offset -2px e fare clic su OK. Riempi il percorso risultante con il bianco e chiamalo "Testo".

Passaggio 4

Per questo passaggio è necessario abilitare le Smart Guides (Command + U). Seleziona lo strumento Penna (P) e disegna alcuni percorsi orizzontali come mostrato nella prima immagine. Aggiungi un tratto nero discreto per ognuno di questi percorsi per distinguerli più facilmente dal resto delle forme.

Ora prendi lo strumento Ellisse (L) e disegna alcune forme schiacciate sopra i percorsi orizzontali. Le guide intelligenti dovrebbero facilitare il tuo lavoro. Usando lo strumento Selezione (V), seleziona ognuna di queste forme ovali, quindi imposta il valore altezza a 4px (dal pannello Comando) e il colore a R = 0, G = 215 e B = 0.

Passaggio 5

Crea una copia di "Testo" e rendilo invisibile, ne avrai bisogno in seguito. Ora seleziona la forma originale "Testo", insieme ai percorsi orizzontali creati nel passaggio precedente e fai clic sul pulsante Dividi dal pannello Elaborazione tracciati.

Questo creerà un gruppo di nuove forme. Seleziona le forme bianche in alto (seconda immagine) e premi il tasto Cancella, quindi seleziona le forme in basso, bianche e vai su Oggetto> Percorso composto> Crea. Assegna un nome al percorso risultante "Verde".

Passaggio 6

Riseleziona la forma "Glow", abbassa la sua Opacity al 15%, quindi vai a Effect> Blur> Gaussian Blur. Inserisci un raggio di 15px, fai clic su OK e quindi blocca questa forma.

Passaggio 7

Concentrati su una delle forme ovali create nel quarto passaggio. Selezionalo, premi una volta Command + C, quindi premi Command + F due volte per creare due copie in primo piano. Successivamente, vai a Modifica> Preferenze> Generale e inserisci 0,25 px nella casella Incremento tastiera. Ora torna alle due copie. Seleziona quello in alto e premi due volte la freccia su (per spostarlo di 0,5px in su).

Riselezionare le due copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi la forma risultante con R = 185, G = 235 e B = 71. Ora abbassa la sua opacità all'85%. Crea due nuove copie di questa forma ovale (Comando + C> Comando + F> Comando + F).

Seleziona la copia in alto e premi la freccia giù una volta. Di nuovo, seleziona nuovamente queste due copie e fai clic sul pulsante Minus Front dal pannello Pathfinder. Riempi il percorso risultante con R = 0, G = 190 e B = 0. Ripeti le stesse tecniche per il resto delle forme ovali.

Passaggio 8

Seleziona il "Verde" e riempilo con il gradiente lineare mostrato sotto, quindi crea due copie (Comando + C> Comando + F> Comando + F). Seleziona la copia in alto e premi due volte la freccia sinistra, quindi seleziona nuovamente entrambe le copie e fai clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi il gruppo di forme risultante con R = 0, G = 148 e B = 68. Abbassa la sua opacità al 55%, quindi vai a Effetto> Sfocatura> Sfocatura gaussiana. Immettere un raggio di 1 pixel e fare clic su OK.

Passaggio 9

Successivamente, è necessario mascherare il gruppo creato nel passaggio precedente. Per prima cosa, crea una copia di "Verde" (Comando + C> Comando + F), riempilo con il bianco e Portalo in primo piano (Maiusc + Comando + Tasto parentesi destra).

Ora seleziona questa forma fresca, bianca (insieme al gruppo fatto il passo precedente), e vai al pannello Trasparenza. Aprire il menu a comparsa e fare clic su Crea maschera di opacità. Ora il tuo gruppo dovrebbe assomigliare alla seconda immagine mostrata. Selezionalo e portalo in primo piano (Maiusc + Comando + Tasto parentesi destra).

Passaggio 10

Duplica "Verde", seleziona questa copia e premi la freccia sinistra dodici volte. Fai una copia di questa mossa, selezionala e colpisci la freccia sinistra otto volte. Riselezionare entrambe le copie e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Riempi il gruppo di forme risultante con il bianco, abbassa la sua opacità al 15%, quindi vai a Effetto> Sfocatura> Sfocatura gaussiana. Immettere un raggio di 1 pixel e fare clic su OK.

Passaggio 11

Ancora una volta, è necessario mascherare il gruppo creato nel passaggio precedente. Crea una copia di "Verde", riempi di bianco e porta in primo piano (Shift + Comando + tasto di parentesi destra). Ora, seleziona questa forma fresca, bianca insieme al gruppo creato nel passaggio precedente, vai al pannello Trasparenza, apri il menu a comparsa e fai clic su Crea maschera di opacità. Il tuo gruppo dovrebbe assomigliare alla seconda immagine mostrata. Selezionalo e portalo in primo piano (Maiusc + Comando + Tasto parentesi destra).

Passaggio 12

Seleziona "Verde" e vai a Oggetto> Tracciato> Tracciato offset. Immettere un offset -2 e fare clic su OK. Duplica la forma risultante (Comando + C> Comando + F). Seleziona questa copia, quindi colpisci la freccia destra e la freccia su sei volte.

Riselezionare queste due copie e fare clic sul pulsante Minus Front dal pannello Pathfinder. Riempi il gruppo di forme risultante con R = 185, G = 235 e B = 71. Ora vai su Effetto> Sfocatura> Sfocatura gaussiana. Immettere un raggio di 1,5 e fare clic su OK.

Passaggio 13

Ancora una volta, è necessario mascherare il gruppo creato nel passaggio precedente. Crea una copia di "Verde", riempilo con il bianco e portalo in primo piano (Shift + Comando + tasto destro del Bracket). Ora seleziona questa forma fresca, bianca (insieme al gruppo creato nel passaggio precedente), vai al pannello Trasparenza, apri il menu a comparsa e fai clic su Crea maschera di opacità. I tuoi gruppi dovrebbero assomigliare alla seconda immagine mostrata. Selezionalo e portalo in primo piano (Maiusc + Comando + Tasto parentesi destra).

Passaggio 14

Attiva la visibilità per la copia "Testo" creata nel quinto passaggio e rinominala "Vetro". Portalo in primo piano (Shift + Comando + tasto Destra parentesi), abbassa la sua Opacità al 30% e riempilo con il gradiente lineare mostrato sotto. I numeri bianchi dall'immagine del gradiente rappresentano la percentuale di posizione, mentre i numeri gialli indicano la percentuale di opacità.

Se scegli di usare un'altra parola devi sapere che ogni forma di lettera deve avere un cursore di opacità al 100% nel mezzo e due cursori di opacità 0% (uno a sinistra e l'altro a destra). Dopo aver aggiunto questo gradiente complesso, con questa forma ancora selezionata, vai a Effetto> Stilizzazione> Bagliore interno. Inserire i dati mostrati di seguito e fare clic su OK.

Passaggio 15

Fai una copia di "Glass" e portalo in primo piano. Seleziona questa copia e premi D per aggiungere le proprietà predefinite (riempimento bianco e 1pt, tratto nero) per la tua forma. Rimuovi il riempimento, seleziona il tratto e fallo largo 0,15pt, quindi vai su Oggetto> Espandi aspetto. Riempi il percorso risultante con il gradiente lineare mostrato nella terza immagine sotto.

Passaggio 16

Seleziona "Vetro" e vai su Oggetto> Tracciato> Tracciato offset. Immettere un offset di -4px e fare clic su OK. Seleziona il percorso risultante e premi D per aggiungere le proprietà predefinite. Rimuovi il tratto nero e duplica questa forma. Seleziona la copia e premi la freccia destra otto volte.

Riselezionare questa copia, insieme alla forma originale, e fare clic sul pulsante Meno anteriore dal pannello Elaborazione tracciati. Seleziona il gruppo di forme risultante, abbassa la sua Opacità al 60%, quindi vai a Effetto> Sfocatura> Sfocatura gaussiana. Immettere un raggio di 2 pixel e fare clic su OK.

Passaggio 17

Crea due nuove copie di "Glass". Seleziona la copia in alto, quindi premi due volte la freccia destra e una freccia in giù. Ora riselezionate entrambe le copie e fate clic sul pulsante Minus Front dal pannello Pathfinder. Riempi il gruppo di forme risultante con il bianco e abbassa la sua opacità al 20%.

Passaggio 18

Ancora una volta, crea due copie di "Glass". Seleziona la copia in alto, quindi premi cinque volte la freccia destra e la freccia in basso. Ora riselezionate entrambe le copie e fate clic sul pulsante Minus Front dal pannello Pathfinder. Riempi il gruppo di forme risultante con il bianco e abbassa la sua opacità al 30%. Seleziona questo gruppo e spostalo verso il basso nel pannello Livelli (sotto gli altri componenti di testo), proprio sopra la forma "Bagliore".

Passaggio 19

Crea una nuova copia di "Glass". Selezionalo, quindi premi la freccia destra e la freccia giù sei volte. Rinominalo "Ombra" e spostalo sotto il gruppo creato nel passaggio precedente (nel pannello Livelli). Ora modifichiamo le proprietà. Innanzitutto, rimuovi l'effetto Bagliore interno, quindi riempilo con R = 40, G = 49 e B = 50. Abbassa l'opacità al 6% e vai a Effetto> Sfocatura> Sfocatura gaussiana. Inserisci un raggio di 1,5 px e fai clic su OK.

Passaggio 20

Apri il pannello Pennelli. Scegli lo strumento Penna (P) e disegna un percorso semplice come quello mostrato nella prima immagine. Riempi con nessuno e usa il pennello Filbert Setole. Quindi, è necessario mascherare questa forma. Crea una copia di "Glass", riempila solo di bianco e portalo in primo piano (Shift + Command + tasto Right Bracket).

Seleziona questa copia, insieme al pennello, e vai al pannello Trasparenza. Aprire il menu a comparsa e fare clic su Crea maschera di opacità. Infine, seleziona questa forma mascherata, portala in primo piano (Shift + Comando + tasto Destra parentesi), e abbassa la sua Opacità al 50%.

Passaggio 21

Continuiamo con le piccole forme a bolla. Seleziona lo strumento Ellisse (L), tieni premuto Maiusc, crea una forma 5px per 5px e riempila con la sfumatura lineare mostrata sotto. Continuare con lo strumento Ellisse (L), creare tre nuove forme (3x3px, 2x2px, 1x1px) e riempirle con R = 246, G = 255 e B = 96. Usando lo strumento Ellisse (L), crea una forma 3.5 per 3.5 e riempila con R = 0, G = 210 e B = 0.

Crea un cerchio significativamente più piccolo, posizionalo come mostrato nella seconda immagine e riempilo con R = 125, G = 235 e B = 71. Seleziona questi due cerchi e raggruppali (Comando + G). Crea una copia di questo gruppo, spostalo di alcuni pixel a destra e vai al pannello Comando. Controlla l'icona Constrain Width e Height Proportions, e inserisci il 2.5 nella casella height. Crea due nuove copie di questo gruppo e ridimensionale a 1.5px per 1.5px e 1px per 1px.

Passaggio 22

Moltiplicare i cerchi gialli creati nel passaggio precedente, distribuirli casualmente sulla forma "Verde" e cambiare la loro modalità di fusione su Sovrapponi. Moltiplica i gruppi creati nel passaggio precedente e allargali come mostrato nella seconda immagine. Seleziona tutte queste piccole forme e raggruppale (Comando + G), quindi sposta il gruppo sotto la forma "Vetro" nel pannello Livelli.

Passaggio 23

Crea una nuova copia di "Vetro", riempila con il bianco e porta in primo piano (Shift + Comando + tasto destro Bracket). Seleziona questa nuova forma e vai su Oggetto> Trasforma> Rifletti. Controlla il pulsante Orizzontale e clicca OK. Ora, la tua forma dovrebbe assomigliare alla terza immagine. Selezionalo e spostalo sotto il testo, come mostrato nella quarta immagine.

Passaggio 24

Seleziona lo strumento Rettangolo (M) e crea una forma come quella mostrata nella prima immagine. Seleziona lo Strumento selezione diretta (A) e concentrati su questo rettangolo nuovo. Seleziona il punto di ancoraggio in alto a sinistra e spostalo di alcuni pixel verso destra. Ora seleziona il punto di ancoraggio in alto a destra e spostalo di alcuni pixel a sinistra. La tua forma dovrebbe apparire come un trapezio come mostrato.

Passaggio 25

Seleziona la forma trapezoidale insieme alla forma bianca del testo capovolto e vai a Oggetto> Distorsione busta> Crea con oggetto superiore. Otterrai una forma come quella mostrata nella seconda immagine. Selezionalo, vai su Oggetto> Espandi, quindi riempi il percorso risultante con il gradiente lineare mostrato nella terza immagine.

Passaggio 26

Infine, riseleziona "Verde" e vai a Effetto> Stilizzazione> Bagliore interno. Inserisci i dati mostrati di seguito, fai clic su OK e il gioco è fatto.

Conclusione

L'immagine finale è sotto in tutto il suo splendente vetro e la sua gloria fluida, acida e frizzante.