FLASH视觉特效实例之飞翔的彩翼-站长中国-中国站长门户从这里开始全面了解中国站长

FLASH视觉特效实例之飞翔的彩翼

　 2008年02月18日16:49:59　评论(0条) 字体:[大中小]
相关热点：

效果简介：

　　本例是一个非常出色的视觉效果，它模拟的是鸟类飞翔时翅膀扇动的效果，而且这个翅膀在扇动的同时还在不断的变幻着自己的颜色。

　　可以说，就Flash的视觉效果而言，该例应该算得是上乘之作了。更难能可贵的是它的设计方法一点都不复杂。不信您就跟我来做做看吧：

　　本例源文件下载：点击下载（3K, zip压缩文件）

　　打开Flash MX，设置场景的大小为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帧，选择“创建补间动画”命令创建补间动画。

　　7．分别点选该元件场景中的第10、20帧，按快捷键F6插入关键帧。点选第10帧中的“翼”元件，然后按快捷键Ctrl+T打开“变形”面板，并如图5所示设置其大小，角度。第20帧中“翼”元件的大小，角度如图6所示设置。

图5 ，图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;
}