Crea un effetto di testo Fuoco e Ruggine usando il filtro fiamma in Adobe Photoshop CC

Cosa starai creando

Il filtro Flame Generator di Adobe Photoshop CC è una nuova funzionalità progettata per il rendering di fiamme realistiche su percorsi definiti dall'utente. Questo tutorial ti mostrerà come modellare e strutturare un testo arrugginito, quindi aggiungere alcune fiamme usando il filtro, insieme ad altre texture di fumo e scintille per creare un vibrante effetto testo fiammeggiante.

Risorse Tutorial

Le seguenti risorse sono state utilizzate durante la produzione di questo tutorial.

  • Intro carattere regolare
  • Ruggine di struckdumb
  • Fireworks0017_1 Medio-1067x1600
  • Fireworks0001_6 Medio-974x1600
  • Smoke0281 Medio-1132x1600
  • Smoke0282 Medio-1074x1600
  • Smoke0392 Medio-1067x1600

1. Creazione dello sfondo e del testo e stile del testo

Passo 1

Crea un nuovo 1740 x 1170 px documento e riempilo con il colore # 111111.

Quindi, crea il testo usando il carattere Intro Regular, il colore # d2b593, il Taglia 350 pt, e cambia il puntamento valore a 50, o qualunque altro valore ti piaccia a seconda del risultato che stai cercando.

Passo 2

Fai doppio clic sul livello di testo per applicare il seguente stile di livello:

Aggiungere un Smusso e rilievo con queste impostazioni:

  • Tecnica: Scalpello duro
  • Taglia: 35
  • Modalità di evidenziazione: Luce vivida
  • Colore: # fae8c1
  • Ciao: Colore brucia
  • Colore: # b07133

Passaggio 3

Aggiungere un Contorno con queste impostazioni:

  • Contorno: gaussiana
  • Controlla il Anti-alias scatola.

Passaggio 4

Aggiungi un Ombra interiore con queste impostazioni:

  • Modalità di miscelazione: Colore brucia
  • Colore: # b0764c
  • Distanza: 0
  • Taglia: 8

Passaggio 5

Aggiungi un Bagliore interno con queste impostazioni:

  • Modalità di miscelazione: Luce lineare
  • Colore: # dd8238

Passaggio 6

Aggiungi un Bagliore esterno con queste impostazioni:

  • Modalità di miscelazione: Luce lineare
  • Colore: # edc09f

Passaggio 7

Questo modulerà il testo e gli darà un aspetto 3D.

2. Aggiunta della ruggine e sbavature dei bordi del testo

Passo 1

Posiziona il Ruggine texture sopra il livello del testo, rinominare il suo livello in Struttura e cambiala Modalità di fusione a Moltiplicare, quindi fai clic con il pulsante destro del mouse e scegli Creare maschera di ritaglio.

Quando lo fai, la texture verrà ritagliata sul testo e potrai ridimensionare e spostare la texture fino a quando non ti piacerà il risultato che ottieni.

Passo 2

Seleziona sia il testo che il Struttura strati, duplicarli, quindi andare a Livello> Unisci livelli. Assicurati che il livello unito Modalità di fusione è impostato per Normale.

Passaggio 3

Fai clic con il pulsante destro del mouse sul livello di testo e scegli Crea percorso di lavoro.

Passaggio 4

Scegli il Strumento sfumino, scegli un 25 px punta rotonda morbida, e assicurarsi che il Modalità e Forza valori nel Opzioni la barra è impostata su Normale e 50%.

Seleziona il Copia di texture strato, quindi premere il tasto Ritorno tasto una volta per sbavare i bordi. In alternativa, puoi scegliere il Strumento di selezione diretta (A), fare clic con il tasto destro del mouse sul percorso di lavoro e selezionare Tracciato, quindi scegli macchia dal Strumento menu a discesa, deselezionare il Simula pressione casella e fare clic ok.

