Flash課件制作中方塊切換效果制作:
制作前準備
準備九張規(guī)格為360*312的,做相冊的圖片,經(jīng)處理后待用。
1.啟動FLASH軟件。
2.確立文檔屬性 設置動畫尺寸為550*400,背景顏色深綠,幀頻24,其它默認,點擊確定,進入場景1。
3.首先將準備好的九張素材圖片導入到庫中,待用。
4.創(chuàng)建影片剪輯
(1)選擇插入-新建元件-高級,打開元件屬性、鏈接面板,建立一個名為image_0的影片剪輯元件,屬性鏈接參數(shù),點擊確定,進入元件編輯區(qū)。就一個圖層。
選擇圖層1第一幀,從庫中拖出圖片1到舞臺,規(guī)格360*312,上對齊-左對齊。同理同種方法創(chuàng)建名為image_1-image_8,的影片剪輯元件,完成圖片2-9的大圖操作。
(2)選擇插入-新建元件-高級,打開元件屬性、鏈接面板,建立一個名為thumb_0的影片剪輯元件,屬性鏈接參數(shù),點擊確定,進入元件編輯區(qū)。就一個圖層。
選擇圖層1第一幀,從庫中拖出圖片1到舞臺,規(guī)格60*52,上對齊-左對齊。同理同種方法創(chuàng)建名為thumb_1-thumb_8,的影片剪輯元件,完成圖片2-9的小圖操作。
(3)選擇插入-新建元件-高級,打開元件屬性、鏈接面板,建立一個名為box的影片剪輯元件,屬性鏈接參數(shù),點擊確定,進入元件編輯區(qū)。就一個圖層。
選擇圖層1第一幀,用矩形工具在舞臺拖一個規(guī)格為360*312的,無邊線的矩形,顏色隨意,全居中。其庫中影片剪輯元件顯示,
5.編輯制作場景
返回場景1,添加兩個圖層,共三個圖層。自下而上命名為矩形、文本、as。
(1)選擇矩形圖層第一幀,用矩形工具在舞臺拖一個,規(guī)格158*312,無邊線的橙色矩形,將其放置在舞臺的右側偏上。上鎖。
(2)選擇文本圖層第一幀,用文本工具在矩形上輸入豎向的古今紅顏多英杰 雄才偉略勝兒男。字體,規(guī)格,顏色自定。上鎖。
(3)選擇as圖層第一幀,按f9,打開動作面板,在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.該任務完成后測試存盤
*說明:本教程中創(chuàng)建的影片剪輯均沒有進入場景1,它們是通過其屬性鏈接和腳本來控制的。你在制作中各影片剪輯元件的規(guī)格、位置必須按教程要求做,不然需修改腳本中的個別參數(shù)方可正常顯示。
黃鶴樓動漫動畫制作:027-82730702;82720703 移動/微信:139-9566-0877 企鵝QQ:76211136