7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Text Effects

Come creare un effetto di testo luminoso e vivace in Adobe Photoshop

Read Time: 4 mins

Italian (Italiano) translation by Elle Dlag (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

In questo tutorial vi mostrerò come creare un effetto di testo luminoso e vivace in Adobe Photoshop utilizzando due stili di livello.

Se vuoi saltare questo tutorial ma desideri comunque comprare l'effetto di testo, puoi andare su GraphicRiver e acquistare 7 Shiny Photoshop Styles 2.

Il pacchetto completo ha sette diversi effetti di testo e si appllica a forme e testo

Promo imagePromo imagePromo image
7 Shiny Photoshop Styles 2

Risorse del tutorial

Per questo tutorial è stato utilizzato il seguente materiale:

  • Font: Lobster 1.4
  • Lo sfondo e il contorno sono allegati all'interno dello zip di questo tutorial

1. Come creare uno stile di livello

Step 1

Vai su File > Apri e apri l'immagine di sfondo.

Background imageBackground imageBackground image

Step 2

Seleziona lo Strumento Testo Orizzontale (T) con queste impostazioni:

  • Font: Lobster 1.4
  • Dimensione: 210 pt
  • modalità Anti-Aliasing: Netto
  • Colore: Bianco #ffffff
Horizontal Type Tool and its settingsHorizontal Type Tool and its settingsHorizontal Type Tool and its settings

Step 3

Scrivi Shiny e posizionalo al centro del documento

Per centrare un livello, premi Ctrl-A per selezionare l'intero documento, poi prendi lo Strumento Sposta (V) e clicca sulle icone di Allinea Centri Verticali e Allinea Centri Orizzontali.

Aligning the layerAligning the layerAligning the layer

Step 4

Fai un doppio click sul livello Shiny, per aprire la finestra Stile Livello

Proviamo ad attivare o disattivare i seguenti effetti per vedere i cambiamenti. Iniziamo con la Sovrapposizione Sfumatura; in questo modo vedrai meglio cosa sta accadendo.

Aggiungi una Sovrapposizione Sfumatura con queste impostazioni:

  • Metodo Fusione: Normale
  • Dithering: Deseleziona
  • Opacità: 100%
  • Inverti: Deseleziona
  • Stile: Lineare
  • Allinea con livello: Selezionato
  • Angolo: 90°
  • Scala: 100%

Clicca sulla Barra della Sfumatura e modifica la sfumatura con queste impostazioni:

  • Prima Interruzione di Colore: #ffc600
  • Posizione della prima Interruzione: 0%
  • Seconda Interruzione di Colore: #f8e45f
  • Posizione della seconda Interruzione: 100%
Gradient Overlay settingsGradient Overlay settingsGradient Overlay settings

Step 5

Aggiungi uno Smusso & Rilievo con queste impostazioni:

  • Stile: Effetto Rilievo
  • Tecnica: Arrotonda
  • Profondità: 286%
  • Direzione: Su
  • Dimensione: 10 px
  • Attenuazione: 0 px
  • Usa Luce Globale: Deseleziona
  • Angolo: 96°
  • Altitudine: 16°
  • Contorno superficie: clicca nel box del contorno e carica il file Shiny Contour.shc (file .zip)
  • Anti-Alias: Selezionato
  • Metodo Luce: Colore Scherma
  • Colore Metodo Luce: #ffee93
  • Opacità Metodo Luce: 67%
  • Metodo Ombra: Normale
  • Colore Metodo Ombra: #190a20
  • Opacità Metodo Ombra: 9%
Bevel and Emboss settingsBevel and Emboss settingsBevel and Emboss settings

Step 6

Aggiungi una Traccia con queste impostazioni:

  • Dimensione: 4 px
  • Posizione: Esterno
  • Metodo Fusione: Normale
  • Opacità: 100%
  • Sovrastampa: Deselezionato
  • Tipo di riempimento: Colore
  • Colore: #7344ac
Stroke settingsStroke settingsStroke settings

Step 7

Aggiungi un' Ombra Esterna con queste impostazioni:

  • Metodo di fusione: Normale
  • Colore: #ae00f6
  • Opacità: 100%
  • Usa Luce Globale: Deselezionato
  • Angolo: 120°
  • Distanza: 5 px
  • Estensione: 100%
  • Dimensione: 5 px
  • Contorno: Lineare
  • Anti-alias: Deselezionato
  • Disturbo: 0%
  • Livello Fora Ombra Esterna: Selezionato
Drop Shadow settingsDrop Shadow settingsDrop Shadow settings

Dovresti vedere un'immagine come questa:

How the image should lookHow the image should lookHow the image should look

Step 8

Seleziona il livello Shiny e premi Ctrl-J per duplicarlo, poi con un doppio click sul nome rinominalo in Shiny TOP

Renaming the layerRenaming the layerRenaming the layer

Step 9

Fai un click tasto destro sul livello Shiny TOP e seleziona Cancella stile livello. Poi con un doppio click sul livello apri la finestra di Stile livello

Aggiungi uno Smusso & Rilievo con queste impostazioni:

  • Stile: Smusso Interno
  • Tecnica: Arrotonda
  • Profondità: 551%
  • Direzione: Su
  • Dimensione: 16 px
  • Attenuazione: 0 px
  • Usa Luce Globale: Deselezionato
  • Angolo: 96°
  • Altitudine: 16°
  • Contorno Superficie: Insenatura Profonda
  • Metodo Luce: Scherma Colore
  • Colore Metodo Luce: #ffee93
  • Opacità Metodo Luce: 67%
  • Metodo Ombra: Normale
  • Colore Metodo Ombra: #190a20
  • Opacità Metodo Ombra: 9%
Bevel and Emboss settingsBevel and Emboss settingsBevel and Emboss settings

Step 10

Aggiungi un Ombra Interna con queste impostazioni:

  • Metodo Fusione: Moltiplica
  • Colore: #bf8c01
  • Opacità: 21%
  • Usa Luce Globale: Deselezionato
  • Angolo: -45°
  • Distanza: 5 px
  • Riduci: 0%
  • Dimensione: 5 px
  • Contorno: Lineare
  • Anti-Alias: Deselezionato
  • Disturbo: 0%
Inner Shadow settingsInner Shadow settingsInner Shadow settings

Step 11

Aggiungi una Sovrapposizione Sfumatura con queste impostazioni:

  • Metodo fusione: Colore Brucia
  • Dithering: Deselezionato
  • Opacità: 100%
  • Stile: Lineare
  • Allinea con il livello: Selezionato
  • Angolo: 90°
  • Scala: 100%

Clicca sulla Barra della Sfumatura e modifica la sfumatura con queste impostazioni:

  • Prima Interruzione di Colore: #a5a5a5
  • Posizione della prima Interruzione: 4%
  • Seconda Interruzione di Colore: #ffffff
  • Posizione della seconda Interruzione: 27%
  • Terza Interruzione di Colore: #e2e2e2
  • Posizione della terza Interruzione: 74%
  • Quarta Interruzione di Colore: #b2b2b2
  • Posizione della quarta Interruzione: 100%
Gradient Overlay settingsGradient Overlay settingsGradient Overlay settings

Step 12

Aggiungi un Bagliore Esterno con queste impostazioni:

  • Metodo fusione: Colore Scherma
  • Opacità: 75%
  • Disturbo: 0%
  • Colore: #eac919
  • Tecnica: Più Tenue
  • Estensione: 0%
  • Dimensione: 0 px
  • Contorno: Lineare
  • Anti-alias: Deselezionato
  • Intervallo: 50%
  • Tremolio: 0%
Outer Glow settingsOuter Glow settingsOuter Glow settings

Step 13

Aggiungi un' Ombra Esterna con queste impostazioni:

  • Metodo Fusione: Esclusione
  • Colore: #1eff00
  • Opacità: 100%
  • Usa Luce Globale: Deselezionato
  • Angolo: 120°
  • Distanza: 3 px
  • Estensione: 100%
  • Dimensione: 3 px
  • Contorno: Lineare
  • Anti-alias: Deselezionato
  • Disturbo: 0%
  • Livello Foro Ombra Esterna: Selezionato

In seguito clicca su OK

Drop Shadow settingsDrop Shadow settingsDrop Shadow settings

Step 14

Adesso tieni premuto Ctrl e clicca sul livello Shiny e Shiny TOP per selezionarli entrambi. Poi premi Ctrl-G per raggruppare i livelli

Grouping the layersGrouping the layersGrouping the layers

Step 15

Fai doppio click sul livello Gruppo per aprire la finestra Stile Livello.

Aggiungi un' Ombra Esterna con queste impostazioni:

  • Metodo Fusione: Normale
  • Colore: #000000
  • Opacità: 30%
  • Usa Luce Globale: Deselezionato
  • Angolo: 120°
  • Distanza: 3 px
  • Estensione: 39%
  • Dimensione: 5 px
  • Contorno: Lineare
  • Anti-Alias: Selezionato
  • Disturbo: 0%
  • Livello Fora Ombra Esterna: Selezionato

In seguito, clicca OK

E questo è il risultato:

Final resultFinal resultFinal result

Congratulazioni, ce l'hai fatta!

In questo tutorial, hai imparato come creare un effetto di testo luminoso e vivace in Adobe Photoshop. Abbiamo iniziato creando uno stile di livello, poi abbiamo aggiunto un altro stile di livello al di sopra di questo per completare l'effetto.

Non dimenticarti di salvare gli stili, così da poterli riutilizzare su altri oggetti.

Spero ti sia divertito con questo tutorial e lascia pure un commento sotto.

L'effetto di testo che abbiamo creato fa parte del 7 Shiny Photoshop Styles 2.

Promo imagePromo imagePromo image
7 Shiny Photoshop Styles 2
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Scroll to top
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.