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

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

　　制作前准备

　　准备九张规格为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; p="" {<="">

　　for (var j = 0; j<rows; p="" {<="">

　　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; p="" {<="">

　　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; p="" {<="">

　　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，它们是通过其属性链接和脚本来控制的。你在制作中各影片剪辑元件的规格、位置必须按教程要求做，不然需修改脚本中的个别参数方可正常显示。

黄鹤楼动漫动画制作：027-82730702；82720703 移动/微信：139-9566-0877 企鹅QQ：76211136