用户名: 密码: 验证码: QQ--程序群:31736530 动画群:38836599
闪无忧
 
首 页 业界新闻 业界杂谈 Flash教程 Flash源码 Flash图书 Flash酷站 Flex & AIR 供求信息
   本栏目通告:   有意向写收费精品教程的朋友,请联系本站合作
当前位置 :首页>flash教程>Flash动画特效>列表

逼真FLASH火焰文字效果制作

[来源:taoshaw.com | 作者:沙子 | 时间:2008-09-10 | 点击:  | 收藏本文  【 】]

FLASH火焰文字效果制作

/uploads/allimg/080910/1658550.jpg

上午突然有点灵感,做了一个火焰效果。看看。大家喜欢不?如果感兴趣。请认真看完此篇文章。那么你就能做出这种效果了。
演示地址:
http://www.taoshaw.com/taoshaw/study/fire_text

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

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

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

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

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

6、然后给文本描上边框。
/uploads/allimg/080910/1658557.jpg

7、选择选择工具。把场景中的东东选中吧。。。
/uploads/allimg/080910/1658558.jpg

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

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

10、描上边框。。
/uploads/allimg/080910/16585511.jpg

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

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

13、我们这个时候,就可以使用填充桶工具对他们进行任意填充了。
http://www.taoshaw.com/taoshaw/study/fire_text/img/13.jpg

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

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

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

17、继续创建元件。
/uploads/allimg/080910/16585518.jpg

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

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

20、设置图层叠加方式。
/uploads/allimg/080910/16585521.jpg

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

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

23、在第四帧中添加动作。
/uploads/allimg/080910/16585524.jpg

24、本元件的时间轴效果如下。
/uploads/allimg/080910/16585525.jpg

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

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

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

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

/uploads/allimg/080910/16585530.jpg

29、然后在每个帧分别设置火焰的效果。
/uploads/allimg/080910/16585531.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.taoshaw.com", PR));
Stage.scaleMode = 'noScale';
function PR(obj, item) {
  getURL("http://www.taoshaw.com", "_blank");
}
//将新菜单赋予给场景
_root.menu = myMenu;

源文件下载>>>
文章如果有错误或者缺少文件,请发邮件提交给我们
上一篇:Flash旋转拖尾文字效果的制作教程
下一篇:Flash鼠标跟随漂亮光圈特效
Tags:    
>>> 最新评论:(共有 1 位网友发表了评论)      查看所有评论
  发表评论
用户名: 新注册) 密码: 匿名评论
评论内容:(不能超过250字,需审核后才会公布,请自觉遵守互联网相关政策法规。
·本站发布内容均为客观表达作者观点,不代表闪无忧立场,请勿攻击和漫骂
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为
  教程分类
  基础操作   动画特效
  应用开发   组件学习
  As程序   动画教程
  Flash cs3   AS 3.0
  FCS/FMS教程   Loading教程
  Flash与Web   Flash教程连载
  相关文章
·Flash鼠绘教程:教你画一盘逼真
·Flash鼠标跟随漂亮光圈特效
·逼真FLASH火焰文字效果制作
·Flash旋转拖尾文字效果的制作教
·flash打造佛光效果实例教程
·Flash烛光动画特效实例教程
·Flash as打造的随机画圆弧效果
·超酷flash光晕移动效果
·Flash打造简单的飘雪动画视觉特
·Flash画图功能打造齿轮动画特效
  热门文章
·Flash进度条的制作详细讲解(组图)
·flash幻灯片网页效果
·Flex 3 AdvancedDataGrid的使用(第二
·全Flash动画网站实现的基础教学
·flash水影效果字
·Flash打造简单的飘雪动画视觉特效
·FLASH+XML相册(附源码)
·超酷flash光晕移动效果
·Flash旋转拖尾文字效果的制作教程
·Flash制作大雪纷飞效果动画
·flash春雷闪电效果
关于我们 - 免责声明 - 网站地图 - 商务服务 - 联系我们 - RSS地图
©CopyRight 2006-2008, 5UFlash.COM, Inc. All Rights Reserved
鲁ICP备06034971号