Webmaster Tutorials    +   Adobe Photoshop    +   3D Studio Max    +   Acrobat    +   ASP Coding    +   Bryce    +   C++    +   Cinema 4D    +   Cold Fusion    +   CSS    +   Dreamweaver    +   Fireworks    +   Flash    +   Illustrator    +   Javascript    +   Maya    +   Paint Shop Pro    +   PHP Coding    +   Ruby on Rails    +   Visual Basic    +   Website Development





Animated Fire Text

Views Today: 3, Total Views: 43131, Submitted by: GrAveTzT on 18-06-2006

Need Help? Visit our webmaster forum!

I wrote this for a graphics forum I worked at but I figured I would post it here as well.

1.) Open a new document any size

2.) Open or create a fire picture (can find some tuts on fire Here) Look below for the one i made

3.) Fill bg of empty document with color of choice

4.) write anything

External Image

5.) Copy and paste fire on new layer above the text

External Image

6.) Press Ctrl+G with the fire layer over the text layer

7.) Go to image ready

8.) Open the animation toolbar, but going to window then animation on the top

9.) Move the fire layer to the very bottom of the text

External Image

10.) Duplicate the frame

External Image

11.) Move the fire so that the bottom of it is at the bottom of the text

External Image

12.) Click on tween

External Image

13.) use these settings, change the number of frames to make it go slower of faster

13.) My finished product

External Image


The fire i used

External Image

Keep in mind i deleted some of the bottom of the fire and only used the top, use whatever part of it as needed, or experiment with other stuff besides fire.

Need Help? Visit our webmaster forum!

Post A Comment

If you want to comment on this tutorial you must first register or login.