Slik lager du fantastisk, flammende teksteffekt i Photoshop CC 2014

I denne opplæringen vil vi utforske den fantastiske nye Flammefilter, introdusert for Photoshop CC 2014. Filtret skaper prosedurelle flamme og brann effekter som kan gjøres for å krølle og følge rundt enhver tilpasset form. Vi vil også legge til noen realistiske brennende gnister, med en håndlaget Photoshop Brush-tips.

Her er hva vi skal gjøre med denne opplæringen.

Flere opplæringsprogrammer på Hongkiat:

Hvordan lage en elegant video spiller grensesnitt
Slik farger du gammelt (svart og hvitt) bilde
Hvordan tegne en balinesisk Barong maske
Hvordan lage et maleri effekt

Trinn 1

Åpne et passende bakgrunnsbilde der du vil bygge opp flammende tekst-effekten. I dette eksemplet har vi brukt en 800 × 600 pikslet forstyrret metalltekstur fra doschdesigns, men noen rimelig mørk bakgrunnstekstur ville virke like bra:

Steg 2

Vi legger til noen skyggelegging og fargejusteringer for å lage en lavnøkkel effekt over bakgrunnen vår. Velg Elliptisk markørverktøy (M) og tegne en stor oval over midten av bakgrunnen.

Trinn 3

Bruk Cmd / Ctrl + Shift + I for å velge det omvendte området i dokumentet:

Trinn 4

Gå til Lag meny> Nytt justeringslag > Curves kommando. Klikk på legg til et egendefinert midtpunkt på kurvlinjen og dra nedover å mørke bildet:

Trinn 5

For å myke kantene på vignetten, legger vi til en uskarphet på justeringslagsmasken. Gå til Filter meny> Uklarhet > Gaussian Blur. Øk radiusverdien etter behov for å lage en fin myk fjær for kantene på ellipsformen.

Trinn 6

Gå til Lag meny> Nytt justeringslag > Fargetone og metning. Merk av i kryssboksen Colorize og bruk følgende verdier: Hue (30), Metning (50), Lyshet (-40)

Trinn 7

Velg Tekstverktøy (T) og klikk på lerretet for å lage et Type Layer. Bruke alternativer linjen for å angi ønsket skriftstørrelse og farge og angi ønsket tegn.

I eksemplet som brukes her, har vi brukt følgende tegnverdier: Font: MetroBlack LT Two Regular, Størrelse: 400 px, Farge: 474747. Når du er ferdig, bruk snarveien Cmd / Ctrl + Enter for å forplikte Type Layer Endringer.

Trinn 8

I Vindu meny> lag Panel velger bakgrunnslaget som inneholder metallteksturbildet. Bruk snarveien Cmd / Ctrl + J for å kopiere laget og dra det over tekstlaget i panelet.

Trinn 9

Med det nye teksturlaget valgt, bruk snarveien Cmd / Ctrl + Alt + G for å maskere kopieringsbildet til tekstlaget under.

Trinn 10

Med valgt teksturlag, gå til Bilde meny> justeringer > Curves kommando. Legg til et midttonepunkt på kurvelinjen, og dra nedover for å mørke tekstiloverlegget.

Trinn 11

Deretter legger vi til noen lagstiler til tekstlaget for å løfte det av bakgrunnen. I lag Panel, klikk på "FX" -menyen og bruk følgende lagstil:

Drop Shadow
opacity:
Avstand: 20px
Spredt: 0 px
Størrelse: 20 px
Bevel og Emboss
Dybde: 1000%
Størrelse: 5px
Vinkel: 130
Høyde: 48
Høydepunkt Farge: fa8b09
Fremheve Opacity: 95%
Skyggefarge: 000000
Shadow Opacity: 85%

Trinn 12

Vi lager nå en digital brann for å drepe vår karakter, ved hjelp av det fantastiske nye Photoshop CC Flame Filter, og noen tilpassede baner for å indikere flammens plassering og retning.

Bruk snarveien Cmd / Ctrl + Shift + N for å opprette et nytt lag som heter 'Flames'. Velg Penn verktøyet (P) og i dokumentet, tegne en sti opp på den ene siden av tekstkarakteren der du vil at en flamme skal vises:

Trinn 13

Når du kommer til punktet der du vil at flammen skal slutt, holder du nede Cmd / Ctrl-tasten og klikk hvor som helst på dokumentet vekk fra banepunktene. For å opprette en annen flamme trekker du et annet stedsegment ved hjelp av de samme trinnene, men husk å Cmd / Ctrl + klikk på slutten av hvert stedsegment slik at flammene blir gjengitt enkeltvis:

Trinn 14

Gå til Filter > Render > Flamme Filter. I dialogboksen angir du følgende nøkkelverdier:

Flammetype: En flamme langs sti
Bredde: 37 px
Flamellinjer: 9
Turbulent: 66
Jag: 0
Opacity: 49

Trinn 15

Filter-dialogboksen gir et nært uendelig utvalg av flamme- og brannvirkninger, så du bør også eksperimentere med å justere de ovennevnte innstillingene for å lage flammen du vil ha. Når du har justert verdiene, klikker du OK å bruke filtereffekten:

Trinn 16

