Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects

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

by
Difficulty:BeginnerLength:LongLanguages:

Italian (Italiano) translation by Mirko Pizii (you can also view the original English article)

Final 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 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 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 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 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 - 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 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 - 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 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 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 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 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 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 - Stroke

Step 13

Aggiungi una sovrapposizione di colore con queste impostazioni:

  • Modalità di fusione: Normale
  • Colore: #ffffff
  • Opacità: 40%
Layer 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 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 - 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 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 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 Result

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

Photoshop Text Styles 01
Stili di testo di Photoshop
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.