Con il Strumento di selezione diretta selezionato, premi il tasto Ritorno chiave per sbarazzarsi del percorso di lavoro.

Passaggio 5

Posiziona il Fireworks0017_1 immagine sopra tutti i livelli, cambia il suo livello Modalità di fusione a Dodge lineare (Aggiungi), vai a Modifica> Trasforma> Ruota di 90 ° in senso orario, e ridimensionalo come preferisci.

Passaggio 6

Vai a Immagine> Regolazioni> Tonalità / Saturazione, controlla il colorize casella e modificare il colore a 35 e il Saturazione a 50.

3. Aggiunta dei percorsi e Rendering delle fiamme

Passo 1

Scegli il Strumento Penna e scegli il Sentiero opzione nel Opzioni bar. Quello che devi fare dopo è aggiungere un paio di dritti percorsi verticali sul testo.

Per fare ciò, fare clic una volta nel punto in cui si desidera iniziare il percorso, tenere premuto il tasto Cambio chiave, quindi fare nuovamente clic sul punto in cui si desidera terminare il percorso. Quindi, premere e tenere premuto il tasto Comando e fai clic su un punto qualsiasi al di fuori del percorso in modo da poter iniziare a crearne uno nuovo separato.

Ripeti gli stessi passaggi finché non crei un paio di percorsi in tutto il testo. I percorsi più lunghi daranno fiamme più lunghe.

Passo 2

Crea un nuovo livello sopra tutti i livelli e chiamalo Flames.

Passaggio 3

Vai a Filtro> Rendering> Fiamma, e usa le seguenti impostazioni per creare le fiamme:

  • Tipo di fiamma: Una fiamma lungo il percorso
  • Ciò significa che una singola fiamma sarà resa su ogni percorso.

  • Larghezza: 34
  • Questo valore definisce la larghezza della fiamma in pixel.

  • Flame Lines (Complexity): 29
  • Questa impostazione controlla il numero di linee in ciascuna fiamma.

  • Turbolento: 49
  • Questo controlla la calma e la ruvidità della fiamma.

  • Jag: 43
  • Valori maggiori di 0 generano una fiamma frastagliata.

  • Opacità: 40
  • Questo controlla la transperanza della fiamma.

  • Flame Bottom Alignment: 20
  • Se impostato su 0, le linee della fiamma saranno allineate in modo uniforme. Se maggiore di 0, saranno randomizzati.

  • Stile di fiamma: Violento
  • Forma di fiamma: Diffusione
  • Questo farà sì che le linee che costruiscono la fiamma si diffondano dal centro.

  • Controlla il Randomize Shapes scatola.

Passaggio 4

Una volta che fai clic ok, le fiamme saranno renderizzate. Scegli il Strumento di selezione diretta e colpisci Ritorno per sbarazzarsi dei percorsi.

4. Disegnare le fiamme

Passo 1

Cambiare il Flames strato di Modalità di fusione a Schermo.

Passo 2

Duplica il Flames strato.

Passaggio 3

Fare doppio clic sul Flames strato per applicare un Bagliore esterno effetto usando le seguenti impostazioni:

  • Modalità di miscelazione: Dodge lineare (Aggiungi)
  • Opacità: 60%
  • Colore: # e0b455
  • Taglia: 70

Passaggio 4

Questo renderà le fiamme molto più luminose e vivaci.

Passaggio 5

Crea un nuovo livello sotto il Flames strato e chiamalo Punti neri. Impostare il Primo piano colore a # 111111 e scegli il Pennello. Scegli una punta arrotondata morbida e aggiungi una macchia scura nella parte inferiore di ogni fiamma. Questo renderà l'effetto più realistico.

5. Aggiunta del fumo

Passo 1

