1. Design & Illustration
  2. Add-Ons
  3. Layer Styles

Come creare un testo con effetto di sfumatura a fumetto in Adobe Photoshop

Scroll to top
Read Time: 4 min

() translation by (you can also view the original English article)

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

In questo tutorial voglio mostrarvi come creare un effetto fiaba su un testo con Adobe Photoshop. Se vuoi avere il risultato finale senza alcuno sforzo, puoi acquistarlo su GraphicRiver.

Questo pack include diversi stili di effetto e funziona con forme e testo.

Photoshop Text Styles 01Photoshop Text Styles 01Photoshop Text Styles 01
Stili di testo di Photoshop

Risorse per il tutorial

Le seguenti risorse saranno usate in questo tutorial:

Prima di cominciare a creare questo effetto di testo, scarica e installa il carattere.

1. Come creare gli stili di livello

Step 1

Apri Photoshop e vai su File > Nuovo per creare un nuovo documento.

Creating a New DocumentCreating a New DocumentCreating a New Document

Step 2

Riempi il documento usando il colore #282828. Seleziona lo strumento di testo (T) con queste impostazioni:

  • Carattere: Great Vibes
  • Dimensione carattere: 127 pt
  • Colore: Bianco
  • Il tracking per la selezione dei caratteri: -25
Text ToolText ToolText Tool

Step 3

Scrivi "Fiaba" (La prima lettera deve essere maiuscola) e posizionala al centro del documento Photoshop (premi Control-A per selezionare il documento, poi seleziona lo strumento Muovi (V) e fai clic sulle icone Allinea verticalmente al centro e Allinea orizzontalmente al centro).

Text AlignText AlignText Align

Step 4

Doppio clic sul livello del testo per applicare il seguente stile di livello.

Aggiungi una traccia con queste impostazioni:

  • Dimensione: 7 px
  • Posizione: Esterno
  • Modalità di fusione: Normale
  • Opacità: 100%
  • Tipo di riempimento: Colore
  • Colore: #ff0084
Layer 1 - StrokeLayer 1 - StrokeLayer 1 - Stroke

Poi fai clic su OK per salvare i cambiamenti.

Step 5

Seleziona il livello Fiaba, vai su Livello > Duplica livello, e poi chiama il livello "Centro". Fai clic su OK per creare il livello. Prendi lo strumento Muovi (V) e muovilo sopra e a sinistra di 7 px. Vai su Livello > Stile livello > Pulisci stile livello per pulire il livello dagli stili. Cambia il colore a #c6c6c6.

Creating a New LayerCreating a New LayerCreating a New Layer

Step 6

Fai poi doppio clic con il tuo mouse sul livello di testo per aprire la finestra di stile livello.

Aggiungi una traccia con queste impostazioni:

  • Dimensione: 4 px
  • Posizione: Esterno
  • Modalità di fusione: Normale
  • Opacità: 100%
  • Tipo di riempimento: Colore
  • Colore: #8c054a
Layer 2 - StrokeLayer 2 - StrokeLayer 2 - Stroke

Step 7

Ora aggiungi un bagliore interno:

  • Modalità di fusione: Sovrapponi
  • Opacità: 50%
  • Disturbo: 0%
  • Colore: #ffffff
  • Tecnica: Tenue
  • Sorgente: Bordo
  • Riduci: 100%
  • Dimensione: 4 px
  • Contorno: Lineare
  • Deseleziona Anti-alias
  • Intervallo: 100%
  • Disturbo: 0%
Layer 2 - Inner GlowLayer 2 - Inner GlowLayer 2 - Inner Glow

Step 8

Aggiungi una sovrapposizione di sfumatura con queste impostazioni:

  • Modalità di fusione: Normale
  • Opacità: 100%
  • Sfumatura: da #f6b6ce a #e35b9b
  • Stile: Riflesso
  • Angolo: 90°
  • Scala: 46%
  • Deseleziona Inverti e Oscilla
  • Seleziona Allinea con livello
Layer 2 - Gradient OverlayLayer 2 - Gradient OverlayLayer 2 - Gradient Overlay

Step 9

