Awesome fire effect for 3D text (Photoshop)

Monday, August 30, 2010

This tutorial is going to be a little more advanced than the other ones I have done. It shouldn’t be a problem if you have been following along with our other tutorials or have a grasp of Photoshop. As my previous post I also shown on How to Create a Stunning Fire Effect In Photoshop . So lets begin.
Open up your Adobe Photoshop and make a new document (Ctrl + N) size: 10cm x 10 cm resolution : 72pixel and black background color.

Press T to start typing text. Type F in the meaning of FIRE. Just look to the right of your work space you will see a new layer of this latter F then right click on it => Rasterize Layer. Do like this your text will become an object and do remember that once you Rasterize it can not be re-edit as text.

Transform this F and right click again => Distort then try to make this F as seen in below image.

Then download this image. We will use it from now as a background and fire effect and name it as BACKGROUND IMAGE.
After download finish bring it into your work place and make a copy by select this image all and Ctrl + C.
Load latter F selection now press Ctrl + Shift + V to pass the image as a layer mask.
Here we got
Press Pen Tool to start draw 3D.
Draw this 3D until you finish. Then it should be look like this
Merge all layer together (select all layer and Ctrl +E). Look to your layer and adjust the color to Linear Light
Then you 3D latter F will look like below
Use the background image this time and put a layer mask and Ctrl + U to adjust color into it as seen. If you're all are misunderstanding this part please leave me below comment or contact me for my fatest reply.
Alright now what to do?
Use your Pen Tool again but this time we are making shadow of latter F. To make it easy way just copy this merge latter F and give a black color on it then => Filter => Blur => Guassian Blur
Do the same to all latter as we F now continuous to I, R, E and place those latter some thing nicely.
It is time to make some fire effect and it should be the last step. Download these fire and bring all to your work place.


Let take one of it and make layer mask to cut all black background. It is hard for me to make you understand Because my English is poor so I hardly to write this Layer Mask but you can leave me a comment and subscribe to this comment so when I reply you will get it as my explaining is there.
Once you have done it. Take other fire image and play it in the same style of layer mask to what you think is nice to your design then you will have a result like this.
Remember to leave me a comment below for your question to me. But if you are enjoying this post and grab my full experience of this post DON'T FORGET TO SAY THANK.

25 comments:

Miss Spicy said...

Awesome effect. I don't know much about Photoshop. I'll only use it for easy tasks such as crop, resize, etc. Thanks for info. Maybe I should try to learn more about this software.

September 2, 2010 at 9:18 PM
freedownloading said...

@Miss Spicy
Thanks Miss Spicy you should do it and learn from here. Ask me more for your question I am happy to do it for you.

September 2, 2010 at 9:20 PM
rasni said...

Nice effect..thanks to share

September 2, 2010 at 10:11 PM
Update Gadget Reviews said...

I am not sure how to use photoshop better. :(
but I will continue to learn. :p

Nice picture :)

September 2, 2010 at 10:17 PM
Anonymous said...

awesome effect ....frd ...

September 3, 2010 at 12:14 AM
Anonymous said...

Shan Jin, Great post thanks!

September 3, 2010 at 10:32 AM
Anonymous said...

Shan , Great post

September 3, 2010 at 10:33 AM
freedownloading said...

@Inforhub
Thanks;;)

September 3, 2010 at 7:13 PM
Wireless Headphones For Tv said...

awesome, i try it!

September 6, 2010 at 4:14 AM
all1nfo said...

nice work, amazing
i should try it

September 14, 2010 at 7:08 AM
Bear Wife said...

Very good. I only used photoshop to enhance
facial features. Now i know better.

Will definitely use it in future. TQ

September 15, 2010 at 3:45 AM
forexwatch said...

Nice of you to share your expertise on Photoshop. The Fire effect is awesome.

September 15, 2010 at 8:14 PM
INDONESIA TOP I OUTBOND said...

Wow fantastic very nice post you got there..

September 15, 2010 at 9:33 PM
freedownloading said...

@INDONESIA TOP I OUTBOND

Terima Kasih apang

September 15, 2010 at 10:23 PM
freedownloading said...

@dahstar
Ya sure my new post is going to show how to make some text style in Illustrator please stay back. Thanks

September 16, 2010 at 1:55 AM
freedownloading said...

@Raidywen
Share me your trick how to do that pls.

September 17, 2010 at 2:37 AM
vsc said...

very nice, makes me know better about Photoshop.

September 17, 2010 at 10:47 PM
ian said...

wow~that's really cool.
keep this fantastic work!

September 21, 2010 at 11:50 PM
CHATHU said...

THIS IS NICE BLOG AND CAN GET MORE DATA ABOUT CREATIVE DESIGN. VERY USEFUL BLOG

October 20, 2010 at 8:59 PM
Roger @ Published-Articles.com said...

Great effect! I like the creative logo effect as well.

Nice blog! Nice layout and well-organized.

Take care,
Roger

October 21, 2010 at 10:44 AM
freedownloading said...

@Roger @ Published-Articles.com
You're mostly welcome

October 21, 2010 at 7:41 PM
Brad said...

This is very impressive. I like it

bradleyparanial.blogspot.com

December 4, 2010 at 11:22 PM
freedownloading said...

Hi every one who would like to show your idea please do not spam here.

January 20, 2011 at 1:39 AM
tables said...

Great researched articles and blog site, keep up the work!

June 13, 2011 at 2:45 PM
freedownloading said...

:) thank you

June 14, 2011 at 12:07 AM

Post a Comment

សមាជិកអ្នកអាន