今天是:
设为首页 加入收藏 网站地图  
正在加截flash,如果长时间无显示,请下载FlashPlayer 9.0
您现在的位置: 呼网互联 >> 技术教程 >> Flash设计 >> 特效实例 >> 教程正文 用户登录 新用户注册
[组图]Flash制作超声波效果       ★★★
Flash制作超声波效果
作者:柳叶吹风 文章来源:PConline 点击数: 更新时间:2005-08-12 19:09:51

简要介绍:

  超声波是频率高于20000赫的声波。其特征是波长短,近似作直线传播,能量集中,可形成高强度、剧烈振动,引起激震波,产生机械、光、热、电、化学和生物等各种效应,被现代科技广泛应用。现在,笔者就教大家运用Flash制作超声波效果。

效果预览:

  点击这里播放Flash实例效果

设计步骤:

  1.打开Flash MX 2004,新建一个Flash文档。按快捷键Ctrl+F3打开“属性”面板,单击“文档属性”按钮打开“文档属性”面板(快捷键Ctrl+J),设置场景大小为300px x 300px,背景色为黑色,帧频为20fps。

  2.按快捷键Ctrl+F8打开“创建新元件”面板,创建一个名为“超声波”的影片剪辑元件,如图1所示。接着使用“铅笔”工具,在“超声波”元件的场景里绘制一个超声波状曲线,其宽、高度分别为60px、3px,灰色,具体设置如图2所示。

  3.按快捷键Ctrl+F8创建一个名为“超声波动画”的影片剪辑元件。在该元件的场景里把“图层一”层改名为“动画”层。接着按快捷键Ctrl+L打开“库”面板,将“库”中的“超声波”影片剪辑元件拖拽到“动画”层第1帧的场景中。

  4.点选“动画”层第1帧中的“超声波”,按快捷键Ctrl+T打开“变形”面板,并如图3所示设置。

  5.使用“箭头”工具,点选“动画”层中的第12、20、28、34、40帧并按F6键插入关键帧。分别用鼠标右键单击第1、12、20、28、34帧,选择“新建补间动画”命令新建补间动画。如图4所示。

  6.按快捷键Ctrl+T打开“变形”面板,点选中第12帧中的“超声波”元件,设置其宽高缩放比例为30%,并把它向上移动30px。同样方法设置第20、28、34、40帧中“超声波”的宽高缩放比例为:50%、70%、80%、100%,并向上移动一定的像素,位置高于前一帧中的元件。如此,就实现了“超声波”离我们越近时,看上去就会越大,运动的速度也越快的效果。

  7.按快捷键Ctrl+E回到“场景1”,把“库”中的影片剪辑元件“超声波动画”拖入场景中。点选场景中的“超声波动画”,然后如图5所示设置“属性”面板,给元件起个实例名。

  8.鼠标左键点选“时间轴”面板中的第1帧,按快捷键F9打开“动作”面板,输入如下代码:

// 如果变量i大于120,重新设定其值为0
// 变量i是被复制影片剪辑的唯一深度(层次),深度决定元件堆叠顺序
if (i>120) {
    i = 0;
}
i++;
// 复制影片剪辑
duplicateMovieClip("超声波", "超声波" add i, i);
// 改变元件_alpha(透明度属性)、_rotation(角度属性)值
// Math.random()可以返回0-100之间的一个随机整数
_root["超声波" add i]._alpha = Math.random()*70+30;
_root["超声波" add i]._rotation = Math.random()*360;

  9.鼠标左键点选“时间轴”面板中的第1帧,按快捷键F9打开“动作”面板,输入如下代码:

// 返回并执行第1帧
gotoAndPlay(1);

  好了,效果到这里就完成了。按快捷键Ctrl+Enter测试一下效果。读者可以试着改变效果里元件的图形和运动方式,说不定会有意想不到的收获哦。

教程录入:流云    责任编辑:流云 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    · Win XP设置技巧
    · 注册表全攻略
    · Dreamweaver 8
    · Fireworks 8
    · Flash 8
    · Photoshop CS2
    · Corel Draw
    普通教程[组图]十招学会使用Win
    普通教程[组图]Vista兼容性问题
    普通教程[组图]让低端显卡运行V
    推荐教程[图文]多图激赏:Window
    普通教程[组图]Windows Vista小
    推荐教程[图文]CSS实现星级效果
    普通教程[组图]你知道吗?有关V
    推荐教程[图文]廿五则Windows V
    推荐教程[图文]多图激赏:Window
    推荐教程[图文]CSS实现星级效果
    推荐教程[图文]廿五则Windows V
    推荐教程[图文]CorelDRAW经典教
    推荐教程[图文]蓝色人物绘制教程
    推荐教程[图文]韩式风格教程之油
    推荐教程[图文]AI进阶教程之月亮
    推荐教程XP中可以被禁用的服务对
    CSS实现星级效果总结
    飞扬的韵律—用Photosh
    使用Photoshop CS2轻松
    水漫金山!教你用Photo
    神奇的变换!Photoshop

    多图激赏:Windows V

    CSS实现星级效果总结

    廿五则Windows Vist

    可控声音 flash 教程
    (只显示最新10条。评论内容只代表网友观点,与本站立场无关!)