Hur skapar du en fantastisk flammande texteffekt i Photoshop CC 2014

I den här handledningen utforskar vi den fantastiska nya Flamfilter, introducerad för Photoshop CC 2014. Filtret skapar procedurella flammar och brand effekter som kan göras för att krulla och följa runt vilken som helst anpassad form. Vi kommer också att lägga till några realistiska eldiga gnistor, tack vare en handgjord Photoshop Brush-tip.

Här är vad vi ska göra med denna handledning.

Fler handledning på Hongkiat:

Hur man designar ett snyggt videospelargränssnitt
Så här färgar du gammalt (svartvitt) foto
Hur man ritar en balinesisk Barong mask
Hur man skapar en målningseffekt

Steg 1

Öppna en lämplig bakgrundsbild där du vill bygga upp den flammande texteffekten. I det här exemplet har vi använt en 800 × 600 pixel nödbelagd metalltextur från doschdesigns men någon rimligt mörk bakgrundsstruktur skulle fungera lika bra:

Steg 2

Vi lägger till lite skuggning och färgjusteringar för att skapa en låg nyckelfaktor över vår bakgrund. Välj Elliptisk markeringsverktyg (M) och rita en stor oval över mitten av bakgrunden.

Steg 3

Använd Cmd / Ctrl + Shift + I för att välja det inverse området i dokumentet:

Steg 4

Gå till Lager meny> nytt justeringslager > kurvor kommando. Klicka till Lägg till en anpassad mittpunkt på kurvan och dra nedåt för att mörka bilden:

Steg 5

För att mjuka kanterna på vignetten lägger vi till en oskärpa på justeringslagermask. Gå till Filtrera meny> Fläck > Gaussisk suddighet. Öka Radius-värdet som krävs för att skapa en fin mjuk fjäder för kanterna av ellipsformen.

Steg 6

Gå till Lager meny> nytt justeringslager > Färgton och mättnad. Markera kryssrutan Colorize och använd följande värden: Hue (30), Mättnad (50), Ljushet (-40)

Steg 7

Välj Textverktyg (T) och klicka på duken för att skapa ett typlager. Använd alternativ fältet för att ställa in önskad typstorlek och färg och ange önskat tecken.

I det här exemplet har vi använt följande teckenvärden: Typsnitt: MetroBlack LT Two Regular, Storlek: 400 px, Färg: 474747. När du är klar använder du genväg Cmd / Ctrl + Enter för att begära typlagret förändringar.

Steg 8

I Fönster meny> Skikten Panelen väljer bakgrundsskiktet som innehåller metalltexturbilden. Använd genväg Cmd / Ctrl + J för att duplicera lagret och dra det ovanför textlagret i panelen.

Steg 9

Med det nya texturslaget valt, använd genväg Cmd / Ctrl + Alt + G för att maskera kopieringsbilden till Textlagret under.

Steg 10

Med det markerade texturlagret, gå till Bild meny> justeringar > kurvor kommando. Lägg till en mellantonpunkt till kurvan och dra nedåt för att mörka textilöverlagret.

Steg 11

Vi lägger sedan till några lagstilar till textlagret för att lyfta bort det från bakgrunden. I Skikten Panelen, klicka på menyn "FX" och använd följande lagstilar:

Drop Shadow
Opacitet:
Avstånd: 20px
Spridning: 0 px
Storlek: 20 px
Bevel och Emboss
Djup: 1000%
Storlek: 5px
Vinkel: 130
Höjd: 48
Markera färg: fa8b09
Markera opacitet: 95%
Skuggfärg: 000000
Shadow Opacity: 85%

Steg 12

Nu ska vi skapa en digital brand för att varpa runt vår karaktär, med hjälp av det fantastiska nya Photoshop CC Flame-filtret och några anpassade vägar för att indikera flammarnas placering och riktning.

Använd genväg Cmd / Ctrl + Shift + N för att skapa ett nytt lag som heter 'flammar'. Välj Penna verktyget (P) och i dokumentet, rita ut en sökväg upp en sida av texttecken där du vill att en flamma ska visas:

Steg 13

När du når den punkt där du vill att flammen ska sluta, håll ner Cmd / Ctrl-tangenten och klicka var som helst på dokumentet bort från vägpunkterna. För att skapa en annan flamma, rita ett annat söksegment med samma steg, men kom ihåg att Cmd / Ctrl + klicka i slutet av varje sökväg så att flammorna kommer att göras individuellt:

Steg 14

Gå till Filtrera > Göra > Flamma Filtrera. I dialogrutan anger du följande nyckelvärden:

Flamktyp: En flamma längs vägen
Bredd: 37 px
Flamlinjer: 9
Turbulent: 66
Jag: 0
Opacitet: 49

Steg 15

Filterdialogrutan ger ett nära oändligt utbud av flamma- och brandeffekter, så du bör också experimentera med att justera ovanstående inställningar för att skapa den flamma du vill ha. När du har justerat värdena klickar du på ok att tillämpa filtereffekten:

Steg 16

Nästa lägger vi till lite extra skuggning för att bygga upp glöden runt våra flammor.

