Suggerimento rapido come utilizzare la tipografia per creare un effetto di testo 3D

Segui questo suggerimento rapido e impara come usare la tipografia per creare un effetto di testo 3D. Può sembrare complicato ma richiede solo pochi caratteri, le opzioni 3D e alcune regolazioni extra alla fine. Iniziamo!


Passo 1

Per prima cosa apri un nuovo documento web. Prendi lo strumento testo (T) e digita "Vettore" o qualsiasi altra parola. Il carattere che ho usato si chiama Becker Black NF e può essere trovato qui. Vai al menu Oggetto e seleziona Espandi poi Separa. Useremo queste lettere solo come riferimento per disporre tutte le parole al loro interno.


Passo 2

Prima di iniziare a costruire le nuove lettere fatte con le parole lascia che ti spieghi i modi per farlo e gli strumenti di cui hai bisogno. Nell'immagine qui sotto puoi vedere cinque esempi. Come mostrato nel primo esempio, prendi semplicemente lo Strumento testo (T) e inizia a digitare qualsiasi parola che desideri. La stessa cosa vale per lo Strumento di tipo verticale (esempio 2). Esempio 3: utilizzare lo strumento Tipo verticale per digitare la parola, quindi ruotarla di 90 gradi. La stessa cosa che ho fatto nell'esempio 4 solo questa volta ho ruotato la parola meno 20 gradi o quanto necessario fino a quando non corrisponde al bordo della lettera. Esempio 5: traccia un percorso usando lo strumento Penna (P), quindi passa a Tipo su uno strumento tracciato, fai clic sul tracciato e inizia a digitare. Tutte le altre parole sono state scritte usando uno di questi cinque modi.

Nel pannello Carattere (menu Finestra> Tipo> Carattere) oltre al tipo di carattere e alla dimensione che stai utilizzando, è importante il Imposta il tracciamento per i personaggi selezionati opzione. Scegli un valore positivo se vuoi aumentare lo spazio tra le lettere o un valore negativo, a seconda di come organizzi le parole in modo che corrispondano tutte.


Passaggio 3

Ora puoi iniziare a riempire la lettera "V" con varie parole. Consiglio di iniziare con le parole più grandi e lasciare quelle più piccole alla fine.

Per aiutarti, ho elencato nelle immagini sotto tutti i tipi di carattere, le dimensioni e i valori di tracciamento che ho usato per la lettera "V". Non ho elencato tutti gli altri per non rendere il tutorial troppo noioso, ma in pratica tutti ripetono.

Tra i caratteri mostrati nelle immagini ci sono Indochine NF che si possono trovare qui e Anja Eliane da qui. Dovresti avere il resto nella lista dei font di Illustrator.


Passaggio 4

Continua con la lettera "E"

Ecco le prossime due lettere,

e gli ultimi due.


Passaggio 5

Al termine, vai al menu Oggetto e seleziona Espandi aspetto quindi Espandi. Ora devi disporre tutte le parole come indicato per la lettera "V" perché se le lasci in ordine casuale dopo aver applicato l'effetto 3D, tutto sembrerà sbagliato. Fai la stessa cosa per altre lettere.


Passaggio 6

Seleziona tre parole da ogni lettera e riempili con le tre sfumature di rosa o altri colori. Quando hai finito cambia il colore di riempimento di tutti gli altri in grigio. Se vuoi finire più velocemente seleziona solo una delle lettere nere, quindi vai a Seleziona menu> Stesso> Riempi colore. Come risultato di questa azione saranno selezionate tutte le lettere nere e potrai riempirle di grigio tutte insieme.


Passaggio 7

Ora che tutte le lettere sono pronte, selezionale tutte e dal menu Oggetto scegli Gruppo. Quindi vai al menu Effetto> 3D e applica l'effetto Estrusione e smusso usando le impostazioni mostrate. Fare clic sul pulsante Altre opzioni per aprire l'intera finestra di dialogo e spostare leggermente la luce come indicato. Seleziona Espandi aspetto dal menu Oggetto quando hai finito.


Passaggio 8

In precedenza abbiamo usato tre tonalità di rosa. Seleziona usando lo Strumento selezione diretta (A) solo una delle lettere (quella frontale) che hai riempito con la tonalità più chiara di rosa, quindi vai a Seleziona menu> Stesso> Colore riempimento. Come risultato di questa azione verranno selezionate tutte le parole che sono state riempite con questo colore e sarà possibile sostituire il colore di riempimento con il gradiente mostrato per tutti in una sola volta. Imposta il valore dell'angolo su meno 10 gradi.

