当前位置: 首页 > 图文教程 > Flash动画 > Flash实例教程 > FLASH火焰文字效果制作教程

Flash实例教程
Flash教程:AS制作加载外部.swf影片的视频播放器
FlashAS3.0实例教程:喷泉动画特效
Flash cs3仿真艺术设计2.5:压扁与拉伸运用
Flash cs3仿真艺术设计2.6:轻松制作飞舞的蝴蝶
Flash CS4教程:AS3制作非常漂亮的曲线
Flash实例:AS3制作茶杯震动动画
Flash教程:鼠标点击显示打散动画
Flash实例教程:鼠标感应放大缩小动画
Flash实例教程:启动摄像头拍照动画
Flash AS3教程:制作文字飞出动画
Flash CS3教程:线性渐变模糊运动动画特效
Flash动画制作实例:不间断滚动图片动画
Flash AS3简单制作百叶窗图片特效
Flash AS3简单制作图片缓动特效动画
Flash AS3简单制作跟随鼠标缓动运动的圆
Flash轻松制作照片上有水纹波动动画
Flash实例:庆祝祖国60华诞烟花动画
Flash CS4教程:旋转的3D立方体动画
Flash实例教程:好看的旋转文字动画
Flash实例教程:低排放高节能汽车广告动画

Flash实例教程 中的 FLASH火焰文字效果制作教程


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-16   浏览: 578 ::
收藏到网摘: n/a

/upload/tech/20090916/20090916063624_51d92be1c60d1db1d2e5e7a07da55b26.jpg
上午突然有点灵感,做了一个火焰效果。看看。大家喜欢不?如果感兴趣。请认真看完此篇文章。那么你就能做出这种效果了。
 


噢,如果你感兴趣。就搬根板凳坐起,慢慢看吧。很复杂的。呵呵。
1、新建影片,设置背景为黑色。帧频为50。这里不一定的。大小也不一定,根据你自己的TEXT的大小来。
/upload/tech/20090916/20090916063628_8df707a948fac1b4a0f97aa554886ec8.jpg

2、新建一个元件。用于做字体。这里面的字体的制作过程比较复杂。大家要认真看哦。
/upload/tech/20090916/20090916063629_efe937780e95574250dabe07151bdc23.jpg

3、选择静态文本框。设置字体、颜色等属性。当然这里也不固定。大家喜欢即可。而且以后我们还要设置字的色相等。
/upload/tech/20090916/20090916063632_be3159ad04564bfb90db9e32851ebf9c.jpg

4、然后在场景中,打上文本。如果你感觉文本不够大。可以使用自定义缩放工具来进行调节。
/upload/tech/20090916/20090916063633_e57c6b956a6521b28495f2886ca0977a.jpg

5、选择墨水瓶工具,然后设置属性。这里的线条粗细可以适当调大点。只要不过份就行了。呵呵。
/upload/tech/20090916/20090916063635_2723d092b63885e0d7c260cc007e8b9d.jpg

6、然后给文本描上边框。
/upload/tech/20090916/20090916063637_38b3eff8baf56627478ec76a704e9b52.jpg

7、选择选择工具。把场景中的东东选中吧。。。
/upload/tech/20090916/20090916063638_d707329bece455a462b58ce00d1194c9.jpg

8、将线条转化为填充。这一步很关键的。只有这样,我们才能继续加边框。我们现的想法是让文本先出现空心字的效果。如果有不懂的朋友这里要注意了哦。这样可以做空心字的效果哦。。。
/upload/tech/20090916/20090916063640_0cb929eae7a499e50248a3a78f7acfc7.jpg

9、继续选择墨水瓶工具,设置线条的颜色为红色了。只要跟刚才的线条颜色不一样即可。这样是为了好区分。但建议选择跟文字的颜色一样。不是文字的边框哈。
/upload/tech/20090916/20090916063641_5c936263f3428a40227908d5a3847c0b.jpg

10、描上边框。。
/upload/tech/20090916/20090916063643_7504adad8bb96320eb3afdd4df6e1f60.jpg

11、使用选择工具,将里面的黄色线条轻轻的删掉吧。
/upload/tech/20090916/20090916063644_49ae49a23f67c759bf4fc791ba842aa2.jpg


12、使用任意变形工具,调节一下大小吧。
/upload/tech/20090916/20090916063645_8a0e1141fd37fa5b98d5bb769ba1a7cc.jpg

