Flash课件网 - 您身边的课件制作专家
Flash课件网官方,专业代做课件、定制原创Flash动画或参赛课件、修改Flash、制作演讲或汇报幻灯片PPT课件。联系QQ:4318100或搜索微信号:flashkj

Flash课件中马赛克切换效果的制作方法

本站提供Flash课件代做和PPT幻灯片定制业务,联系QQ/微信:4318100

作前准备

下载四张作相册的人物图片,经过制图软件(ps、fw)处理后,保存到指定的文件夹待用。

  制作步骤

1.启动FLASH软件。

2.确立文档属性 设置动画尺寸为550*400,背景颜色随意,点击确定,进入场景1。

3.首先将准备好的素材图片导入到库中,待用。

4.创建按钮元件

选择“插入-新建元件”,建立一个名为“隐钮”的按钮元件,点击确定,进入元件编辑区。就一个图层。

选择图层1第4帧(点击)插入空白关键帧,用矩形工具在舞台拖一个无边线的矩形,规格约550*400,颜色随意。全居中。

5.创建影片剪辑元件

选择“插入-新建元件”,建立一个名为“01”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。

(1)选择图层1第一帧,从库中中拖出“图片1”,设置其规格为550*400,全居中。

(2)同理同种方法完成影片剪辑“02-04”的操作,将图片2-图片4转换为影片剪辑元件。

 

 

6.编辑制作场景

 

返回场景1,添加四个图层,共五个图层。自下而上命名为图片、切换、按钮、边框、as。

(1)选择图片图层第一帧,从库中拖出“01”影片剪辑元件到舞台,规格不变,全居中。

在第2-4帧插入空白关键帧,同理同种方法,分别依次在各帧上完成“02-04”影片剪辑元件在场景1的操作。上锁。

(2)选择切换图层第一帧,从库中拖出“02”影片剪辑元件到舞台,规格不变,全居中。在第2-4帧插入空白关键帧,同理同种方法,分别依次在各帧上完成“03、04、01”影片剪辑元件在场景1的操作。上锁。

为该图层上的“02、03、04、01”影片剪辑添加指令语句:

点击“02”实例,按f9,打开动作面板,在as编辑区输入,如下语句:

onClipEvent (load)
{
function drawSquare(x, y)
{
with (_root.mask)
{
moveTo(x, y);
beginFill(10);
lineTo(x + 10, y);
lineTo(x + 10, y + 10);
lineTo(x, y + 10);
endFill();
}
}
numY = 56;
numX = 70;
numPerFrame = 60;
currSquare = 0;
choices = new Array();
for (i = 0; i < numX * numY; i++)
{
choices.push(i);
}
_root.createEmptyMovieClip("mask", 0);
this.setMask(_root.mask);
}
onClipEvent (enterFrame)
{
if (currSquare < numX * numY)
{
for (i = 0; i < numPerFrame; i++)
{
j = random(choices.length);
t = choices[j];
choices[j] = choices[choices.length - 1];
choices.pop();
x = t % numX;
y = Math.floor(t / numX);
drawSquare(x * 10, y * 10);
}
currSquare = currSquare + numPerFrame;
this._alpha = currSquare / (numX * numY) * 100;
}
}

03、04、01影片剪辑元件上的语句同上。锁定该图层。

注1.图片图层和切换图层的“01-04”影片剪辑元件在各图层和各帧的摆放顺序,如果你在制作中想多添加图片的话,这两个图层的摆放规律,其切换图层上的各实例添加的语句不变,仍然是上边的语句。

(3)选择按钮图层第一帧,从库中拖出“隐钮”按钮元件到舞台,规格不变,全居中。点击该按钮,按f9,打开动作面板,在as编辑区输入,如下指令语句:

on (release) {
play();
}

在第4帧插入帧。上锁。

(4)选择边框图层第一帧,导入或制作一个边框,规格为550*400,全居中。在第4帧插入帧,上锁。

(5)选择as图层第一帧,按f9,打开动作面板,在as编辑区输入停止命令:stop(); 。右键该帧-复制帧,再分别依次在第2、3、4帧右键-粘贴帧。上锁。

 

 

7.测试存盘

标签:
分类:Flash课件| 发布:admin| 查看: | 发表时间:2011-12-2
原创文章如转载,请注明:转载自Flash课件网 http://www.flashkj.com/
本文链接:http://www.flashkj.com/flashkj/217.html

已经有 ( 0 ) 位网友发表了评论,你也评一评吧!

Design By Flashkj.Com | Login | Power By Chen Feiyang.