Ripeti questo passaggio per le parole che sono state riempite con le altre due sfumature di rosa e usa i gradienti indicati.

Quindi selezionare usando lo Strumento selezione diretta (A) il lato anteriore di una delle lettere grigie, andare al menu Seleziona> Stesso> Colore riempimento e utilizzare la sfumatura mostrata per sostituire il colore di riempimento per tutti in una volta. Assicurati che non ci siano lettere grigie lasciate deselezionate prima di continuare.


Passaggio 9

Ora, seleziona una delle lettere riempite nel passaggio precedente con lo Strumento selezione diretta (A), quindi vai a Seleziona menu> Uguale> Riempi colore. Una volta che hai selezionato tutti, copia e incolla, quindi vai al menu Oggetto> Percorso composto> Crea. Otterrai il percorso composto blu mostrato di seguito.

Ora seleziona uno dei lati anteriori di una lettera riempita con il primo gradiente mostrato al punto 8 e ripeti questo processo. Otterrai il percorso composto verde mostrato di seguito. Continua con le parole riempite con gli altri due gradienti e crea gli altri due percorsi composti.

Nota: Non puoi incollarli davanti (anche se sarebbe stato più semplice) perché ogni lettera appartiene a un gruppo diverso e riceverai un messaggio di avviso quando proverai a creare il percorso composto.


Passaggio 10

Una volta ottenuti i quattro percorsi composti, riordinarli sopra il testo 3D. Selezionali tutti e quattro e fai clic su Aggiungi all'area della forma> Espandi dal pannello Pathfinder. Di conseguenza otterrete un singolo percorso composto come quello nero nell'immagine successiva.

Riempi questo percorso composto nero con il gradiente mostrato e modifica il valore dell'angolo a meno 70 gradi. Si chiama Neutral 7 e può essere trovato nel menu Librerie Swatch sotto Gradienti> Neutri. Cambia anche la modalità di fusione su Luce intensa e riduci l'opacità al 50%.


Passaggio 11

Copia e incolla davanti al percorso composto con cui hai lavorato al passaggio precedente ed elimina tutte le apparenze esistenti. Seleziona verde come colore di riempimento o altro. Copia e incolla di fronte ancora una volta e cambia il colore di riempimento in nero in modo da poter differenziare l'uno dall'altro. Prima di continuare vai al menu Modifica> Preferenze> Generali e imposta l'incremento della tastiera su 0,2 px. Ora sposta il tracciato composto nero solo un po 'facendo clic una volta sui tasti freccia destra e freccia giù sulla tastiera. Selezionare i percorsi verde e nero e fare clic su Sottrai dal pannello Pathfinder, quindi riempire il tracciato composto risultante con il bianco. Cambia la modalità di fusione in Luce soffusa.


Passaggio 12

Per creare lo sfondo, disegna un rettangolo usando lo Strumento rettangolo (M) dietro il testo 3D. Riempi di grigio, quindi apri il menu a comparsa nel pannello Aspetto e scegli Aggiungi nuovo riempimento. Mantieni lo stesso colore di riempimento, quindi vai al menu Effetto> Texture e applica l'effetto Granulosità. Cambia la modalità di fusione in Luce soffusa ma solo per questo secondo riempimento.


Passaggio 13

Prendi lo Strumento Ellisse (L) e disegna tre forme ovali come mostrato di seguito davanti alla forma dello sfondo ma dietro il testo. Riempi di nero poi vai al menu Effetto> Sfoca e applica una sfocatura gaussiana di 15 px. Impostali su Luce soffusa e abbassa le opacità tra il 50 e l'80%.

Per mascherarli, copia e incolla davanti al rettangolo dello sfondo e prima cancella gli aspetti esistenti. Seleziona questa forma e anche le tre ellissi e vai al menu Oggetto> Maschera di ritaglio> Crea.


Passaggio 14

Aggiungiamo un po 'di ombra e abbiamo finito. Seleziona il gruppo di parole 3D (non i due tracciati composti in cima) e vai al menu Effetto> Stilizzazione> Sfalsa ombra. Imposta i valori come mostrato e l'effetto del testo è pronto.


Conclusione

Ecco l'immagine finale. Oltre a scegliere i tipi di font e arrangerli tutti, il che richiede un po 'di tempo ed energia, questo effetto è abbastanza semplice da fare. Spero vi piaccia.