快速业务通道

FLASH视觉效果之飞翔的彩翼

作者 佚名技术 来源 服务器技术 浏览 发布时间 2012-07-10


效果简介:

  本例是一个非常出色的视觉效果,它模拟的是鸟类飞翔时翅膀扇动的效果,而且这个翅膀在扇动的同时还在不断的变幻着自己的颜色。可以说,就Flash的视觉效果而言,该例应该算得是上乘之作了。更难能可贵的是它的设计方法一点都不复杂。不信您就跟我来做做看吧:

  打开Flash,设置场景的大小为500px×280px,背景色为黑色,帧频为30fps。

一、设计元件。

  1.按快捷键Ctrl+F8新建一个名为“翼”的影片剪辑元件。

  2.按快捷键Shift+F9打开“混色器”面板,并如图1所示进行设置。其中左侧滑块的颜色为#0066FF,Alpha值为80%,右侧滑块的颜色为#0033FF,Alpha值为0%。 图1   3.点选工具栏里的“椭圆”工具,在“翼”影片剪辑元件的场景中拉出一个宽为20px,高为120px的椭圆,如图2所示。接着选中“填充渐变”工具,再点选椭圆,进行如图3所示设置。 图2???           图3   4.点选“翼”元件中的椭圆,然后点击“修改”菜单里的“优化”命令,或按快捷键Ctrl+Shift+Alt打开“最优化曲线”面板对曲线进行优化,如图4所示设置,“确定”。 图4   5.按快捷键Ctrl+F8新建一个名为“飞之翼”的影片剪辑元件。

  6.按快捷键Ctrl+L打开库,把库中的影片剪辑元件“翼”拖拽到“飞之翼”元件的场景里。右键点击层的第1帧,选择“创建补间动画”命令创建补间动画。 图5   7.分别点选该元件场景中的第10、20帧,按快捷键F6插入关键帧。点选第10帧中的“翼”元件,然后按快捷键Ctrl+T打开“变形”面板,并如图5所示设置其大小,角度。第20帧中“翼”元件的大小,角度如图6所示设置。 图6 二、设计主场景。

  1.?主场景中的层。如图7所示建立“脚本”层和“元件”层。

  2.?从库中把元件“飞之翼”拖拽到“元件”层中。选中场景中“飞之翼”元件,将其旋转一定角度,并在“属性”面板给它起个实例名为“line”,如图8所示。 图7???    图8   3.设计程序。分别选中“脚本”层中的第2、3帧按F7键插入空白关键帧,并按F9键打开“动作”面板,在“专家模式”下键入如下代码:

  在第1帧中键入代码

// 初始化变量
// 变量i控制着影片复制的深度及复制的数量
// 变量col是色彩偏移量
// 变量x是X轴上位移量
// 变量b、g、r表示影片的不同色彩
i = 1;
col = 6;
x = 30;
b = 10;
g = b;
r = b;

  在第2帧中键入代码

// _visible属性用来隐藏母本
line._visible = 0;

// 变量y不断变化,生成一条正弦曲线
x += n;
y = Math.sin(x/10)*40 + 150;
i++;

// 复制影片
duplicateMovieClip("line", "line"+i, i);

// 创建Color对象的实例,改变目标影片剪辑的颜色
// _rotation属性改变影片剪辑的角度
new Color("line"+i).setRGB((g%256) << 16 | (r%256) << 8 | (b%256));
this["line"+i]._y = y;
this["line"+i]._x = x;
this["line"+i]._rotation += 3;

// 控制影片复制数量
if (i>10) {
??? i = 1;
}

// 使影片剪辑往返运动
if (x>460) {
??? n = -2;
}
if (x<40) {
??? n = 2;
}

// 使颜色不停地变幻
r += col;
if (r>254) {
??? b += 60;
??? col = -5;
}
if (b>254) {
??? g += 60;
??? r = b = 10;
}
if (r<10) {
??? b += 60;
??? col = 5;
}

  在第3帧中键入代码

gotoAndPlay(2);

  效果到这里就完成了。  该效果源件下载(2.21K)   点击最后一页预览效果 [1]?[2]?下一页?? 上一页??[1]?[2]? 关键词:

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号