Share
Le fiamme sono particolarmente difficili da eseguire in Photoshop, ma in questo tutorial ti mostrerò come utilizzare una fotografia di fuoco per impostare il testo per la partita. Renderizzeremo l'aspetto su un bel sfondo scuro con un bellissimo effetto testo per completare l'immagine.
Questa è la seconda della nostra serie in cinque parti su Photoshop Typography. Se ti sei perso la settimana scorsa, vai su Crea un Effetto Grass Grass spettacolare.
Quindi crea un nuovo documento in Photoshop a 1920px largamente x 1200px di altezza, e con lo strumento Sfumatura (G), disegna in una sfumatura radiale di marroni (da # 5c3d09 a # 1f1409) in modo da ottenere qualcosa di simile a quanto mostrato di seguito.
Si noti che il gradiente non è centrato verticalmente ma si siede verso l'alto. In questa immagine vogliamo che la parte superiore del testo sia in fiamme, quindi la parte superiore dell'immagine dovrebbe essere un po 'più illuminata.
Come nel tutorial sul testo in erba, ancora una volta avremo uno sfondo con texture. Ma invece di ricominciare da zero, ho appena copiato lo sfondo del tutorial precedente, unito tutti gli strati e desaturato per ottenere ciò che vedi qui sotto.
Se hai bisogno di farlo da zero, visita prima Bittbox per ottenere le trame originali e poi segui i passaggi del tutorial precedente.
Ora impostiamo il livello su Sovrapponi e per fondere la trama sullo sfondo e voilà!
Per aggiungere un po 'più di texture, eseguiamo il filtro Texturizer. Per fare ciò, crea un nuovo livello e riempilo con un colore marrone / beige- # 66500f. Quindi vai su Filtro> Texture> Texturizer e usa la texture Canvas con 80% Scaling e Relief impostato su 4.
Una volta ottenuto il livello texturizzato, impostalo su Sovrapponi. Questo aggiunge alcuni dettagli extra alla nostra texture, il che è positivo perché stiamo lavorando su una tela così grande.
Quindi applicheremo uno strato per desaturare leggermente la metà inferiore dell'immagine. Questo è così che la cima sembra avere un bagliore più caldo dove sono le fiamme, mentre il fondo sembra un po 'più freddo.
Quindi crea un nuovo livello e riempilo con il colore # 4b4f3b. Quindi aggiungi una maschera di livello con una sfumatura per mascherare la parte superiore e sfumare verso il basso (in modo da ottenere l'effetto mostrato).
Ora imposta il livello su Colore e 45% Opacità.
OK, ora abbiamo uno sfondo piacevole! Quindi aggiungiamo del testo. Ho usato il font Trajan perché è un font dall'aspetto davvero drammatico. Qui ho inserito il testo nel colore # cb9328, quindi impostato su Linear Dodge (Aggiungi) con un'opacità dell'8%.
Quello che faremo con il nostro testo è far sembrare che la metà superiore del testo stia uscendo dallo sfondo ed è rossa con fiamme che si accendono. Ciò significa che eseguiremo molti effetti e applicheremo maschere di livello su di essi in modo che solo la metà superiore mostri mentre la metà inferiore ritorna al testo sfumato come quello che abbiamo attualmente.
Quindi, prima crea un nuovo gruppo di livelli in cui inserire tutti i livelli di testo, perché ce ne saranno molti.
Quindi duplica il livello di testo e imposta il colore del testo duplicato su # 5e3f1c.
Ora imposta il livello di testo più recente su Sovrapponi e 70% Opacità. Dovrebbe sembrare un po 'rossastro (come mostrato di seguito).
Ora duplica il testo ancora e impostare l'ultimo duplicato su un colore giallastro- # cb9328. Quindi imposta su Scherma lineare (Aggiungi) e Opacità su 30%.
Quindi aggiungiamo una maschera di livello e disegniamo una sfumatura in modo che l'ultimo livello di testo si dissolva come mostrato di seguito, e sotto puoi vedere la combinazione di colori rossastri dei due livelli di testo in basso.
Quindi duplichiamo ancora il livello testo, ma mettiamo questo livello direttamente in basso. Impostare il colore su nero- # 000000. Quindi vai su Filtro> Sfocatura> Sfocatura gaussiana e ti chiederà di rasterizzare il testo, fare clic su Sì, quindi impostare il Raggio su circa 4px.
Quindi premi Ctrl e fai clic su uno qualsiasi degli altri livelli di testo e torna al livello nero e premi Cancella in modo da lasciare una sorta di ombra. Quindi duplica questo livello e uniscilo con il primo in modo che l'effetto sia più pesante. Dovresti avere qualcosa che assomigli allo screenshot qui sotto.
Ancora una volta, aggiungi una maschera di livello in modo che l'ombra svanisca rapidamente come mostrato. Questo fa sembrare che il testo stia uscendo dalla pagina.
Ora duplica nuovamente il nostro livello nero e utilizza lo strumento Sbavatura (R) e un pennello morbido più grande che desideri semplicemente sfumare l'ombra intorno in modo che assomigli a segni di bruciatura.
Ecco come sta ora il nostro testo. In realtà ho creato due serie di segni "brucia", quindi quattro serie di livelli ombreggiati si sono sfocate leggermente più dell'ultima e ciascuna è sbiadita.
Ora è il momento di far risplendere la parte superiore del nostro testo. Quindi, prima di tutto, duplica il livello di testo ancora e posiziona questo livello nella parte superiore e impostalo su un colore giallo- # dc9a08.
Quindi esegui un filtro> Sfocatura> Sfocatura gaussiana su di esso con Raggio di 8 px. Quindi afferra un grande pennello a gomma morbida e cancella semplicemente le parti in basso, quindi è un po 'irregolare.
Imposta il nostro primo livello di bagliore su Luce soffusa. Potresti voler ripetere il processo, cancellando ancora di più la parte superiore è ancora più luminosa.
Ora duplica nuovamente il livello testo e posizionalo in alto. Questo dovrebbe essere di nuovo lo stesso giallo (# dc9a08).
Quindi vai su Livello> Rasterizza> Scrivi e trasforma il testo in una grafica piatta. Quindi fare clic tenendo premuto il tasto Ctrl sul livello e selezionare Seleziona> Modifica> Contratto e utilizzare un valore di 1 pixel. Quindi premere Elimina per eliminare tutto tranne quel contorno da 1 pixel.
Ora imposta il livello 1px su Sovrapponi e dovresti avere qualcosa come l'immagine qui sotto.
Ora al nostro bagliore 1px aggiungi una maschera di livello per sbiadirla verso il basso come abbiamo fatto con gli altri livelli.
Quindi duplica il livello ed esegui un filtro> Sfocatura> Controllo sfocatura impostato su 1px. Quindi duplica nuovamente questo livello e sfocato di 2 px. Quindi duplica nuovamente il livello e sfocatura di 4 pixel.
Quindi premi Ctrl e fai clic su uno dei livelli di testo, premi Ctrl + Maiusc + I per invertire la selezione e passa attraverso ciascuno dei livelli di luminescenza e premi Elimina per rimuovere qualsiasi sfocatura che si è allontanata dal limite del testo.
L'idea è che vogliamo che i bordi del testo appaiano arroventati mentre si dissolvono in un bagliore incandescente nel testo.
Quindi duplichiamo tutti e quattro degli strati luminosi e unirli insieme. Ciò dovrebbe comportare uno strato in cima che è il giallo brillante originale.
Afferra lo strumento sfumino e passa sopra il testo, macchiandolo fino a sembrare ondate di calore provenienti dal testo, come mostrato.
Ora imposta questo ultimo layer su Overlay e dovresti avere qualcosa di simile a questo!
Ora abbiamo praticamente finito il nostro testo. Ho esaminato e duplicato alcuni degli strati luminosi per renderlo ancora più infuocato. Sentitevi liberi di sperimentare con un vero bagliore incandescente.
Successivamente, in linea con l'ultimo sfondo, sono andato e ho aggiunto una citazione sotto il mio testo principale. Questo fornisce un bel abbellimento alla pagina. Prova a utilizzare i colori che si adattano allo sfondo e al livello di testo in modo che non risulti eccessivo, perché vogliamo davvero che questo sia un elemento secondario del testo principale. Ho usato Swiss Light Condensed come font e lo ho disposto come nel precedente tutorial di Grass Text.
Finalmente, con tutta la nostra preparazione fatta, è ora di aggiungere le fiamme reali! Per questo, abbiamo bisogno di alcune immagini di fuoco su uno sfondo nero. Una buona foto è difficile da trovare, e prova come ho fatto, non ho potuto trovare una foto davvero fantastica. Quindi alla fine ho usato questa foto da Fotolia che puoi acquistare usando il link qui sotto. C'era anche una foto OK da Flickr a cui ho anche collegato e che ho finito per usare in seguito per la "E". Quindi potresti volerlo prendere anche tu.
AcheroN-Fotolia.com
Peasap-Flickr.com
Ora la tecnica per copiare le fiamme è davvero molto semplice. In realtà ho solo imparato questa tecnica di recente quando ho letto uno dei tutorial di Nik Ainley per la rivista DigitalArts intitolato Create Amazing Photomontages dove lo ha fatto con l'acqua.
Quello che devi fare è:
Questa è in realtà una tecnica davvero molto utile per copiare qualcosa di traslucido come il fuoco su uno sfondo piatto. E come vedrai visitando il tutorial di Nik, è anche ottimo per copiare l'acqua!
OK, quindi qui abbiamo incollato le fiamme sulla nostra tela principale. (Per chiarezza ho anche temporaneamente disattivato i livelli di testo). Come puoi vedere, abbiamo il fuoco senza lo sfondo nero ed è parzialmente trasparente, il che significa che sarà super in cima al nostro testo.
Ora la prossima cosa da fare è tagliare un po 'di fuoco in pochi pezzi. Basta duplicare il livello e disattivarne uno come backup. Quindi usando lo strumento Penna, taglia il fuoco in modo da lavorare con i contorni della fiamma in modo che appaia naturale. Qui puoi vedere che ho prodotto quattro pezzi di fiamma dall'unica immagine. Puoi anche provare a capovolgere i bit per farli sembrare più casuali.
Imposta i livelli sulla modalità Schermo in modo che tutte le parti nere rimanenti siano completamente sparite, ed è ancora più trasparente.
Ora, dato che il mio testo ha solo quattro lettere, ho bisogno di quattro pezzi di fuoco separati. Per il quarto (in cima al E) In realtà ho preso quella foto di Flickr e ho ripetuto lo stesso procedimento di prima per creare un'altra fiamma. Anche il fuoco sulla lettera io è stato schiacciato un po 'troppo per farlo sembrare più casuale.
Applicare il fuoco è davvero facile come spostare le fiamme sul testo. Vuoi provare ad abbinare le fiamme alla forma della lettera così sembra che stiano danzando dalle lettere.
OK qui ho messo tutti e quattro i bit di fiamma sopra le righe. Non è male, ma puoi vedere che io e la R abbiamo la stessa fiamma e anche tutte le fiamme non sono molto alte.
Quindi qui ho attraversato ogni fiamma e usando lo Strumento di trasformazione le abbiamo allungate verticalmente. Inoltre ho usato un po 'di cancellazione giudiziosa per rendere la fiamma sul io sembra un po 'più unico.
Ora per renderli ancora più illuminati, duplica ogni strato di fiamma, fai funzionare Filtri> Sfocatura> Sfocatura gaussiana con un Raggio di 3px e imposta il livello su Opacità al 15% in modo da fornire un po 'di bagliore attorno ai bordi delle fiamme.
Quindi siamo praticamente lì! Ecco come appare la composizione.
Infine aggiungeremo un ultimo highlight. Quindi crea un nuovo livello sopra tutti gli altri e disegna in un gradiente radiale da bianco a nero come mostrato. Imposta questo livello su Sovrapponi e 40% Opacità.
E lì ce l'abbiamo, un testo sull'effetto fuoco! Nel prossimo tutorial della serie, produrremo l'immagine Air, comunque tra due settimane, non uno, visto che mi sto prendendo qualche giorno di pausa dal lavoro!
Se sei interessato a creare fiamme da zero in Photoshop, ti consigliamo di dare un'occhiata a questo tutorial classico che per coincidenza usa lo stesso identico carattere! È un tutorial di Photoshop 6 e ricordo ancora di averlo letto quasi una decina di anni fa, ma è ancora molto rilevante, anche se gli screenshot presentano un'interfaccia Mac super retrò.
Accentsconagua