Come creare splendidi effetti di testo a fuoco in Photoshop CC 2014

In questo tutorial, esploreremo il fantastico nuovo Filtro di fiamma, introdotto per Photoshop CC 2014. Il filtro crea effetti procedurali di fiamma e fuoco che possono essere fatti arricciare e seguire attorno a qualsiasi forma personalizzata. Aggiungiamo anche alcune realistiche scintille infuocate, per gentile concessione di un pennellino a mano Photoshop.

Ecco cosa faremo con questo tutorial.

Altri tutorial su Hongkiat:

Come progettare un'interfaccia elegante per video player
Come colorare la vecchia foto (bianca e nera)
Come disegnare una maschera Barong balinese
Come creare un effetto di pittura

Passo 1

Apri un'immagine di sfondo adatta su cui desideri creare l'effetto del testo fiammeggiante. In questo esempio abbiamo usato una texture di metallo angosciata di 800 × 600 pixel da doschdesigns, ma qualsiasi trama di sfondo ragionevolmente scuro avrebbe funzionato egualmente bene:

Passo 2

Aggiungiamo alcune ombreggiature e regolazioni del colore per creare un effetto basso sul nostro sfondo. Seleziona il Strumento selezione ellittica (M) e disegna un grande ovale al centro dello sfondo.

Passaggio 3

Usa Cmd / Ctrl + Maiusc + I per selezionare l'area inversa nel documento:

Passaggio 4

Vai al Strato menu> Nuovo livello di regolazione > curve comando. Clicca su aggiungi un punto di mezzitoni personalizzato sulla linea della curva e trascinare verso il basso per scurire l'immagine:

Passaggio 5

Per ammorbidire i bordi della vignetta, aggiungeremo una sfocatura alla maschera del livello di regolazione. Vai al Filtro menu> blur > Sfocatura gaussiana. Aumentare il valore Raggio come richiesto per creare una bella sfumatura morbida per i bordi della forma dell'ellisse.

Passaggio 6

Vai al Strato menu> Nuovo livello di regolazione > Tonalità e saturazione. Seleziona la casella di controllo Colorize e applica i seguenti valori: Hue (30), Saturazione (50), Leggerezza (-40)

Passaggio 7

Seleziona il Strumento di testo (T) e fare clic sulla tela per creare un livello di testo. Utilizzare il Opzioni barra per impostare la dimensione e il colore del carattere richiesti e inserire il carattere richiesto.

Nell'esempio qui utilizzato, abbiamo utilizzato i seguenti valori di carattere: Font: MetroBlack LT Two Regular, Dimensione: 400 px, Colore: 474747. Al termine, utilizzare la scorciatoia Cmd / Ctrl + Invio per confermare il Type Layer i cambiamenti.

Passaggio 8

Nel Finestra menu> Livelli Pannello seleziona il livello di sfondo contenente l'immagine della trama metallica. Usa la scorciatoia Cmd / Ctrl + J per duplicare il livello e trascinalo sopra il livello di testo nel pannello.

Passaggio 9

Con la nuova texture selezionata, usa la scorciatoia Cmd / Ctrl + Alt + G per nascondere l'immagine della copia al livello di testo sotto.

Passaggio 10

Con il livello di trama selezionato, vai a Immagine menu> regolazioni > curve comando. Aggiungi un punto di medio tono alla linea Curva e trascina verso il basso per scurire il livello di sovrapposizione della trama.

Passaggio 11

Aggiungeremo successivamente alcuni stili di livello al livello di testo per sollevarlo dallo sfondo. Nel Livelli Pannello, fai clic sul menu 'FX' e applica i seguenti stili di livello:

Ombra esterna
Opacità:
Distanza: 20px
Diffusione: 0 px
Dimensione: 20 px
Smusso e rilievo
Profondità: 1000%
Dimensione: 5px
Angolo: 130
Altitudine: 48
Evidenzia Colore: fa8b09
Evidenzia l'opacità: 95%
Colore ombra: 000000
Opacità ombreggiata: 85%

Passaggio 12

Ora creeremo un po 'di fuoco digitale per curvare il nostro personaggio, utilizzando il fantastico nuovo filtro Flame Photoshop CC e alcuni percorsi personalizzati per indicare il posizionamento e la direzione delle fiamme.

Usa la scorciatoia Cmd / Ctrl + Maiusc + N per creare un nuovo livello chiamato 'Flames'. Seleziona il Penna strumento (P) e nel documento, traccia un percorso su un lato del carattere del testo in cui vuoi far apparire una fiamma:

Passaggio 13

Quando raggiungi il punto in cui desideri che la fiamma finisca, tieni premuto il tasto Cmd / Ctrl e clicca ovunque sul documento lontano dai punti del percorso. Per creare un'altra fiamma, disegna un altro segmento di tracciato usando gli stessi passaggi, ma ricorda di premere Cmd / Ctrl + clic alla fine di ogni segmento di percorso in modo che le fiamme vengano renderizzate individualmente:

Passaggio 14

Vai al Filtro > rendere > Fiamma Filtro. Nella finestra di dialogo, imposta i seguenti valori chiave:

Tipo di fiamma: una fiamma lungo il percorso
Larghezza: 37 px
Linee di fuoco: 9
Turbolenta: 66
Jag: 0
Opacità: 49

Passaggio 15

La finestra di dialogo Filtro offre una gamma quasi infinita di effetti di fuoco e fiamme, quindi dovresti anche provare a regolare le impostazioni sopra per creare l'aspetto della fiamma che desideri. Dopo aver regolato i valori, fai clic su ok per applicare l'effetto Filtro:

Passaggio 16

Quindi aggiungeremo delle ombreggiature aggiuntive per creare il bagliore attorno alle nostre fiamme.

