Sådan skaber du fantastisk flammende teksteffekt i Photoshop CC 2014

I denne tutorial vil vi udforske den fantastiske nye Flammefilter, introduceret til Photoshop CC 2014. Filtret skaber procedurelle flamme og brandpåvirkninger, som kan gøres til at krølle og følge enhver tilpasset form. Vi tilføjer også nogle realistiske fiery gnister, takket være en håndlavet Photoshop Brush tip.

Her er hvad vi vil gøre med denne tutorial.

Flere vejledninger om Hongkiat:

Sådan designes en slank video player interface
Sådan farves det gamle (sort og hvidt) billede
Hvordan man tegner en balinesisk Barong maske
Sådan skaber du en maleri effekt

Trin 1

Åbn et passende baggrundsbilde, som du vil opbygge den flammende teksteffekt på. I dette eksempel har vi brugt en 800 × 600 pixel distressed metal tekstur fra doschdesigns, men enhver rimelig mørk baggrundstekstur ville virke lige så godt:

Trin 2

Vi tilføjer nogle skygger og farvejusteringer for at skabe en lav nøgleffekt over vores baggrund. Vælg Elliptisk markeringsværktøj (M) og tegne en stor oval over midten af baggrunden.

Trin 3

Brug Cmd / Ctrl + Shift + I til at vælge det omvendte område i dokumentet:

Trin 4

Gå til Lag menu> Nyt justeringslag > Kurver kommando. Klik på Tilføj et brugerdefineret midtpunkt på kurve linjen og Træk nedad at mørke billedet:

Trin 5

For at blødgøre kanterne af vignetten, tilføjer vi en blur til Justeringslagsmask. Gå til Filter menu> blur > Gaussisk sløring. Øg radiusværdien efter behov for at skabe en god blød fjer til kanterne af ellipseformen.

Trin 6

Gå til Lag menu> Nyt justeringslag > Farve og mætning. Marker afkrydsningsfeltet Farve og anvend følgende værdier: Farve (30), Mætning (50), Lyshed (-40)

Trin 7

Vælg Tekstværktøj (T) og klik på lærredet for at oprette et Type Layer. Brug Muligheder bar for at indstille den ønskede skrifttype og farve og indtaste det ønskede tegn.

I det her anvendte eksempel har vi brugt følgende tegnværdier: Font: MetroBlack LT Two Regular, Størrelse: 400 px, Farve: 474747. Når du er færdig, brug genvej Cmd / Ctrl + Enter for at begå Type Layer ændringer.

Trin 8

I Vindue menu> Lag Panel vælger baggrundslaget, der indeholder metalteksturbilledet. Brug genvej Cmd / Ctrl + J til at duplikere laget og træk det over tekstlaget i panelet.

Trin 9

Når du vælger det nye teksturlag, skal du bruge genvej Cmd / Ctrl + Alt + G til at maskere kopieringsbilledet til tekstlaget under.

Trin 10

Med det valgte teksturlag, gå til Billede menu> justeringer > Kurver kommando. Tilføj et mellemtonetone til kurvelinjen, og træk nedad for at mørkere teksturoverlay-laget.

Trin 11

Vi vil derefter tilføje nogle lagstile til tekstlaget for at løfte det fra baggrunden. I Lag Panel, klik på menuen 'FX' og anvend følgende lagstil:

Drop Shadow
Gennemsigtighed:
Afstand: 20px
Spredt: 0 px
Størrelse: 20 px
Bevel og Emboss
Dybde: 1000%
Størrelse: 5px
Vinkel: 130
Højde: 48
Fremhæv farve: fa8b09
Fremhæv Opacitet: 95%
Skyggefarve: 000000
Skyggeopacitet: 85%

Trin 12

Vi skaber nu en digital fyr til at kæde rundt om vores karakter ved hjælp af det fantastiske nye Photoshop CC Flame Filter og nogle brugerdefinerede stier til at angive placeringen og retningen af flammerne.

Brug genvej Cmd / Ctrl + Shift + N for at oprette et nyt lag, der hedder 'Flames'. Vælg Pen værktøj (P) og i dokumentet tegner du en sti op på den ene side af tekstkarakteren, hvor du vil have en flamme:

Trin 13

Når du når det punkt, hvor du vil have flammen til at ende, skal du holde Cmd / Ctrl-tasten nede og klik et vilkårligt sted på dokumentet væk fra banepunkterne. For at oprette en anden flamme skal du tegne et andet stedsegment ved hjælp af de samme trin, men husk at Cmd / Ctrl + klik på slutningen af hvert sti-segment, så flammerne bliver gengivet individuelt:

Trin 14

Gå til Filter > Render > Flamme Filter. Indstil følgende nøgleværdier i dialogboksen:

Flammetype: En flamme langs stien
Bredde: 37 px
Flamme linjer: 9
Turbulent: 66
Jag: 0
Opacitet: 49

Trin 15

Filter-dialogboksen giver et næsten uendeligt udvalg af flamme- og brandeffekter, så du bør også eksperimentere med at justere ovenstående indstillinger for at skabe det ønskede flammeudseende. Når du har justeret værdierne, skal du klikke på Okay for at anvende filter-effekten:

Trin 16

