Flash課件制作中方塊切換效果制作

Flash課件制作中方塊切換效果制作：

　　制作前準(zhǔn)備

　　準(zhǔn)備九張規(guī)格為360*312的，做相冊(cè)的圖片，經(jīng)處理后待用。

　　1.啟動(dòng)FLASH軟件。

　　2.確立文檔屬性 設(shè)置動(dòng)畫尺寸為550*400，背景顏色深綠，幀頻24，其它默認(rèn),點(diǎn)擊確定，進(jìn)入場景1。

　　3.首先將準(zhǔn)備好的九張素材圖片導(dǎo)入到庫中，待用。

　　4.創(chuàng)建影片剪輯

　　(1)選擇插入-新建元件-高級(jí)，打開元件屬性、鏈接面板，建立一個(gè)名為image_0的影片剪輯元件，屬性鏈接參數(shù)，點(diǎn)擊確定，進(jìn)入元件編輯區(qū)。就一個(gè)圖層。

　　選擇圖層1第一幀，從庫中拖出圖片1到舞臺(tái)，規(guī)格360*312，上對(duì)齊-左對(duì)齊。同理同種方法創(chuàng)建名為image_1-image_8，的影片剪輯元件，完成圖片2-9的大圖操作。

　　(2)選擇插入-新建元件-高級(jí)，打開元件屬性、鏈接面板，建立一個(gè)名為thumb_0的影片剪輯元件，屬性鏈接參數(shù)，點(diǎn)擊確定，進(jìn)入元件編輯區(qū)。就一個(gè)圖層。

　　選擇圖層1第一幀，從庫中拖出圖片1到舞臺(tái)，規(guī)格60*52，上對(duì)齊-左對(duì)齊。同理同種方法創(chuàng)建名為thumb_1-thumb_8，的影片剪輯元件，完成圖片2-9的小圖操作。

　　(3)選擇插入-新建元件-高級(jí)，打開元件屬性、鏈接面板，建立一個(gè)名為box的影片剪輯元件，屬性鏈接參數(shù)，點(diǎn)擊確定，進(jìn)入元件編輯區(qū)。就一個(gè)圖層。

　　選擇圖層1第一幀，用矩形工具在舞臺(tái)拖一個(gè)規(guī)格為360*312的，無邊線的矩形，顏色隨意，全居中。其庫中影片剪輯元件顯示，

　　5.編輯制作場景

　　返回場景1，添加兩個(gè)圖層，共三個(gè)圖層。自下而上命名為矩形、文本、as。

　　(1)選擇矩形圖層第一幀，用矩形工具在舞臺(tái)拖一個(gè)，規(guī)格158*312，無邊線的橙色矩形，將其放置在舞臺(tái)的右側(cè)偏上。上鎖。

　　(2)選擇文本圖層第一幀，用文本工具在矩形上輸入豎向的古今紅顏多英杰 雄才偉略勝兒男。字體，規(guī)格，顏色自定。上鎖。

　　(3)選擇as圖層第一幀,按f9，打開動(dòng)作面板，在as編輯區(qū)輸入，如下幀語句：

　　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.該任務(wù)完成后測(cè)試存盤

　　*說明：本教程中創(chuàng)建的影片剪輯均沒有進(jìn)入場景1，它們是通過其屬性鏈接和腳本來控制的。你在制作中各影片剪輯元件的規(guī)格、位置必須按教程要求做，不然需修改腳本中的個(gè)別參數(shù)方可正常顯示。

黃鶴樓動(dòng)漫動(dòng)畫制作：027-82730702；82720703 移動(dòng)/微信：139-9566-0877 企鵝QQ：76211136