Fire/Flames Effects in Buttons, Texts and Custom Shapes !
Your End Result Will Look like this > 


BEFORE STARTING THIS TUTORIAL YOU WILL HAVE TO DEFINE THE PATTERN THAT YOU WILL BE USING FOR YOUR IMAGE IN BLENDING OPTIONS. TO DO THAT; SAVE ANY ONE OF THE TWO PATTERNS(IMAGES) BELOW AND OPEN IT IN PHOTOSHOP.NOW WITH THE DOCUMENT ACTIVE GO TO FILE > DEFINE PATTERN AND SELECT THE NAME YOU WANT TO GIVE THIS PATTER. (Pretty easy
)

_______________________________________________________________________________________________________________________
1) Click New in th FILE menu and creat a new Photoshop document with values as shown in the image below (Ctr+N).

2) Using Paint bucket tool paint the layer with With Black Color. (#000000)
3) Select the Text Tool ( Horizontal Type ) from the Tool Box Window and write the text of your choice on the layer
we just created . Try using some Liquid/Fluid kinda font. I used a font named “Croobie” .
Color to be used for text : White ( #FFFFFF).
4) Now coming to the most important part, BLENDING OPTIONS. Right click the text layer you just created in the Layer Window and click Blending Option.
Blending Options:
Drop Shadow : Color used for Blend Mode : #FFFFDC

Inner Shadow:Color code used for Blend Mode : #FFFFA1

Outer Glow : Use any color combination for Blend Mode. Even a combination of Blue and Yellow looks pretty cool. I used a custom Color combination of a couple of light colors.

Inner Glow : Use nearly same color combination as used above for blend mode option.

Satin : Color Code used for Blend Mode : #FFFF64

Gradient OverLay : Details for colors have been shown in the Images below. Incase you wish to use some other colors, then go for only bright colors.

Gradient Details: 
Pattern Overlay: Select the pattern you created in the starting of document.

Here you are done with the tutorial.Save the image in your preferred format. Enjoy.
For buttons and Custom shapes simply copy the Layer Style !