帮朋友做的音乐网站,网址:www.ChannelMusic.net 。
我其实也是一个初学者,写这篇教程的目的只是将在工作学习得到了一些经验拿出来和大家分享,如有缪误之处希望朋友们留言给我,我一定改正,当然,有什么看不明白的地方我也会帮朋友们解答,让我们共同进步。
其实做动画找到规律就好做了,具体的工作方法可以随意,我这里只是贴出一些自己的方法,供大家参考。
先看看完成后的效果。

做火一类的动画,关键的是在错综复杂的形态中找规律。
这个例子一共只有6帧,例子中的火焰是由多个点产生,它们以各异的形态组成一个大火焰,每个火苗虽然形态各异,但是它们的运动规律都是一样,呈S型扭动,这些规律大家可以购买相关书籍来研究。那么我们就先从单个火苗开始。
不用急着把火焰描绘出来,先来画一些线条作为参考对象。
这里我们先利用FLASH,建立一个240x160的画布,建立一个动画元件,画一个简单6祯的逐帧曲线动画,如图1,绘制一根线条,呈S型的扭动过程。

把动画元件置入场景中,再复制出5个,共六个动画元件,分别放到不同层的时间线,对每个动画元件做一些颜色、大小、水平翻转的修改,使它们有所区别,做成一个12帧的动画。

把动画导出为GIF,拿ImageReady编辑打开刚才的GIF,删掉前6帧,看看效果,一个流畅的辅助线动画就完成了,如图,是不是已经看到火焰的感觉了。

把图转入PhotoShop(Ctrl+Shift+m),开始描绘火焰,如图4一样,把需描绘的帧设置透明度为20%,命名为“参考1”,新建一个全黑的层做为背景,再新建一个层放在“参考1”之下,命名为“帧1”,先用画笔工具(
)依照参考线的样子描绘大型,描绘过程中可以再新建一个层,把使用过的颜色涂抹出几个色块,方便画别的帧的时候吸取,效果如图。

画好草图后,使用涂抹工具(
),利用不同尺寸的涂抹工具,把火焰的感觉一点点涂抹出来,涂抹过程中,可以用画笔添加新的色块,添加新的火苗,但添加的火苗不宜过大过长,要保证6条主线的清晰明暸,画第一帧的时候要总结适合自己的方法,过程尽量简化,没画好可以重来,多画几次找到感觉为止,这样剩下的帧画起来就轻松多了,如图。

把剩下的帧也画上,画的时候留意和上一帧比对一下,除了火苗扭动外外,整体的大型变化不要太大,画完后转到ImageReady编辑成动画看看效果,根据动画效果再做一些修改,效果如图。
修改好火焰后,再回到PhotoShop把文字加上,把文字层栅格化(用画笔一类工具直接在画布上点,PhotoShop会提示是否栅格化图层,选“是”,这样操作比去菜单里面翻出这个菜单命令来快多了。),然后把文字层复制一个出来备用,如图。

还是使用涂抹工具(
),先用一个大尺寸的,把文字稍微扭曲,然后再用中号的,在文字层上涂抹,选那些不影响文字大型地方涂抹,保证涂抹完后还能看明白是什么字,涂抹出从字上冒出火苗的效果,如图。
再接下来,利用橡皮擦工具(
),把文字层边缘擦出一些残破感,文字中间也可以擦一些地方,如下图左。用小号涂抹工具(
),把残破的地方,由下往上擦一擦,把燃烧感再表现表现,如下图右。

好了,动画基本完成了,在顶层建一个曲线的效果调整图层,把画面颜色调一调,明暗比拉开一些,如图。
最后,因为用涂抹工具涂抹出来的看上去效果不够细致,把图缩小50%到60%,好了,完成!
再看看完成后的效果。