Deretter legger vi til litt ekstra skygge for å bygge opp gløden rundt våre flammer.

I Vindu > lag Panel, velg flammelag og bruk snarveien Cmd / Ctrl + J for å kopiere den.

Trinn 17

Gi navnet på kopieringslaget til 'Flame Glow' og flytt det under Flames Layer i panellisten.

Trinn 18

Endre Blandingsmodus i lag Panel til Color Dodge. Bruke Bevege seg verktøy for å kompensere kopibildet litt til høyre og nedover.

Trinn 19

Gå til Filter > Blur> Gaussisk uskarphet kommando. Juster Blur Radius for å myke kantene av glødseffekten. I eksemplet som ble brukt her ble en verdi på 8,0 brukt:

Trinn 20

For å redusere styrken av Color Dodge-effekten over bakgrunnsbildet, gå til Bilde meny> justeringer > Fargetone og metning kommando.

Trinn 21

Senk metning skyveknappen for å fjerne noe av fargeintensiteten i gløden.

Trinn 22

Bruk snarveien Cmd / Ctrl + Shift + N for å lage et nytt lag. Navngi det 'Ekstra Glow'. I Lagpanelet flytter du det under Flames Glow Lag.

Trinn 23

Endre lagsmixemodus til Color Dodge.

Trinn 24

Velg Børste verktøyet (B). I verktøykassen, klikk på Grunnprøve og endre Farge til CAAF50.

Trinn 25

Bruk en stor, myk børste til å male i noen ekstra gløddetaljer rundt flammens kanter og over tekstkarakteren.

Color Dodge Mode fungerer veldig bra for å bygge opp levende glødeffekter, men det er ekstremt følsomt for små endringer i malingen din. Hvis glødseffekten er for sterk, eller produserer uønskede fargeskift, kan du prøve reduserer lysstyrken og / eller nyanseverdiene for malingsfargen i verktøykassen til du får det riktige resultatet.

Trinn 26

For en finish, legger vi noen gnister til flammens underside med en spesialdesignet børste. Bruk snarveien Cmd / Ctrl + N for å opprette et nytt dokument I dialogboksen angir du følgende egenskaper og klikker deretter OK:

Navn: Gnist Prototype
Bredde: 50 px
Høyde: 20 px
Fargemodus RGB
Bakgrunnsinnhold: Hvit

Trinn 27

Velg Rektangulær markør verktøyet (M) og tegne et lite horisontalt rektangel i dokumentet.

Trinn 28

Bruk snarveien Cmd / Ctrl + I for å vende om dette området til svart. Bruk snarveien Cmd / Ctrl + D for å fjerne valget.

Trinn 29

For å legge til litt bevegelse til gnist prototypen, gå til Filter > Uklarhet > Bevegelsesslørfilter. Angi avstanden til 13px, vinkelen til 0 grader, og klikk OK. For å lagre en tilpasset børste fra Gnistbildet, gå til Redigere meny> Definer pensel forhåndsinnstilt kommando:

Trinn 30

Bytt nå tilbake til Flaming tekstdokumentet. Velg Børste verktøyet (B), som nå skal vise vår Spark Prototype som den aktive børstespissen. Vi må justere noen av malingsstrekkegenskapene for denne egendefinerte tips for å skape noen realistiske gnistlignende effekter.

Gå til Vindu meny> Børste Panel og bruk følgende verdier til penselegenskapene:

Pensel Tipsform
Størrelse: 10 Px
Rundhet: 35%
Avstand: 350%
Form Dynamics:
Størrelse Jitter: 100%
Angle Jitter 3%
Vinkelregulering: Retning
spredning:
Scatter: 300%
Begge akse: Ticked

Trinn 31

Bruk snarveien Cmd / Ctrl + Shift + N for å lage et nytt lag som heter ' Farget gnist '.

Trinn 32

Sett Forgrunnsfarge til Hvit i verktøykassen. I dokumentvinduet begynner du å male i noen gnister rundt flammens underside. Start malestrømpene ved foten og trekk i retningen du vil at de skal reise i enten i en rett linje eller buede buer. Som vi har satt Vinkelregulering til 'Retning', gnistene bør alltid justere mot musenes bevegelse:

Trinn 33

Som en finish vil vi legge til noen fargeendringer i noen av gnistene. På tastaturet, trykk på '/' -tasten til Lås den gjennomsiktige områder av Gnistlag fra forandring. Velg en myk rund maling børste forhåndsinnstilt, sett inn størrelsesverdi til 50 px.

Trinn 34

I verktøykassen, sett inn Forgrunnsfarge til EB7E13. Begynn å male rundt kantene på gnistløyper med penselverktøyet for å legge til litt fargevariasjon i gnistene.

Du kan fortsette å male forskjellige oransje og gule farger i gnistene for å bygge opp en mer kompleks fargepalett etter behov.

Trinn 35

Marvel på resultatene dine.

Redaktørens notat: Dette er skrevet for Hongkiat.com av Ben Richardson. Ben er direktør for Acuity Training, en IT-opplæringsvirksomhet basert i Guildford, Storbritannia, og deler noen av de tipsene som delegatene har funnet mer nyttige fra deres Photoshop-kurs.