Share
Flammer er spesielt vanskelig å gjengi i Photoshop, men i denne opplæringen vil jeg vise deg hvordan du bruker et fotografi av brann for å sette tekst til kampen. Vi ser på en fin mørk bakgrunn med en nydelig tekst-effekt for å fullføre bildet.
Dette er den andre av våre femdelte serier på Photoshop Typography. Hvis du har gått glipp av forrige uke, kan du gå til å lage en spektakulær greske teksteffekt.
Så opprett et nytt dokument i Photoshop på 1920px bred x 1200px høyt, og med Gradient Tool (G), trekk inn en radiell gradient av brune (# 5c3d09 til # 1f1409) slik at du får noe som vises nedenfor.
Legg merke til at gradienten ikke er sentrert vertikalt, men sitter mot toppen. I dette bildet ønsker vi at toppen av teksten skal være i brann, så den øverste delen av bildet skal være litt mer opplyst.
Som i gressteksten er det nok en gang vi skal ha en strukturert bakgrunn. Men i stedet for å starte fra bunnen av, kopierte jeg bare bakgrunnen fra den forrige opplæringen, slått sammen alle lagene og desaturert for å få det du ser nedenfor.
Hvis du trenger å gjøre dette fra scratch, må du først besøke Bittbox for å få originale papirstrukturer og deretter følge trinnene i den tidligere opplæringen.
Nå setter vi laget til Overlegg og blander tekstur inn i bakgrunnen og voila!
Bare for å legge til litt mer tekstur skjønt, la oss kjøre Texturizer-filteret. For å gjøre dette, opprett et nytt lag og fyll det med en brun / beige farge # 66500f. Deretter går du til Filter> Texture> Texturizer og bruker lerretstekstur med 80% Scaling and Relief satt til 4.
Når du har ditt teksturiserte lag, sett det til Overlay. Dette legger til litt ekstra fin detalj i vår tekstur som er bra fordi vi jobber med et så stort lerret.
Deretter skal vi legge til et lag for å desaturere den nederste halvdelen av bildet. Dette er slik at toppen ser ut som den har en varmere glød der flammene er, mens bunnen ser litt kaldere ut.
Så lager et nytt lag og fyll det med fargen # 4b4f3b. Legg deretter til en lagmaske med en gradient for å maske ut toppen og fade ned (slik at du får effekten vist).
Legg nå laget til Farge og 45% Opacity.
OK, vi har nå en fin bakgrunn! Så la oss legge til litt tekst. Jeg har brukt skriften Trajan fordi det er en veldig dramatisk utseende skrift. Her har jeg plassert teksten i fargen # cb9328, sett den til Linear Dodge (Add) med en Opacity på 8%.
Det vi skal gjøre med teksten vår, gjør at det ser ut som at den øverste halvdelen av teksten kommer ut av bakgrunnen, og er rødhud med flammer flimrende av. Dette betyr at vi skal løpe mange effekter og bruke lagmasker til dem slik at bare den øverste halvdelen viser mens den nederste halvdelen omgår til bleknet tekst som vi har for øyeblikket.
Så først opprett en ny laggruppe for å legge alle tekstlagene inn, fordi det vil være mange av dem.
Deretter dupliserer du tekstlaget og setter fargen på duplikatteksten til # 5e3f1c.
Sett nå det nyeste tekstlaget til Overlay og 70% Opacity. Det skal se litt rødt ut (som vist nedenfor).
Gjenta nå teksten en gang til og sett det siste duplikatet til en gulaktig farge- # cb9328. Sett deretter dette til Linear Dodge (Add) og Opacity 30%.
Deretter legger vi til en lagmaske og tegner en gradient, slik at det nyeste tekstlaget fades ut som vist nedenfor, og under kan du se den rødfarvede kombinasjonen av de nederste to tekstlagene.
Deretter dupliserer vi tekstlaget enda en gang, men legg dette laget rett på bunnen. Sett fargen til svart- # 000000. Deretter går du til Filter> Blur> Gaussian Blur, og det vil be deg om å rasterisere teksten, klikk ja til det, og sett deretter Radius til ca 4px.
Ctrl-klikk deretter et hvilket som helst av de andre tekstlagene og gå tilbake til det svarte laget, og klikk slett slik at du bare er igjen med en slags skygge. Så dupliser dette laget og slå det sammen med det første, slik at effekten er tyngre. Du bør ha noe som ser ut som skjermbildet nedenfor.
Nok en gang legger du til en lagmaske, slik at skyggen raskt fades ut som vist. Dette gjør at det ser ut til at teksten kommer ut av siden.
Nå dupliserer vi vårt svarte lag igjen og bruker Smudge Tool (R) og en mye myk børste du bare vil smadre skyggen rundt slik at det ser ut som brennmerkene.
Slik ser teksten vår ut nå. Jeg har faktisk opprettet to sett med "brenn" merker, og deretter fire sett med skyggelaget hver uskarpt litt mer enn den siste og hver bleknet tilbake.
Nå er det på tide å gjøre den øverste delen av teksten lysende. Så først og fremst dupliser tekstlaget en gang til og legg dette laget øverst og sett det til en gul farge - # dc9a08.
Kjør deretter et filter> uskarphet> Gaussisk uskarphet over det med en radius på 8px. Deretter ta en stor myk viskel børste og bare slette vekk deler på bunnen, så det er litt ujevnt.
Sett vårt første glødelag til Soft Light. Du vil kanskje gjenta prosessen, slette enda mer slik at toppdelen er enda glødeløs.
Dupliserer tekstlaget enda en gang, og plasser dette øverst. Denne skal igjen være den samme gule (# dc9a08).
Deretter går du til Lag> Rasterize> Type og gjør teksten til en flat grafikk. Ctrl-klikk deretter laget og gå til Velg> Endre> Kontrakt og bruk en verdi på 1px. Trykk deretter på Slett for å slette alt unntatt 1px disposisjon.
Sett nå 1px-laget til Overlegg, og du bør ha noe som bildet nedenfor.
Nå til vår 1px glød legger du til en lagmaske for å fade den ned i bunnen som vi har gjort med de andre lagene.
Deretter dupliserer laget, og kjør et filter> uskarphet> Gaussisk uskarphet sett til 1px. Derefter dupliser dette laget igjen og slør det med 2px. Deretter dupliserer laget igjen og slør det med 4px.
Ctrl-klikk deretter et av tekstlagene, trykk Ctrl + Shift + I for å reversere valget og gå gjennom hvert av glødelagene og trykk Slett for å fjerne noe av uskarpheten som har skjult ut av tekstens grense.
Tanken er at vi vil at kantene på teksten ser rødt ut med den fading inn i en generell varm glød på teksten.
Neste dupliserer vi alle fire av glødelagene og slå dem sammen. Dette bør resultere i et lag på toppen som er den opprinnelige lyse gule.
Ta tak i smudgeverktøyet og løp over teksten, smug det opp for å se ut som varmebølger kommer ut av teksten, som vist.
Sett nå dette siste laget til Overlegg, og du burde ha noe som ser ut som dette!
Nå har vi ganske mye ferdig med teksten vår. Jeg gikk gjennom og dupliserte noen av glødelagene for å få det til å se enda eldre ut. Prøv å eksperimentere med å få en ekte rødglødende blikk ved å gjøre det.
Deretter, i tråd med det siste tapetet, har jeg gått og lagt til et sitat under min hovedtekst. Dette gir en fin utsmykking til siden. Prøv å bruke farger som passer inn i bakgrunns- og tekstlaget slik at det ikke skiller seg ut for mye, fordi vi virkelig vil at dette skal være et sekundært element i hovedteksten. Jeg har brukt Swiss Light Condensed som min skrift og lagt den ut som i den forrige Grass Text-opplæringen.
Til slutt, med all vår forberedelse ferdig, er det på tide å legge til selve flammene! For dette trenger vi noen bilder av brann satt mot en ren svart bakgrunn. Et godt bilde er vanskelig å finne, og prøv som jeg gjorde, jeg kunne ikke finne et veldig flott gratis bilde. Så til slutt brukte jeg dette bildet fra Fotolia som du kan kjøpe ved hjelp av linken nedenfor. Det var også et OK bilde fra Flickr som jeg også har koblet til og som jeg endte med å bruke senere for "E". Så du vil kanskje også gripe det.
AcheroN-Fotolia.com
Peasap-Flickr.com
Nå er teknikken for å kopiere flammene over faktisk veldig enkel. Jeg har faktisk bare lært denne teknikken nylig når jeg leser en av Nik Ainleys opplæringsprogrammer for DigitalArts-magasinet, kalt Opprett fantastiske fotomontager hvor han gjorde det med vann.
Det du trenger å gjøre er:
Dette er faktisk en virkelig, veldig nyttig teknikk for å kopiere noe gjennomskinnelig som brann av en flat bakgrunn. Og som du vil se ved å besøke Niks opplæring, er det også flott å kopiere vann!
OK, så her har vi klistret flammene på vårt viktigste lerret. (For klarhet har jeg også midlertidig slått av tekstlagene). Som du kan se, har vi brannen uten den svarte bakgrunnen, og den er delvis gjennomsiktig, noe som betyr at den ser super ut over teksten vår.
Nå er det neste å gjøre med å kutte opp en liten brann i noen få stykker. Bare dupliser laget og slå av en som en sikkerhetskopi først. Ved hjelp av pennverktøyet, kutt opp brannen slik at du arbeider med flammenes konturer slik at det ser naturlig ut. Her kan du se at jeg har produsert fire flammer fra det ene bildet. Du kan også prøve å bla rundt biter for å få dem til å virke mer tilfeldige.
Sett lagene til skjermmodus slik at eventuelle resterende svarte deler er helt borte, og det er enda mer gjennomsiktig.
Nå fordi min tekst er bare fire bokstaver, trenger jeg fire separate brannstykker. For den fjerde (på toppen av E) Jeg fanget faktisk Flickr-bildet og gjentok den samme prosessen som tidligere for å skape en annen flamme. Også brannen på brevet Jeg har blitt squashed litt også for å gjøre det ser mer tilfeldig ut.
Å bruke brannen er like lett som å flytte flammene over teksten. Du vil prøve å matche flammene til formen på brevet slik at det ser ut som de danser av bokstavene.
OK her har jeg lagt alle fire biter av flamme over toppen. Det er ikke ille, men du kan se at jeg og R har samme flamme og også alle flammer er ikke så høye.
Så her har jeg gått gjennom hver flamme og benyttet Transform Tool stret dem vertikalt. Også jeg brukte litt dårlig sletting for å gjøre flammen på Jeg se litt mer unik ut.
Nå for å få dem til å se enda mer opplyst, dupliserer hvert flamelag, kjør en Filtre> Blur> Gaussian Blur med en radius på 3px og sett laget til 15% Opacity, slik at det gir litt glød rundt flammens kanter.
Så vi er ganske mye der! Slik ser sammensetningen ut.
Til slutt legger vi til et siste høydepunkt. Så lag et nytt lag over alle de andre og tegne en hvit til svart radial gradient som vist. Sett dette laget til Overlay og 40% Opacity.
Og der har vi det, en tekst på brann effekt! I neste veiledning i serien produserer vi luftbildet, men det kommer til å vare om to uker, ikke en, siden jeg tar noen dager uten jobb!
Hvis du er interessert i å lage flammer fra scratch i Photoshop, kan du også sjekke ut denne klassiske opplæringen som tilfeldigvis bruker nøyaktig samme skrifttype! Det er en Photoshop 6 opplæring, og jeg kan fortsatt huske å lese det som et halvt tiår siden, men det er fortsatt svært relevant, selv om skjermbildene har et super retro Mac-grensesnitt.
Accentsconagua