当前位置: 主页 > 平面设计 > FLASH视觉特效实例之飞翔的彩翼

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

  • 2022-04-01
  • 来源/作者: 不详    / 佚名    
  • 1 次浏览

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

  可以说,就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;
}

  在第3帧中键入代码:=版权所有  热点网络 热点下载  热点网络学院  版权所有=

gotoAndPlay(2);

  效果到这里就完成了