Mia Hartley 
Un effetto di testo è tutto quello che succede a una parola dopo che il carattere è stato scelto: il riempimento, il contorno, l'ombra dietro, la profondità sotto, la luce sulla superficie. Il carattere ti dà la forma delle lettere. L'effetto è quello che fa sembrare quelle forme oro, un'insegna al neon, qualcosa in fiamme.
Ci sono tre modi per ottenerne uno. Scrivi la tua parola in un generatore e scarichi un'immagine, apri un PSD a livelli in Photoshop, oppure scrivi del CSS e l'effetto vive soltanto dentro un browser. Questa pagina parla del primo, con la strada del PSD più in basso per chi vuole i livelli.
Seguono dodici famiglie, nell'ordine in cui le persone le cercano davvero. Ogni esempio è stato generato per davvero dal generatore di testo online di TextStudio, con il nome dell'effetto come parola, quindi qui non c'è niente di finto. Clicca su una qualsiasi immagine per aprire esattamente quello stile e metterci le tue parole. Nessuno dei dodici è uno stile premium.
1. Effetto testo 3D
La profondità è il trucco più vecchio del gruppo e resta il più utile: le lettere ricevono un fianco estruso, una fonte di luce e un appoggio, così smettono di essere inchiostro e diventano un oggetto.
Una profondità isometrica come questa si legge a qualsiasi dimensione, ed è per questo che loghi e miniature continuano a tornarci. L'alternativa è un'estrusione morbida in prospettiva, che sta meglio in grande e diventa poltiglia in piccolo. Se vuoi la versione più vecchia e squadrata della stessa idea, la raccolgono gli stili Word Art.
Adatto a: loghi, miniature di video, manifesti, tutto quello che deve sopravvivere a una riduzione.
2. Effetto testo oro
L'oro non è un colore, è una ricetta: un gradiente caldo che passa dallo scuro in alto al chiaro al centro, uno smusso netto sul bordo e un punto luce dove la luce batte. Riempi una lettera di giallo piatto e ottieni una banana.
Nemmeno il blu dietro è decorazione. L'oro ha bisogno di un fondo freddo e scuro per sembrare metallo, ed è il motivo per cui i manifesti dei premi, gli auguri di Capodanno e le etichette di lusso finiscono tutti su blu notte o su nero. Altri sono nella guida agli effetti di testo oro.
Adatto a: inviti, post di Capodanno, attestati, loghi che vogliono sembrare costosi.
3. Effetto testo neon
Un effetto neon è un tratto che emette luce: un nucleo acceso, un alone colorato che sfuma verso l'esterno e una superficie scura su cui la luce possa cadere. Su fondo bianco sparisce, e non c'è regolazione che lo salvi.
Il neon a tubo, quello sopra i bar, mantiene un contorno visibile e una sottile fessura spenta dentro la lettera. Gli stili a insegna LED tolgono il tubo e usano punti di luce. Altri stili luminosi sono nella raccolta di font neon.
Adatto a: inviti a una festa, overlay per le dirette, intestazioni di siti scuri, tutto quello che vuole sembrare un'insegna.
4. Effetto testo fuoco
Ci sono due modi per dare fuoco a una parola e non si somigliano. O le fiamme sono disegnate mentre salgono dalla cima delle lettere, oppure le lettere stesse sono fatte di brace e brillano dall'interno.
Le fiamme sopra le lettere tengono la parola leggibile, e conta parecchio se la parola è un nome. Le lettere piene di brace sembrano più calde e si leggono peggio. Le otto varianti, lava e fuoco da cartone animato compresi, sono passate in rassegna nella guida ai font fuoco.
Adatto a: miniature di gaming, manifesti di sport e di concerti, tutto quello che deve gridare.
5. Effetto testo cromato
Il cromo è un gradiente con dentro un orizzonte. Il trucco è la linea netta a metà di ogni lettera, dove il cielo riflesso incontra il terreno riflesso: toglila e ottieni plastica grigia.
Argento, acciaio e cromo sono la stessa famiglia con quantità di contrasto diverse. Il revival Y2K li ha riportati tutti insieme, e altri sono tra i font metallici e cromati.
Adatto a: attestati, loghi di auto e di sport, grafiche Y2K, tutto quello che deve essere metallico.
6. Effetto testo glitter
Il glitter vero è una texture dentro le lettere più polvere sparsa che cade intorno. La versione finta è un gradiente dorato liscio con sopra un luccichio disegnato, e una volta vista la differenza non riesci più a non vederla.
Il glitter è l'unico effetto che perde quasi tutto il suo senso in stampa, perché il luccichio è fatto di minuscoli pixel accesi che la stampa fonde in una tinta media. È fatto per gli schermi. La guida ai font glitter contiene il test per distinguere un luccichio vero da una lucentezza dipinta sopra.
Adatto a: post di compleanno, inviti a una festa, intestazioni di profilo, tutto quello che punta allo schermo di un telefono.
7. Effetto testo con contorno
Un solo tratto attorno a una parola la separa da qualunque cosa ci sia dietro. È tutta qui la ragione per cui meme e miniature lo usano: la didascalia resta leggibile su una fotografia che nessuno controlla.
Sovrapponi più tratti di colori diversi e la parola guadagna un alone abbastanza spesso da stare su qualsiasi cosa: è il look da adesivo. Ogni contorno in più ti fa perdere forma nelle lettere, quindi funziona su un manifesto e fallisce alla dimensione di una miniatura. La meccanica è nella guida per aggiungere un contorno al testo.
Adatto a: meme, adesivi, didascalie sopra foto e video.
8. Effetto testo con ombra
Un'ombra fa due cose insieme: stacca la parola dallo sfondo e ti dice dov'è la luce. Un'ombra morbida è uno strumento di contrasto. Un'ombra netta e spostata è uno stile.
L'ombra lunga qui sopra è la versione flat design, una sola forma piena a quarantacinque gradi, senza sfocatura. L'ombra portata morbida è quella di tutti i giorni, e dovrebbe essere abbastanza discreta da non farsi notare: è quella di cui parla la guida all'ombra del testo.
Adatto a: manifesti flat design, schermate di app, titoli di slide, didascalie che hanno bisogno di contrasto senza un contorno.
9. Effetto testo colorato
Il colore è un effetto a pieno titolo nel momento in cui smette di essere uniforme: un colore per lettera, oppure un gradiente che attraversa tutta la parola.
Il colore lettera per lettera è quello che chiedono davvero le feste per bambini, le aule scolastiche e i post del pride quando cercano scritte colorate. Un gradiente sulla parola è oggi lo standard nei video brevi. Gli otto colori e dove finisce ciascuno sono negli effetti di testo colorato.
Adatto a: materiale per compleanni e per la scuola, copertine di playlist, tutto quello che deve sembrare amichevole.
10. Effetto testo graffiti
Il graffito non è uno stile solo, è una famiglia di stili: il tag veloce, il throw-up grasso, il blockbuster, il wildstyle che non dovresti riuscire a leggere.
Un tag come questo è una firma, quindi vuole essere un nome. Nove stili di lettering, con il nome che ognuno ha su un muro e a cosa serve ciascuno, sono mostrati sulla stessa parola nei font graffiti.
Adatto a: copertine musicali, streetwear, nomi da gaming, materiale per skate e centri giovanili.
11. Effetto testo bolla
Le lettere bolla sono gonfiate: spalle tonde, un contorno spesso e una luce dove una fonte morbida colpisce la parte alta. Si leggono come giovani e amichevoli prima ancora che si legga una parola.
Qui c'è un bivio importante. Le lettere bolla come immagine, come questa, sono forme disegnate che scarichi. Le lettere bolla da copiare e incollare sono simboli Unicode che arrivano dentro una bio ma non si possono colorare. La guida alle lettere bolla copre entrambe, e anche come disegnarle a mano.
Adatto a: biglietti di compleanno, cartelloni di classe, set di adesivi, tutto quello che è per i bambini.
12. Effetto testo retro
Retro è un decennio, non un aspetto, e sbagliare decennio è l'errore più comune di questa pagina. Il groovy anni Settanta è tondo e caldo. L'arcade anni Ottanta è cromo e griglie. Lo Y2K è metallo gonfio su un desktop azzurro.
La versione anni Settanta qui sopra è quella tornata con più forza, sulle confezioni di caffè come sui manifesti dei festival. Altri stili del revival sono nei font retro.
Adatto a: manifesti di festival, packaging, merchandising musicale, tutto quello che deve essere nostalgico.
Sedici stili in più, una sola parola
Le dodici famiglie qui sopra coprono quello che le persone cercano. Il catalogo non si ferma lì, e il resto è più facile da giudicare su una parola sola che su dodici.
È qui che bisogna guardare quando l'effetto deve corrispondere a un soggetto invece che a un'atmosfera: un biglietto di Natale, un manifesto sportivo, un volantino per un vivaio, un invito a una festa con la parola composta di fiori.
Di cosa è fatto davvero un effetto di testo
Ogni stile qui sopra è una pila degli stessi quattro livelli, applicati nello stesso ordine. Una volta che riesci a vederli separati, puoi costruirne uno qualsiasi, e sai dire cosa non va in uno che non funziona.
Il riempimento è il colore, il gradiente o la texture dentro le lettere. Il contorno è il tratto attorno, ed è quello che fa sopravvivere una parola su uno sfondo movimentato. L'ombra separa la parola dalla superficie e stabilisce la direzione della luce. La profondità estrude le lettere fino a farne un solido.
L'oro è un riempimento più uno smusso. Il neon è un contorno luminoso senza riempimento. Una didascalia da meme è un riempimento piatto e un contorno spesso. Non succede nient'altro.
Come crearne uno, in cinque passaggi
Passaggio 1. Scrivi prima la tua parola
L'effetto si adatta alla parola, non il contrario. Uno stile perfetto su tre lettere può rompersi su undici, ed è meglio scoprirlo prima di aver scelto i colori.
Passaggio 2. Scegli lo stile più vicino a quello che vuoi
Non partire da un editor vuoto. Ogni stile di questa pagina si apre come un effetto già funzionante con il tuo testo dentro, e regolarne uno è più veloce che costruirne uno.
Passaggio 3. Cambia i colori prima di tutto il resto
Gran parte del carattere sta nel colore. Lo stesso smusso che si legge come oro si legge come cromo in grigio e come caramella in rosa, senza toccare nessun'altra impostazione.
Passaggio 4. Regola la dimensione per il posto in cui sarà visto
Una miniatura si legge a circa trecento pixel di larghezza su un telefono. I contorni sottili e le estrusioni piccole spariscono a quella dimensione, quindi guarda l'effetto in piccolo prima di decidere che funziona.
Passaggio 5. Scarica il file giusto
PNG per il web. PNG trasparente se la parola va sopra una tua immagine, ed è l'opzione che quasi tutti si perdono.
Ogni stile di questa pagina è gratis e non richiede un account. Apri TextStudio e metti la tua parola dentro uno qualsiasi.
L'alfabeto intero, in un solo effetto
Alcuni lavori hanno bisogno di lettere, non di parole: un nome composto su una parete, un cake topper tagliato una lettera alla volta, un cartellone di classe. Qualsiasi stile genera l'alfabeto intero in una volta sola.
Attenzione alle coppie che si toccano quando uno stile ha un contorno largo. Se due lettere si scontrano, aumenta la spaziatura invece di rimpicciolire il testo.
Il PNG trasparente
Un effetto scaricato di solito arriva con un rettangolo di sfondo attaccato. Da solo va benissimo. Sopra una tua fotografia diventa un riquadro grigio in mezzo all'immagine.
Nel pannello di download lo sfondo si può impostare su trasparente prima di esportare. Il file porta allora le lettere con il loro bagliore, la loro ombra e la loro profondità, e nient'altro. Si appoggia su una foto, un video, una slide o un progetto Canva e mantiene l'effetto intatto.
Dove finiscono queste parole
Lo stesso effetto si comporta in modo diverso a seconda di dove finisce, e vale la pena vederlo prima di impegnarsi con uno stile.
Su una miniatura video il nemico è la dimensione: la parola si legge in piccolo, accanto ad altre miniature, quindi il contrasto batte il dettaglio. Su un adesivo o su una stampa il nemico è il bordo: la parola ha bisogno di un margine che la separi da qualunque cosa ci sia sotto. Un PNG trasparente copre entrambi i casi.
I file PSD per Photoshop
Se vuoi i livelli invece di un'immagine finita, TextStudio regala anche i file sorgente. La pagina degli effetti di testo PSD gratuiti li descrive come immagini di effetti di testo PSD ad alta risoluzione per uso personale e professionale.
Ti serve qualcosa che apra un PSD: Photoshop, oppure Photopea nel browser, che è gratuito e legge i livelli. Per quella strada abbiamo una guida passo passo su come modificare un effetto di testo con Photopea.
I livelli valgono il passaggio in più quando l'effetto deve stare dentro una composizione più grande, o quando un cliente la settimana prossima chiederà di cambiare colore.
Dentro Canva
Tutti e dodici gli stili di questa pagina sono disponibili anche nell'app per effetti di testo su Canva, che porta lo stesso motore dentro l'editor di Canva. Scrivi lì la parola e l'effetto torna dentro il tuo progetto, senza nessun passaggio di caricamento in mezzo.
Gli stili di marchi e loghi sono l'eccezione: Canva non accetta loghi di terze parti dentro le sue app, quindi quelli restano sul sito e viaggiano come PNG trasparente.
Quanto costa
I dodici stili qui sopra sono stili gratuiti, e generarne uno non costa nulla. Il premium esiste e serve ad altro: qualità Ultra HD, tutti i formati di download compresi il vettoriale e il PSD, gli effetti e i caratteri esclusivi, nessuna pubblicità e nessun obbligo di attribuzione. Costa 9,99 EUR al mese, 49,99 EUR per un anno o 129,99 EUR una tantum, verificato il giorno in cui questo articolo è stato scritto.
Vale la pena dirlo chiaramente, perché la maggior parte degli strumenti equivalenti funziona al contrario: è l'effetto stesso a stare dietro al paywall.
I dodici a colpo d'occhio
| Effetto | Di cosa è fatto | Sfondo che serve | Ideale per |
|---|---|---|---|
| 3D | estrusione e una fonte di luce | qualsiasi | loghi, miniature |
| Oro | gradiente caldo più uno smusso | scuro e freddo | inviti, premi |
| Neon | tratto luminoso, senza riempimento | scuro | insegne, post di festa |
| Fuoco | fiamme sopra o brace dentro | scuro | gaming, sport |
| Cromo | gradiente con una linea d'orizzonte | scuro o neutro | attestati, Y2K |
| Glitter | grana dentro più polvere attorno | scuro, solo schermi | compleanni, profili |
| Contorno | uno o più tratti | foto movimentate | meme, adesivi |
| Ombra | forma spostata, netta o morbida | tinta piatta | slide, manifesti |
| Colore | una tinta per lettera, o un gradiente | chiaro | scuola, feste |
| Graffiti | bordo di bomboletta, colature, spruzzi | muri, scuro | musica, streetwear |
| Bolla | forma gonfia, contorno spesso | chiaro | bambini, biglietti |
| Retro | i dettagli di un solo decennio | caldo, smorzato | packaging, manifesti |
Scegli la famiglia che corrisponde al posto in cui la parola verrà vista, poi dedica il tuo tempo ai colori. Apri il generatore di scritte e parti dallo stile più vicino invece che da una tela vuota.
Domande frequenti
Qualcosa di tutto questo è gratis? I dodici stili di questa pagina lo sono, e lo è anche generarli. Il premium copre l'Ultra HD, i formati aggiuntivi, gli effetti esclusivi e la rimozione dell'obbligo di attribuzione.
Posso usare un effetto di testo a scopo commerciale? Leggi la licenza dello stile che hai scelto prima di vendere qualcosa che lo contiene. Uno stile che riprende il logo di un marchio non ti appartiene mai e non puoi concederlo in licenza, qualunque strumento abbia fatto l'immagine.
Gli effetti di testo si possono animare? Sì, alcuni. Gli stili animati si esportano come video o GIF invece che come immagine fissa, e sono una famiglia a parte rispetto a quelli di questa pagina.
Che file ottengo? Un PNG per impostazione predefinita, con una versione trasparente disponibile nel pannello di download, e i formati vettoriale o PSD con il piano premium.
Mi serve Photoshop? No, non serve per nulla di quello che c'è in questa pagina. Photoshop conta solo se vuoi i file PSD a livelli, e anche in quel caso Photopea li apre nel browser.
Quale effetto dovrei usare? Parti da dove sarà visto. Piccolo e movimentato vuol dire contorno o ombra. Scuro e grande vuol dire neon, oro o fuoco. La stampa vuol dire tutto tranne il glitter.