Flash8的应用先锋

多媒体娱乐

主题观摩

TOYOTA的官方网站是一个典型的解说员型网站。这种网站在网上还不多见,它的亲和力十足,而且制作成本也很低,相信很快会成为产品演示型商业网站的首选。它使用Flash8的测试版8ball软件制作、是应用了Flash8技术的第一个网站。记得把浏览器更新为FlashPlayer8。

45-g7-2.jpg

滤镜奥秘:TOYOTA官方网站主要是应用3D场景、交互视频和模糊滤镜创作出来的。设计人员将3D场景效果与模糊滤镜综合应用起来,模拟镜头变焦的效果,给访问者留下了很深的印象。再加上交互视频与Flash网站的无缝结合,让人觉得这像是在看电影演示或者是在仿真环境里浏览。

对于Flash8新增加的滤镜效果,大部分设计人员是很陌生的。下面的实例中,我们将用两种方式对滤镜效果进行操作应用。这也是Flash8中添加滤镜效果的两种方法,其它滤镜的添加方式与此相同,相信大家很快就会熟悉,并将这种滤镜效果广泛应用于互动网站的设计当中。

实例1:时间轴效果

1.在Flash8中导入一张图片,放置在舞台中,选中图片按F8键转换成影片剪辑,在第60帧处按F6键添加关键帧。然后在第60帧,选中影片剪辑,在属性面板的滤镜选项卡中进行操作。

2.点选+号,选择模糊滤镜,在模糊X框中输入20,此时因为关联关系,模糊Y输入框也会自动选择20。将品质选择为高。然后按“Ctrl+Enter”键测试。

45-g7-1.jpg
亮点1:典型的解说员型网站

亮点2:应用Flash8技术的第一个网站

实例2:用Action代码来实现模糊滤镜效果

在Flash8中导入图片,放置在舞台中,转换成影片剪辑,在属性面板中输入实例名称为myblur_mc。选中时间轴上的关键帧,然后打开动作面板,输入代码如下:

import flash.filters.BlurFilter;

blur()

var blurX:Number = 1;

var blurY:Number = 1;

function blur(){

onEnterFrame = function(){

if(blurX<20){

blurX++

blurY++

}

var quality:Number = 3;

var filter:BlurFilter = new BlurFilter(blurX,blurY,quality);

var filter_Array:Array = new Array()

filter_Array.push(filter)

myblur_mc.filters = filter_Array

}

}

代码解说:

第1行:导入Flash的模糊滤镜;

第2行:执行自定义函数blur();

第3、4行:定义变量blurX,blurY为数值1;

第5行:定义自定义函数blur();

第6行:时间轴运行每一帧时执行;

第7行:当blurX变量小于20时;

第8、9行:blurX和blurY变量递增;

第11行:定义quality变量为3;

第12行:定义filter为一个新的模糊滤镜,它的模糊X值为变量blurX,模糊Y值为blurY,品质为quality;

第13行:定义filter_Array为一个新的数组;

第14行:将filter的元素添加到filter_Array数组中,返回数组的新长度;

第15行:myblur_mc影片剪辑的滤镜为filter_Array数组。

以上两个实例的下载地址为:http://flash.ym8.net/cpcw/blur.rar