Nel Finestra > Livelli Pannello, seleziona il livello di fiamme e usa la scorciatoia Cmd / Ctrl + J per duplicarlo.

Passaggio 17

Rinominare il livello di copia in 'Flame Glow' e spostarlo sotto il livello di fiamme nell'elenco dei pannelli.

Passaggio 18

Cambiare il Modalità di fusione nel Livelli Pannello a Dodge Color. Utilizzare il Mossa strumento per spostare leggermente l'immagine della copia verso destra e verso il basso.

Passaggio 19

Vai al Filtro > Sfocatura> Sfocatura gaussiana comando. Regola il raggio della sfocatura per ammorbidire i bordi dell'effetto bagliore. Nell'esempio qui utilizzato, è stato utilizzato un valore di 8.0:

Passaggio 20

Per ridurre la forza dell'effetto Color Dodge sull'immagine di sfondo, vai al menu Immagine menu> regolazioni > Tonalità e saturazione comando.

Passaggio 21

Abbassare il Saturazione cursore per rimuovere parte dell'intensità del colore nella luce.

Passaggio 22

Usa la scorciatoia Cmd / Ctrl + Maiusc + N per creare un nuovo livello. Nominalo 'Extra Glow'. Nel pannello Livelli, spostalo sotto il Flames Glow Strato.

Passaggio 23

Cambia il metodo di fusione dei livelli su Dodge Color.

Passaggio 24

Seleziona il Spazzola strumento (B). Nella casella degli strumenti, fare clic su Primo piano Swatch e cambia il Colore a CAAF50.

Passaggio 25

Usa un grande pennello morbido per dipingere alcuni dettagli extra di bagliore attorno ai bordi delle fiamme e sul carattere del testo.

La modalità Color Dodge funziona molto bene per creare effetti luminosi vibranti, ma è estremamente sensibile a piccoli cambiamenti nel colore della vernice. Se l'effetto bagliore è troppo forte, o produce cambiamenti di colore indesiderati, prova riducendo i valori di luminosità e / o tonalità per il colore della vernice nella casella degli strumenti fino a ottenere il risultato giusto.

Passaggio 26

Per un tocco finale, aggiungeremo delle scintille alla base delle fiamme usando un pennello personalizzato. Usa la scorciatoia Cmd / Ctrl + N per creare un nuovo documento Nella finestra di dialogo, imposta le seguenti proprietà e poi clicca OK:

Nome: Spark Prototype
Larghezza: 50 px
Altezza: 20 px
Modalità colore RGB
Contenuto di sfondo: bianco

Passo 27

Seleziona il Tenda rettangolare strumento (M) e disegna un piccolo rettangolo orizzontale nel documento.

Passaggio 28

Usa la scorciatoia Cmd / Ctrl + I per invertire quest'area in nero. Usa la scorciatoia Cmd / Ctrl + D per rimuovere la selezione.

Passaggio 29

Per aggiungere qualche movimento al prototipo di scintilla, andare a Filtro > blur > Filtro Motion Blur. Impostare la distanza su 13 px, l'Angolo su 0 gradi e fare clic su OK. Per salvare un pennello personalizzato dall'immagine Spark, vai al modificare menu> Definisci preset pennello comando:

Passaggio 30

Ora ritorna al documento di testo Flaming. Seleziona il Spazzola strumento (B), che dovrebbe ora mostrare il nostro Spark Prototype come punta Brush attiva. Avremo bisogno di regolare alcune delle proprietà del tratto di vernice per questo suggerimento personalizzato per creare degli effetti realistici come la scintilla.

Vai al Finestra menu> Spazzola Pannello e applica i seguenti valori alle proprietà del pennello:

Forma della punta del pennello
Dimensione: 10 Px
Rotondità: 35%
Spaziatura: 350%
Dinamica della forma:
Dimensioni Jitter: 100%
Angle Jitter 3%
Angle Jitter Control: Direction
Scattering:
Dispersione: 300%
Entrambi gli assi: spuntati

Passaggio 31

Usa la scorciatoia Cmd / Ctrl + Maiusc + N per creare un nuovo livello chiamato ' Scintille colorate.

Passo 32

Impostare il Colore di primo piano a bianca nella casella degli strumenti. Nella finestra del documento, inizia a dipingere in alcune scintille attorno alla base delle fiamme. Iniziate i tratti di vernice alla base e disegnate nella direzione in cui vorreste che viaggino in una linea retta o in archi curvi. Come abbiamo impostato il Controllo del jitter angolare a 'Direzione', le scintille dovrebbero sempre allinearsi alla direzione del movimento del mouse:

Passaggio 33

Come tocco finale, aggiungeremo alcune modifiche al colore ad alcune delle scintille. Sulla tastiera, premere il tasto '/' a Blocca il trasparente aree del Sparks Layer dal cambiamento Seleziona un pennello tondo morbido preset, imposta il valore della dimensione a 50 px.

Passaggio 34

Nella casella degli strumenti, impostare il Colore di primo piano a EB7E13. Inizia a dipingere intorno ai bordi delle scie con lo strumento Pennello per aggiungere una variazione di colore alle scintille.

È possibile continuare a dipingere le diverse tonalità di arancione e giallo nelle scintille per creare una tavolozza di colori più complessa come richiesto.

Passaggio 35

Meraviglia i tuoi risultati.

Nota dell'editore: Questo è scritto per Hongkiat.com da Ben Richardson. Ben è il direttore di Acuity Training, un'azienda di formazione IT con sede a Guildford, Regno Unito e condivide alcuni dei suggerimenti che i delegati hanno trovato più utili dai loro corsi di Photoshop.