13、我们这个时候,就可以使用填充桶工具对他们进行任意填充了。
/upload/tech/20090916/20090916063647_5ef059938ba799aaa845e1c2e8a762bd.jpg

14、假设我们现在的填充样式如下。
/upload/tech/20090916/20090916063648_2f37d10131f2a483a8dd005b3d14b0d9.jpg

15、新建一个元件。把文本图形化。
/upload/tech/20090916/20090916063649_6c29793a140a811d0c45ce03c1c93a28.jpg

16、把刚才建立的文本元件拖到场景中,设置色调。
/upload/tech/20090916/20090916063651_2f55707d4193dc27118a0f19a1985716.jpg

17、继续创建元件。
/upload/tech/20090916/20090916063652_6d0f846348a856321729a2f36734d1a7.jpg

18、把16步骤中所创建的元件拖到场景中,色调化。
/upload/tech/20090916/20090916063653_b6a1085a27ab7bff7550f8a3bd017df8.jpg

19、新建一个图层,继续拖16步骤中的元件到场景中,跟第一个图层放置的位置一样。然后设置滤镜效果。
本文出处:
http://www.taoshaw.com 如需要转载,敬请注明出处。
/upload/tech/20090916/20090916063658_4b0250793549726d5c1ea3906726ebfe.jpg

20、设置图层叠加方式。
/upload/tech/20090916/20090916063700_577bcc914f9e55d5e4e4f82f9f00e7d4.jpg

21、下面,我们来创建一个火焰的元件吧。
/upload/tech/20090916/20090916063701_1534b76d325a8f591b52d302e7181331.jpg

22、使用铅笔工具绘制出一个叶子型图形。
/upload/tech/20090916/20090916063703_c6e19e830859f2cb9f7c8f8cacb8d2a6.jpg

23、在第四帧中添加动作。
/upload/tech/20090916/20090916063704_37f0e884fbad9667e38940169d0a3c95.jpg

24、本元件的时间轴效果如下。
/upload/tech/20090916/20090916063705_e97ee2054defb209c35fe4dc94599061.jpg

25、然后在第4、8、12帧分别调节元件的位置。以及大小。
/upload/tech/20090916/20090916063707_04025959b191f8f9de3f924f0940515f.jpg

26、然后新建一个fife元件。将步骤21开始中所创建的元件拖进来。然后并分布在不同的位置。复制一些吧。
/upload/tech/20090916/20090916063711_9766527f2b5d3e95d4a733fcfb77bd7e.jpg

27、咦,你或许会问。为啥是绿色的呢。而且是线条呢。这里我是为了显示方便,图层中使用显示线条轮廓的方式来显示的。
28、
26、在text_fire元件中。新建一图层。把刚建立的fire拖进来。
27、这是text_fire图层中时间轴效果。
/upload/tech/20090916/20090916063715_ba3866600c3540f67c1e9575e213be0a.jpg

28、继续创建一个元件,绘制另一种火焰的效果吧。
/upload/tech/20090916/20090916063716_357a6fdf7642bf815a88822c447d9dc4.jpg

/upload/tech/20090916/20090916063718_903ce9225fca3e988c2af215d4e544d3.jpg

29、然后在每个帧分别设置火焰的效果。
/upload/tech/20090916/20090916063719_3871bd64012152bfb53fdf04b401193f.jpg


30、下面,我们把文本元件再复制一下。再用文本去遮照火焰效果。
31、回到场景中,这个时候。拖出text_fire吧。然后可能或许会感觉有些单调。那么,我们再绘制一个背景吧。再加一些星光效果吧。
32、再添加代码。把右键屏蔽一下吧。
play();
fscommand("fullscreen", "true");
fscommand("showmenu", "false");
fscommand("allowscale", "false");
//================版权声明开始================//
//★淘沙网:http://www.taoshaw.com
//★淘沙网所有教程欢迎转载。不过请转载时注明出处。谢谢合作。
//================版权声明结束================//
//创建新右键菜单
myMenu = new ContextMenu();
//隐藏右键菜单
myMenu.hideBuiltInItems();
myMenu.customItems.push(new ContextMenuItem("软晨学习网:http://www.ruanchen.com", PR));
Stage.scaleMode = 'noScale';
function PR(obj, item) {
getURL("http://www.taoshaw.com", "_blank");
}
//将新菜单赋予给场景
_root.menu = myMenu;