I Fönster > Skikten Panel, välj flammslagret och använd genväg Cmd / Ctrl + J för att duplicera det.

Steg 17

Byt namn på kopieringslagret till "Flame Glow" och flytta den under flammeskiktet i panellistan.

Steg 18

Ändra Blandningsläge i Skikten Panel till Färg Dodge. Använd Flytta verktyg för att kompensera kopieringsbilden lite till höger och nere.

Steg 19

Gå till Filtrera > Blur> Gaussian Blur kommando. Justera Blur Radius för att mjuka kanterna på glödseffekten. I det exempel som användes här användes ett värde av 8,0:

Steg 20

För att minska styrkan i Color Dodge-effekten över bakgrundsbilden, gå till Bild meny> justeringar > Färgton och mättnad kommando.

Steg 21

Sänka Mättnad skjutreglaget för att ta bort några av färgintensiteten i glöd.

Steg 22

Använd genväg Cmd / Ctrl + Shift + N för att skapa ett nytt lager. Namnge det "Extra Glow". I panelen Lager, flytta den under Flames Glow Lager.

Steg 23

Ändra Layer Mixing Mode till Färg Dodge.

Steg 24

Välj Borsta verktyg (B). I verktygslådan klickar du på Förgrundsväxa och ändra Färg till CAAF50.

Steg 25

Använd en stor mjuk borste för att måla i några extra glöddetaljer runt flammarnas kanter och över textteckenet.

Color Dodge Mode fungerar riktigt bra för att bygga upp livfulla glödseffekter, men det är extremt känsligt för små förändringar i färgfärgen. Om glödseffekten är för stark eller producerar oönskade färgskift, försök reducerar ljusstyrkan och / eller nyansvärdena för färgfärgen i verktygslådan tills du får rätt resultat.

Steg 26

För en slutgiltig touch lägger vi några gnistor i flammens botten med en skräddarsydd pensel. Använd genväg Cmd / Ctrl + N för att skapa ett nytt dokument I dialogrutan anger du följande egenskaper och klickar sedan på OK:

Namn: Spark Prototype
Bredd: 50 px
Höjd: 20 px
Färgläge RGB
Bakgrundsinnehåll: Vit

Steg 27

Välj Rektangulär Marquee verktyg (M) och dra en liten, horisontell rektangel i dokumentet.

Steg 28

Använd genväg Cmd / Ctrl + I för att invertera detta område till svart. Använd genväg Cmd / Ctrl + D för att ta bort valet.

Steg 29

För att lägga till lite rörelse till gnistprototypen, gå till Filtrera > Fläck > Motion Blur Filter. Ange avståndet till 13px, vinkeln till 0 grader och klicka på OK. För att spara en anpassad pensel från Spark-bilden, gå till Redigera meny> Definiera Börsinställningar kommando:

Steg 30

Byt nu tillbaka till Flaming textdokumentet. Välj Borsta verktyg (B), som nu ska visa vår Spark Prototype som den aktiva borstspetsen. Vi måste justera några av färgstreckegenskaperna för denna anpassade tips för att skapa några realistiska gnistliknande effekter.

Gå till Fönster meny> Borsta Panelen och tillämpa följande värden på borstegenskaperna:

Borstspetsform
Storlek: 10 Px
Rundhet: 35%
Avstånd: 350%
Form Dynamics:
Storlek Jitter: 100%
Vinkel jitter 3%
Vinkelreglering: Riktning
Scattering:
Scatter: 300%
Båda axlarna: Ticked

Steg 31

Använd genväg Cmd / Ctrl + Shift + N för att skapa ett nytt lager som heter ' Färgade gnistor ".

Steg 32

Ställ in Förgrundsfärg till Vit i Verktygslådan. I dokumentfönstret börjar du måla i några gnistor runt flammens botten. Starta dina färgstreck vid basen och dra i den riktning som du skulle vilja att de ska resa i antingen i en rak linje eller krökta bågar. Som vi har ställt in Vinkel Jitter Control till 'Riktning', gnistorna ska alltid anpassa sig till muspekarens riktning:

Steg 33

Som en slutgiltig touch lägger vi några färgändringar till några av gnistorna. På tangentbordet, tryck på '/' tangenten till Låsa den genomskinliga områden av Gnistorlager från förändring. Välj en mjuk rund pensel förinställd, ställ in storlek värde till 50 px.

Steg 34

I verktygslådan ställer du in Förgrundsfärg till EB7E13. Börja måla runt kanterna av gnista spåren med borstverktyget för att lägga till lite färgvariation på gnistorna.

Du kan fortsätta att måla olika orange och gula nyanser i gnistorna för att bygga upp en mer komplex färgpalett efter behov.

Steg 35

Förundra dina resultat.

Redaktörens anteckning: Detta är skrivet för Hongkiat.com av Ben Richardson. Ben är regissören för Acuity Training, en IT-träningsverksamhet baserad i Guildford, Storbritannien och delar några av de tips som delegaterna har funnit mer användbara från sina Photoshop-kurser.