30 August 2010

Awesome fire effect for 3D text (Photoshop)

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.

48 comments:

  1. 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.

    ReplyDelete
  2. @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.

    ReplyDelete
  3. Nice effect..thanks to share

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

    Nice picture :)

    ReplyDelete
  5. Anonymous3/9/10 14:14

    awesome effect ....frd ...

    ReplyDelete
  6. Great tutorial. I always like exploring and I will try this one. Thanks for sharing.

    ReplyDelete
  7. Anonymous4/9/10 00:32

    Shan Jin, Great post thanks!

    ReplyDelete
  8. Anonymous4/9/10 00:33

    Shan , Great post

    ReplyDelete
  9. wow.nice and creative..Thanks.

    ReplyDelete
  10. it's awesome, i will try it

    ReplyDelete
  11. nice work, amazing
    i should try it

    ReplyDelete
  12. Anonymous15/9/10 09:31

    This comment has been removed by a blog administrator.

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

    Will definitely use it in future. TQ

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

    ReplyDelete
  15. Wow fantastic very nice post you got there..

    ReplyDelete
  16. nice info about Photoshop and 3d effects.wait for more
    -----
    http://biomobilegame.co.cc/

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

    ReplyDelete
  18. Found your site quite interesting. Don't get why it is not having good amount of traffic for quite useful unique content.

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

    ReplyDelete
  20. very nice, makes me know better about Photoshop.

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

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

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

    Nice blog! Nice layout and well-organized.

    Take care,
    Roger

    ReplyDelete
  24. This is very impressive. I like it

    bradleyparanial.blogspot.com

    ReplyDelete
  25. This comment has been removed by a blog administrator.

    ReplyDelete
  26. Anonymous4/1/11 07:06

    This comment has been removed by a blog administrator.

    ReplyDelete
  27. Anonymous8/1/11 13:41

    This comment has been removed by a blog administrator.

    ReplyDelete
  28. Anonymous11/1/11 08:26

    This comment has been removed by a blog administrator.

    ReplyDelete
  29. Anonymous15/1/11 19:02

    This comment has been removed by a blog administrator.

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

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

    ReplyDelete
  32. For most recent news you have to visit web and on web I
    found this site as a finest web site for newest updates.
    Feel free to visit my webpage :: katalogi stron www darmowe

    ReplyDelete
  33. Anonymous16/1/13 09:06

    Having read this I thought it was very enlightening. I appreciate you finding the time and energy to put this information together.
    I once again find myself spending a lot of
    time both reading and posting comments. But so what, it was still
    worth it!
    My weblog ... Motorola barcode scanner

    ReplyDelete
  34. Anonymous16/1/13 16:48

    Hi there colleagues, its wonderful article concerning tutoringand
    fully defined, keep it up all the time.
    Feel free to surf my web page :: honeywell barcode scanner

    ReplyDelete
  35. Anonymous17/1/13 17:53

    I pay a quick visit each day a few blogs and websites to read articles, however this webpage provides quality based
    posts.
    Stop by my website : cheap vps

    ReplyDelete
  36. Anonymous18/1/13 11:30

    This is the right site for anybody who wants to understand this topic.
    You know so much its almost hard to argue with you (not that I personally would want to…HaHa).
    You definitely put a fresh spin on a topic that has been written about for ages.

    Excellent stuff, just great!
    My page > most popular dating sites

    ReplyDelete
  37. Anonymous18/1/13 11:52

    Magnificent beat ! I would like to apprentice while you amend your website, how could
    i subscribe for a blog website? The account aided me a acceptable deal.
    I had been a little bit acquainted of this your
    broadcast offered bright clear idea
    My page: Best Weight Loss Diet

    ReplyDelete
  38. Anonymous18/1/13 14:11

    I was curious if you ever thought of changing the page layout of your website?
    Its very well written; I love what youve got to say. But maybe you could a
    little more in the way of content so people could connect with it better.

    Youve got an awful lot of text for only having 1 or 2 pictures.
    Maybe you could space it out better?
    My page - Computer Repair La Grange Park

    ReplyDelete
  39. Anonymous18/1/13 17:44

    Howdy! Would you mind if I share your blog with my myspace group?
    There's a lot of folks that I think would really enjoy your content. Please let me know. Thank you
    Also visit my website ; 500 Facebook Likes

    ReplyDelete
  40. Anonymous18/1/13 17:47

    Just wish to say your article is as astounding.
    The clarity to your publish is simply cool and i could suppose you
    are a professional in this subject. Well along with your permission allow me
    to snatch your feed to stay updated with impending post. Thank you one million and
    please continue the rewarding work.
    my webpage :: Wordpress Customization Services

    ReplyDelete
  41. Anonymous18/1/13 18:31

    Do you have a spam problem on this site; I also am a blogger, and I
    was curious about your situation; many of us have created some nice procedures and we are looking to trade solutions
    with other folks, be sure to shoot me an email if
    interested.
    Here is my web page : barcode rental

    ReplyDelete
  42. Anonymous19/1/13 03:44

    I am in fact pleased to read this blog posts which includes plenty of
    helpful information, thanks for providing these kinds of information.
    Look into my webpage college blackout pictures

    ReplyDelete