Dernæst tilføjer vi nogle ekstra skygge for at opbygge gløden omkring vores flammer.

I Vindue > Lag Panel, vælg flammelaget og brug genvej Cmd / Ctrl + J for at duplikere det.

Trin 17

Omdøb kopi lag til 'Flamme Glow' og flyt det under Flames Layer i panellisten.

Trin 18

Skift Blending Mode i Lag Panel til Farve Dodge. Brug Bevæge sig værktøj til at kompensere billedbilledet lidt til højre og ned.

Trin 19

Gå til Filter > Blur> Gaussian Blur kommando. Juster Blur Radius for at blødgøre kanterne af glød effekten. I eksemplet her anvendt blev en værdi på 8,0 brugt:

Trin 20

For at reducere styrken af Color Dodge-effekten over baggrundsbilledet, skal du gå til Billede menu> justeringer > Farve og mætning kommando.

Trin 21

Sænk Mætning skyderen for at fjerne nogle af farveintensiteten i gløden.

Trin 22

Brug genvej Cmd / Ctrl + Shift + N for at oprette et nyt lag. Navngiv det 'Ekstra glød'. I panelet Lag skal du flytte det under Flames Glow Lag.

Trin 23

Skift Layer Blending Mode til Farve Dodge.

Trin 24

Vælg Børste værktøj (B). Klik på værktøjskassen i værktøjskassen Forgrundsfarve og ændre Farve til CAAF50.

Trin 25

Brug en stor blød børste til at male i nogle ekstra gløddetaljer omkring flammernes kanter og over tekstkarakteren.

Color Dodge Mode fungerer rigtig godt for at opbygge levende glødseffekter, men det er yderst følsomt over for små ændringer i din farvefarve. Hvis glødseffekten er for stærk eller producerer uønskede farveforskydninger, prøv reducerer lysstyrken og / eller hue værdierne til malingfarven i værktøjskassen, indtil du får det rigtige resultat.

Trin 26

Til en finpudsning tilføjer vi nogle gnister til bunden af flammerne ved hjælp af en specialfremstillet pensel. Brug genvej Cmd / Ctrl + N for at oprette et nyt dokument I dialogboksen skal du indstille følgende egenskaber og derefter klikke på OK:

Navn: Spark Prototype
Bredde: 50 px
Højde: 20 px
Farve tilstand RGB
Baggrundsindhold: Hvid

Trin 27

Vælg Rektangulær Marquee værktøj (M) og tegne et lille vandret rektangel i dokumentet.

Trin 28

Brug genvej Cmd / Ctrl + I for at vende dette område til sort. Brug genvej Cmd / Ctrl + D for at fjerne markeringen.

Trin 29

For at tilføje bevægelse til gnist prototypen, gå til Filter > blur > Motion Blur Filter. Indstil afstanden til 13 px, vinklen til 0 grader, og klik på OK. For at gemme en brugerdefineret børste fra Spark-billedet, skal du gå til Redigere menu> Definer børsteløsning kommando:

Trin 30

Skift nu tilbage til Flaming tekstdokumentet. Vælg Børste værktøj (B), som nu skal vise vores Spark Prototype som den aktive børste tip. Vi bliver nødt til at justere nogle af malestrækningsegenskaberne for denne brugerdefinerede tip for at skabe nogle realistiske gnistlignende effekter.

Gå til Vindue menu> Børste Panel og anvend følgende værdier til børsteegenskaberne:

Pensel Tip Form
Størrelse: 10 Px
Rundhed: 35%
Afstand: 350%
Form Dynamics:
Størrelse Jitter: 100%
Angle Jitter 3%
Vinkelregulering: Retning
spredning:
Spredning: 300%
Begge akse: Ticked

Trin 31

Brug genvej Cmd / Ctrl + Shift + N for at oprette et nyt lag kaldet ' Farvede Sparks '.

Trin 32

Indstil Forgrundsfarve til hvid i værktøjskassen. I dokumentvinduet begynder du at male i nogle gnister omkring flammens bund. Start dine malestrøg ved bunden og træk i den retning, du vil have dem til at rejse i enten i en lige linje eller buede buer. Som vi har indstillet Angle Jitter Control til 'Retning', gnisterne skal altid justere sig i retning af musens bevægelse:

Trin 33

Som et sidste tryk vil vi tilføje et par farveændringer til nogle af gnisterne. På tastaturet, tryk på '/' tasten til Lås den gennemsigtige områder af Sparks Layer fra forandring. Vælg en blød rund pensel forudindstillet, indstil størrelse værdi til 50 px.

Trin 34

Indstil værktøjskassen i værktøjskassen Forgrundsfarve til EB7E13. Begynd at male rundt om gnisternes kanter med børsteværktøjet for at tilføje lidt farvevariation til gnisterne.

Du kan fortsætte med at male forskellige orange og gule nuancer ind i gnisterne for at opbygge en mere kompleks farvepalet efter behov.

Trin 35

Forundre dine resultater.

Redaktørens note: Dette er skrevet til Hongkiat.com af Ben Richardson. Ben er direktør for Acuity Training, en it-træningsvirksomhed baseret i Guildford, Storbritannien og deler nogle af de tips, som delegerede har fundet mere nyttige fra deres Photoshop-kurser.