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 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

分享到：更多

你可能对下面的文章感兴趣

上一篇: Flash光效果之扫描字下一篇: Flash编程入门之篮球篇

关于FLASH视觉效果之飞翔的彩翼的所有评论

随机推荐