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

Flash课件中方块切换效果制作

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

作前准备

准备九张规格为360*312的,做相册的图片,经处理后待用。

1.启动FLASH软件。

2.确立文档属性 设置动画尺寸为550*400,背景颜色深绿,帧频24,其它默认,点击确定,进入场景1。

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

4.创建影片剪辑

(1)选择插入-新建元件-高级,打开元件属性、链接面板,建立一个名为image_0的影片剪辑元件,属性链接参数,点击确定,进入元件编辑区。就一个图层。

选择图层1第一帧,从库中拖出图片1到舞台,规格360*312,上对齐-左对齐。同理同种方法创建名为image_1-image_8,的影片剪辑元件,完成图片2-9的大图操作。

(2)选择插入-新建元件-高级,打开元件属性、链接面板,建立一个名为thumb_0的影片剪辑元件,属性链接参数,点击确定,进入元件编辑区。就一个图层。

选择图层1第一帧,从库中拖出图片1到舞台,规格60*52,上对齐-左对齐。同理同种方法创建名为thumb_1-thumb_8,的影片剪辑元件,完成图片2-9的小图操作。

(3)选择插入-新建元件-高级,打开元件属性、链接面板,建立一个名为box的影片剪辑元件,属性链接参数,点击确定,进入元件编辑区。就一个图层。

选择图层1第一帧,用矩形工具在舞台拖一个规格为360*312的,无边线的矩形,颜色随意,全居中。其库中影片剪辑元件显示,

5.编辑制作场景

返回场景1,添加两个图层,共三个图层。自下而上命名为矩形、文本、as。

(1)选择矩形图层第一帧,用矩形工具在舞台拖一个,规格158*312,无边线的橙色矩形,将其放置在舞台的右侧偏上。上锁。

(2)选择文本图层第一帧,用文本工具在矩形上输入竖向的古今红颜多英杰 雄才伟略胜儿男。字体,规格,颜色自定。上锁。

(3)选择as图层第一帧,按f9,打开动作面板,在as编辑区输入,如下帧语句:

imageHeight = 312;
imageWidth = 360;
rows = 6;
boxWidth = imageWidth/rows;
boxHeight = imageHeight/rows;
imageTotal = 9;
thumbHeight = 52;
thumbWidth = 58.5;
padding = 11;
depth = 0;
newPos = 0;
boxSpeed = 2;
this.createEmptyMovieClip("boxes", 4004);
this.createEmptyMovieClip("top", 4003);
top.setMask(boxes);
mask = this.attachMovie("box", "mask", 4002);
mask._width = imageWidth;
mask._height = imageHeight;
mask._x = padding+(mask._width/2);
mask._y = padding+(mask._height/2);
this.createEmptyMovieClip("bottom", 4001);
bottom.setMask(mask);
shrink = false
function addBoxes() {
for (var i = 0; i<rows; i++) {
for (var j = 0; j<rows; j++) {
var b = boxes.attachMovie("box", "box"+depth, depth);
b._width = boxWidth;
b._height = boxHeight;
b._x = (boxWidth/2)+padding+(boxWidth*i);
b._y = (boxHeight/2)+padding+(boxHeight*j);
depth++;
}
}
}
function resetBoxes() {
for (var i = 0; i<(rows*rows); i++) {
boxes["box"+i]._width = boxWidth;
boxes["box"+i]._height = boxHeight;
}
}
function shrinkBoxes() {
if (shrink) {
for (var i = 0; i<depth; i++) {
var b = boxes["box"+i];
if (b._width>0) {
b._width -= boxSpeed;
b._height -= boxSpeed;
}
if (b._width < 1) {
shrink = false;
resetBoxes();
top._x = newPos;
break;
}
}
}
}
function addImages() {
for (var k = 0; k<imageTotal; k++) {
var m = top.attachMovie("image_"+k, "image_"+k, depth);
depth++;
var b = bottom.attachMovie("image_"+k, "image_"+k, depth);
depth++;
m._x = b._x=padding+(mask._width*k);
m._y = b._y=padding;
var t = this.attachMovie("thumb_"+k, "thumb_"+k, depth);
depth++;
t._x = padding+(thumbWidth*k);
t._y = (padding*2)+imageHeight;
t.pos = k*-imageWidth;
t.onPress = function() {
if (newPos != this.pos) {
if (!shrink) {
bottom._x = newPos=this.pos;
shrink = true;
}
}
};
}
}
addBoxes();
addImages();
this.onEnterFrame = function() {
shrinkBoxes();
};

锁定该图层。

6.该任务完成后测试存盘

 

*说明:本教程中创建的影片剪辑均没有进入场景1,它们是通过其属性链接和脚本来控制的。你在制作中各影片剪辑元件的规格、位置必须按教程要求做,不然需修改脚本中的个别参数方可正常显示。

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

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

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