Posiziona il Smoke0281 e Smoke0282 immagini sopra tutti i livelli e cambia il Modalità di fusione di entrambi i livelli Colore più chiaro. Questo ti permetterà di vedere il testo dietro di loro. Ridimensiona, ruota e sposta quelle immagini finché non ti piace come appare il fumo che ricopre il testo.

Passo 2

Seleziona tutti i livelli di consistenza del fumo che hai e poi vai a Livello> Unisci livelli. Rinominare il livello unito in Top fumo e cambiala Modalità di fusione a Colore più chiaro. Quindi, fare clic su Aggiungi maschera di livello icona giù il Livelli pannello.

Passaggio 3

Scegli il Pennello, scegliere un puntale morbido rotondo e impostare il Primo piano colore a Nero. Inizia a dipingere su tutte le aree che vuoi rimuovere, in modo che il fumo copra il testo e si estenda un po 'al di fuori di esso.

6. Aggiunta delle scintille di testo

Passo 1

Posiziona il Fireworks0001_6 immagine proprio sotto il Punti neri livello, cambia il suo livello Modalità di fusione a Dodge lineare (Aggiungi), e ridimensionalo se necessario.

Passo 2

Comando-clic la miniatura del livello di testo per creare una selezione.

Passaggio 3

Clicca il Aggiungi maschera di livello icona di nuovo. Questo rimuoverà tutte le parti della trama al di fuori del testo.

Passaggio 4

Scegli il Pennello e impostare il Primo piano colore a bianca. Usa una punta arrotondata per dipingere alcune aree attorno ai bordi e agli angoli del testo per mostrare le scintille lì. Ciò mescolerà le scintille molto meglio con il testo senza lasciare molti bordi duri.

7. Aggiunta del fumo di sfondo

Passo 1

Posiziona il Smoke0392 immagine in cima al sfondo strato e cambia il suo livello Modalità di fusione a Dodge Color. Vai a Modifica> Trasforma> Ruota di 90 ° in senso orario, e quindi ridimensionare la texture secondo necessità e posizionarla dietro il testo.

Passo 2

Vai a Immagine> Regolazioni> Tonalità / Saturazione, e cambia il colore a 162 e il Saturazione a 35.

8. Applicazione del filtro sfocatura Iris

Passo 1

Seleziona tutti i livelli che hai, duplicali e vai a Livello> Unisci livelli. Rinominare il livello unito in Finale poi vai a Filtro> Converti per filtri intelligenti.

Passo 2

Vai a Filtro> Galleria sfocatura> Iris Blur. Cambiare il Messa a fuoco valore in alto a 95%, e il blur valore sotto il Strumenti di sfocatura pannello a destra per 10.

Modificare la forma dell'ellisse facendo clic e trascinando i quattro punti collegati dalla linea e modificare l'Area di transizione facendo clic e trascinando i quattro punti più grandi tra il perno centrale e la linea di sfocatura esterna. Puoi anche spostarli individualmente tenendo premuto il tasto Opzione chiave e quindi facendo clic e trascinando uno dei punti.

Passaggio 3

La sfocatura aggiungerà un tocco finale all'effetto.

Congratulazioni! Hai finito

In questo tutorial, abbiamo creato e stilizzato del testo semplice usando un paio di effetti di livello per conferirgli un aspetto 3D. Quindi abbiamo strutturato il testo con una trama arrugginita, creato un percorso di lavoro e sbavato i bordi del livello di testo testurizzato.

Poi abbiamo creato un paio di percorsi, usato il filtro Flame per rendere un paio di piccole fiamme su tutto il testo e stilizzato quelle fiamme per sembrare più luminose e più vibranti.

Abbiamo aggiunto trame di fumo sulla parte superiore del testo e un paio di trame di scintille per aggiungere elementi più interessanti.

Infine, abbiamo utilizzato un'altra texture fumogena per lo sfondo e applicato un filtro sfocatura per dare maggiore profondità al risultato finale.

Non esitate a lasciare i vostri commenti, suggerimenti e risultati di seguito.