Aggiungi Ombra esterna con queste impostazioni:

  • Modalità di fusione: Normale
  • Scegli il colore #840048
  • Opacità: 100%
  • Deseleziona la casella Usa luce globale prima di impostare Angolo: 135°
  • Distanza: 10 px
  • Diffusione: 100%
  • Dimensione: 0 px
  • Contorno: Lineare
  • Deseleziona Anti-alias
  • Disturbo: 0%
  • Seleziona Livello fora ombra esterna
Layer 2 - Drop ShadowLayer 2 - Drop ShadowLayer 2 - Drop Shadow

Fai clic su OK per salvare i cambiamenti.

Step 10

Seleziona il livello Centro e duplicalo. Doppio clic sul nome e cambialo in "Davanti". Premi Invio per salvare le impostazioni. Prendi lo strumento Muovi (V) e muovilo di sopra per 5 px e a sinistra per 1 px. Vai su Livello > Stile livello > Pulisci stile livello per pulire il livello dagli stili.

Creating a New LayerCreating a New LayerCreating a New Layer

Step 11

Assicurati che il livello Davanti sia selezionato. Doppio clic con il tuo mouse sul livello per inserire i seguenti stili di livello. Imposta Opacità riempimento a 0%.

Layer 3 - Blending OptionsLayer 3 - Blending OptionsLayer 3 - Blending Options

Step 12

Aggiungi una traccia:

  • Dimensione: 7 px
  • Posizione: Interno
  • Modalità di fusione: Normale
  • Opacità: 0%
  • Tipo di riempimento: Colore
  • Colore: #000000
Layer 3 - StrokeLayer 3 - StrokeLayer 3 - Stroke

Step 13

Aggiungi una sovrapposizione di colore con queste impostazioni:

  • Modalità di fusione: Normale
  • Colore: #ffffff
  • Opacità: 40%
Layer 3 - Color OverlayLayer 3 - Color OverlayLayer 3 - Color Overlay

Fai clic su OK per salvare i cambiamenti.

Step 14

Seleziona i livelli Fiaba, Centro e Davanti, vai su Livello > Unisci livelli (oppure premi Control-E) per unirli in un unico.

Merging the LayersMerging the LayersMerging the Layers

Step 15

Doppio clic sul livello di testo per applicare il seguente stile di livello.

Aggiungi una traccia:

  • Dimensione: 10 px
  • Posizione: Esterno
  • Modalità di fusione: Normale
  • Opacità: 100%
  • Tipo di riempimento: Colore
  • Colore: #000000
Merged Layer - StrokeMerged Layer - StrokeMerged Layer - Stroke

Step 16

Ora aggiungi un bagliore esterno:

  • Modalità di fusione: Normale
  • Opacità: 100%
  • Disturbo: 0%
  • Colore: #ffffff
  • Tecnica: Tenue
  • Riduci: 100%
  • Dimensione: 14 px
  • Contorno: Lineare
  • Deseleziona Anti-alias
  • Intervallo: 100%
  • Disturbo: 0%
Merged Layer - Outer GlowMerged Layer - Outer GlowMerged Layer - Outer Glow

Step 17

Aggiungi un'Ombra esterna con queste impostazioni:

  • Modalità di fusione: Normale
  • Seleziona il colore #000000
  • Opacità: 30%
  • Deseleziona la casella Usa luce globale prima di impostare l'Angolo: 135°
  • Distanza: 35 px
  • Diffusione: 0%
  • Dimensione: 0 px
  • Contorno: Lineare
  • Deseleziona Anti-alias
  • Disturbo: 0%
  • Seleziona Livello fora ombra esterna
Merged Layer - Drop ShadowMerged Layer - Drop ShadowMerged Layer - Drop Shadow

Fai clic su OK per salvare i cambiamenti.

Congratulazioni, hai finito!

In questo tutorial hai imparato come creare un pezzo di testo con effetto fiaba. Spero ti sia piaciuto. Non dimenticare di condividere il tuo risultato con noi.

Final ResultFinal ResultFinal Result

Questo effetto di testo che abbiamo appena creato è parte del mio pack di stile di testo su GraphicRiver.

Photoshop Text Styles 01Photoshop Text Styles 01Photoshop Text Styles 01
Stili di testo di Photoshop
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.
One subscription. Unlimited Downloads.
Get unlimited downloads