论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Flash教程
Tag:flash cs,flash 8,鼠绘,as,手绘,工具,文字,loading,入门,初学,mc,影片剪辑,声音,mtv,游戏,引导,遮罩,菜单,补间,广告条,时钟,视频教程

心电图(EKG)效果

文章类别:Flash | 发表日期:2008-9-21 19:20:06

  效果演示:
点击开新窗口欣赏该FLASH动画![全屏欣赏]

http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' width=380 height=260>http://www.flash8.net/bbs/UploadFile/2004-4/200445152846853.swf
源文件:

因为太久没看书,所以翻了下以前学习的教材,其中有一本是心电图的书,封面就是一张心电图,忽然间灵机一动,想做一个心电图的效果,于是就写了这篇教程,因为我学习FLASH的时间只有接近三个月,所以可能做出来的东西很菜,还望不要扔鸡蛋,以后继续学习就是,下面就献丑了。
1、打开FLASH,设置场景大小为550*175,背景色为黑色。
2、接下来我们是要画一张心电图纸,其实心电图纸就是在场景中画一些网格,如图1。



这些网络在实际应用中是用来计算时间和电压的,这里我们不说了。画好后,按Ctrl+A,全选后再按F8转化为图形元件,命名为图纸。
3、第三步是画一个心电图形,如图2。



我们只需要画一个波度,然后再进行复制组合成一段心电图波。画好后全选,按F8将它转换为图形元件,命名为心电图。
4、网格位于图层1,做为背景。新建一层,将心电图拖放到图层2中,选中第50帧,按F5插入帧。然后再新建一层,这一层我们预备做一个外形渐变,选择图层3的第一帧,我们画一个场景大小的矩形,如图3。



然后在第50帧插入一要害帧,返回选中第一帧,选取工具栏中的任意变形工具,将矩形从右向左进行缩放,如图4。



5、选择图层3的第一帧,打开属性面板,创建一个外形补间,如图5、6。







6、最后,选择时间轴上的图层3,单击鼠标右键,在弹出的快捷菜单中选择遮罩层,如图7。



这样一个简单的心电图效果就出来了,可以按Ctrl+Enter测试一下。
这时大家可能发现和上面的效果不一样,那当然了,因为上面我还做了四个遮罩,并且在最后新建一个层,加入gotoAndPlay();,形成一个心电图的循环。因为心电图是一直循环的,且是一个新的替换旧的的过程。具体大家下载源文件看一下,相信前面做出来后面也一样能做出来。
假如想做得更逼真,可以在前面加上一个闪光的小点,运行在心电图波的前面,还可以做一个电脑一样的屏幕,形成一个心电图机。
哈哈……
开动脑筋,发挥想象,相信你会做的更好。
上一篇:{应用}电闪雷鸣、小雨纷飞的效果 人气:2420
下一篇:{应用}火焰制作 人气:2942
视频教程列表
文章教程搜索
 
Flash推荐教程
Flash热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058