FLASH火焰文字效果制作教程

所属分类: 媒体动画 / Flash教程 阅读数: 116
收藏 0 赞 0 分享
/do/uploads/allimg/080906/1913060.jpg
上午突然有点灵感,做了一个火焰效果。看看。大家喜欢不?如果感兴趣。请认真看完此篇文章。那么你就能做出这种效果了。
 

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

2、新建一个元件。用于做字体。这里面的字体的制作过程比较复杂。大家要认真看哦。
/do/uploads/allimg/080906/1913062.jpg

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

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

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

6、然后给文本描上边框。
/do/uploads/allimg/080906/1913066.jpg

7、选择选择工具。把场景中的东东选中吧。。。
/do/uploads/allimg/080906/1913067.jpg

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

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

10、描上边框。。
/do/uploads/allimg/080906/19130610.jpg

11、使用选择工具,将里面的黄色线条轻轻的删掉吧。
/do/uploads/allimg/080906/19130611.jpg

12、使用任意变形工具,调节一下大小吧。
/do/uploads/allimg/080906/19130612.jpg

13、我们这个时候,就可以使用填充桶工具对他们进行任意填充了。
/do/uploads/allimg/080906/19130613.jpg

14、假设我们现在的填充样式如下。
/do/uploads/allimg/080906/19130614.jpg

15、新建一个元件。把文本图形化。
/do/uploads/allimg/080906/19130615.jpg

16、把刚才建立的文本元件拖到场景中,设置色调。
/do/uploads/allimg/080906/19130616.jpg

17、继续创建元件。
/do/uploads/allimg/080906/19130617.jpg

18、把16步骤中所创建的元件拖到场景中,色调化。
/do/uploads/allimg/080906/19130618.jpg

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

20、设置图层叠加方式。
/do/uploads/allimg/080906/19130620.jpg

21、下面,我们来创建一个火焰的元件吧。
/do/uploads/allimg/080906/19130621.jpg

22、使用铅笔工具绘制出一个叶子型图形。
/do/uploads/allimg/080906/19130622.jpg

23、在第四帧中添加动作。
/do/uploads/allimg/080906/19130623.jpg

24、本元件的时间轴效果如下。
/do/uploads/allimg/080906/19130624.jpg

25、然后在第4、8、12帧分别调节元件的位置。以及大小。
/do/uploads/allimg/080906/19130625.jpg

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

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

28、继续创建一个元件,绘制另一种火焰的效果吧。
/do/uploads/allimg/080906/19130628.jpg

/do/uploads/allimg/080906/19130629.jpg

29、然后在每个帧分别设置火焰的效果。
/do/uploads/allimg/080906/19130630.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("脚本之家:https://www.jb51.net", PR));
Stage.scaleMode = 'noScale';
function PR(obj, item) {
getURL("http://www.taoshaw.com", "_blank");
}
//将新菜单赋予给场景
_root.menu = myMenu;
更多精彩内容其他人还在看

FLASH CLASS的基本编写规范

继续回来写教程。本来不想写这节的,因为这节的内容很多书上或者网上资料都有,而且写的比我要详细正规得多。但后来想想,还是写吧!为啥?凑篇幅呗~啊哈哈~而且后面几节要结合接宝的范例游戏,具体分析它的几个CLASS,所以,还是用一节把CLASS的写法说一下。可能我对CLASS
收藏 0 赞 0 分享

flash教程:使用拆分数字和文字的函数

flash的小函数:拆分数字和文字的函数. 以下为引用的内容: /* * 拆分数字和文字 */ public function splitNS(s:String):Object{ var tNum:String=""
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例六

相关文章: 通过实例学习Flash AS3.0——案例五 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下
收藏 0 赞 0 分享

用Flash AS制作逼真的下雨动画效果

Flash教程:用Flash AS制作逼真的下雨动画效果 先看下效果:(附.swf文件) 制作过程 一、新建一图层,大小随意; 二、新建元件(影片剪辑): 1、制作雨滴并下落。使用直线工具(颜色设为灰色,1像素)画一短直线,使用选择工具将直
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例五

相关文章: 通过实例学习Flash AS3.0——案例四 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下
收藏 0 赞 0 分享

Flash CS3制作Fla形式的组件

  本文为大家介绍如何制作Flash CS3中的[*.fla]形式的的组件(Component)。这种组件和SWC组件不同,它和CS3自带的组件一样能够双击进入组件里面编辑,是Flash CS3新增加的一种组件形态。下面我们制作一个MyButton组件为例子。   制作步骤:
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例四

相关文章:通过实例学习AS3.0——案例三 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。
收藏 0 赞 0 分享

通过实例学习flash AS3.0——案例二

相关文章:通过实例学习AS3.0 --案例一 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。 水平有限,错误难免,欢
收藏 0 赞 0 分享

通过实例学习AS3.0——案例三

相关文章:通过实例学习flash AS3.0——案例二 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知
收藏 0 赞 0 分享

通过实例学习AS3.0

首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。 水平有限,错误难免,欢迎大虾小虾,大鸟小鸟指正。 下面进入正题:
收藏 0 赞 0 分享
查看更多