|
教學(xué)目的：通過(guò)本節(jié)教學(xué)了解和熟悉影片剪輯的創(chuàng)建、屬性鏈接的運(yùn)用，以及動(dòng)作腳本的填寫(xiě)和空影片剪輯的運(yùn)用，進(jìn)而創(chuàng)作出生動(dòng)漂亮的雙向旋轉(zhuǎn)相冊(cè)。
教學(xué)對(duì)象：本教材是針對(duì)有一定動(dòng)畫(huà)制作基礎(chǔ)和對(duì)屬性面板及工具箱、動(dòng)作面板、as語(yǔ)句有所了解的朋友們編制的，因此省略了一些步驟，還望諒解。
教學(xué)要點(diǎn)：影片遮罩、屬性鏈接、動(dòng)作面板、as語(yǔ)句。
作前準(zhǔn)備：
準(zhǔn)備八張規(guī)格為350*350的，做相冊(cè)的圖片，經(jīng)過(guò)制圖軟件（ps、fw）處理后，放在指定的文件夾待用。
1.啟動(dòng)FLASH8 軟件。
2.確立文檔屬性 設(shè)置動(dòng)畫(huà)尺寸為600*600，其它默認(rèn),點(diǎn)擊確定，進(jìn)入場(chǎng)景1。如圖1所示：
圖1
3.首先將準(zhǔn)備好的八張素材圖片導(dǎo)入到庫(kù)中，待用。
4.創(chuàng)建影片剪輯
（1）選擇“插入－新建元件”，建立一個(gè)名為“光暈”的影片剪輯元件，點(diǎn)擊確定，進(jìn)入元件編輯區(qū)。就一個(gè)圖層。
選擇圖層1第一幀，用橢圓形工具，打開(kāi)混色器設(shè)置其參數(shù)（三個(gè)色碼快的Alpha由左到右分別為100％，50％，50％），如圖2所示：
圖2
在舞臺(tái)拖一個(gè)規(guī)格為340*340的正圓，全居中。如圖3所示：
圖3
右鍵將其轉(zhuǎn)換為圖形元件，在第10幀插入關(guān)鍵幀，在屬性面板設(shè)置其Alpha為0％。創(chuàng)建本區(qū)域間的動(dòng)畫(huà)補(bǔ)間。點(diǎn)擊第10幀，按f9，打開(kāi)動(dòng)作面板，在as編輯區(qū)輸入停止指令：stop(); 。
（2）選擇“插入－新建元件-高級(jí)”，如圖4所示：
圖4
打開(kāi)元件屬性、鏈接面板，建立一個(gè)名為“image0”的影片剪輯元件，屬性鏈接參數(shù)，如圖5所示：
圖5
點(diǎn)擊確定，進(jìn)入元件編輯區(qū)。添加一個(gè)圖層，共兩個(gè)圖層。
A.選擇圖層1第一幀，從庫(kù)中拖出圖片1到舞臺(tái)，規(guī)格350*350，全居中。上鎖。如圖6所示：
圖6
B.選擇上層圖層2第一幀，從庫(kù)中拖出光暈影片剪輯元件到舞臺(tái)，規(guī)格340*340，全居中。上鎖。如圖7所示：
圖7
同理同種方法創(chuàng)建名為“image1－image7”，的影片剪輯元件，完成圖片2－8的大圖操作。
（3）選擇“插入－新建元件”，建立一個(gè)名為“空”的影片剪輯元件，點(diǎn)擊確定，進(jìn)入元件編輯區(qū)。就一個(gè)圖層。 不進(jìn)行任何操作，待用。如圖8所示：
圖8
（4）選擇“插入－新建元件”，建立一個(gè)名為“小圖1”的影片剪輯元件，點(diǎn)擊確定，進(jìn)入元件編輯區(qū)。就一個(gè)圖層。
選擇圖層1第一幀，從庫(kù)中拖出位圖1到舞臺(tái)，設(shè)置其規(guī)格為100*100，全居中。將其打散（圖10－1）。然后用橢圓形工具在舞臺(tái)小圖外，拖一個(gè)筆觸高度為5，顏色黑紅，填充色為紅色的，規(guī)格為340*340的正圓。如圖9所示：
圖9
右鍵中間的紅色圓，將其轉(zhuǎn)換為影片剪輯元件，名稱“圓”。刪除。再右鍵圓框，將其轉(zhuǎn)換為影片剪輯，名稱“圓圈”。然后設(shè)置其規(guī)格為100*100，將其打散，全居中（圖10－2）。點(diǎn)擊圈外小圖部分，刪除（圖10－3）。其流程，如圖10所示：
圖10
同理同種方法創(chuàng)建名為“小圖2－小圖8”，的影片剪輯元件，完成圖片2－8的小圖操作。
（5）選擇“插入－新建元件”，建立一個(gè)名為“組圖”的影片剪輯元件，點(diǎn)擊確定，進(jìn)入元件編輯區(qū)。添加一個(gè)圖層，共兩個(gè)圖層。
A.選擇圖層1第一幀，從庫(kù)中拖出圓圈影片剪輯元件到舞臺(tái)，規(guī)格340*340，全居中。用線條工具以大圓圓心為中心畫(huà)一個(gè)米字形，將圓分成八等份。如圖11所示：
圖11
B.選擇上層圖層2第一幀，從庫(kù)中分別依次拖出小圖1－8影片剪輯元件，從上順時(shí)針排列在米字線外，使其小圓和大圓相切。如圖12所示：
圖12
分別依次選中小圖1－8，在屬性面板填寫(xiě)其實(shí)例名稱為：thumb0－thumb7 。如圖13所示：
圖13
刪除圖層1或圖層1中的實(shí)例。舞臺(tái)實(shí)例顯示，如圖14所示：
圖14
（6）選擇“插入－新建元件”，建立一個(gè)名為“組合”的影片剪輯元件，點(diǎn)擊確定，進(jìn)入元件編輯區(qū)。添加三個(gè)圖層，共四個(gè)圖層。自下而上命名為：空片、遮罩、圓圈、組圖。
A.選擇組圖圖層第一幀，從庫(kù)中拖出組圖影片剪輯元件到舞臺(tái)，全居中。如圖15所示：
圖15
在屬性面板填寫(xiě)其實(shí)例名稱為：thumbHolder 。上鎖。如圖16所示：
圖16
B.選擇圓圈圖層第一幀，從庫(kù)中拖出圓圈影片剪輯元件到舞臺(tái)，全居中。上鎖。如圖17所示：
圖17
C.選擇空片圖層第一幀，從庫(kù)中拖出空片影片剪輯元件到舞臺(tái)，全居中。在屬性面板填寫(xiě)其實(shí)例名稱為：imageHolder 。上鎖。如圖18所示：
圖18
D.選擇遮罩圖層第一幀，從庫(kù)中拖出圓影片剪輯元件到舞臺(tái)，改其規(guī)格為335*335，全居中。如圖19所示：
圖19
設(shè)置本圖層為遮罩層。上鎖。本環(huán)節(jié)的時(shí)間軸，如圖20所示：
圖20
5.編輯制作場(chǎng)景
返回場(chǎng)景1，添加兩個(gè)圖層，共三個(gè)圖層。自下而上命名為背景、文本、as。
（1）選擇背景圖層第一幀，導(dǎo)入或制作一個(gè)背景，規(guī)格600*600，全居中。上鎖。如圖21所示：
圖21
（2）選擇組合圖層第一幀，從庫(kù)中拖出“組合”影片剪輯元件到舞臺(tái)，全居中。如圖22所示：
圖22
在屬性面板填寫(xiě)其實(shí)例名稱為：gallery 。上鎖。如圖23所示：
圖23
（3）選擇as圖層第一幀，按f9，打開(kāi)動(dòng)作面板，在as編輯區(qū)輸入，如下幀語(yǔ)句：
positions = [];
imageTotal = 8;
pauseGallery = false;
var current;
var i = 0;
while (i < imageTotal)
{
var t = gallery.thumbHolder["thumb" + i];
t.image = "image" + i;
t.onPress = function ()
{
removeMovieClip (current);
current = gallery.imageHolder.attachMovie(this.image, this.image, i);
pauseGallery = false;
};
t.onRollOver = function ()
{
pauseGallery = true;
};
t.onRollOut = function ()
{
pauseGallery = false;
};
++i;
}
current = gallery.imageHolder.attachMovie("image0", "image0", 1000);
this.onEnterFrame = function ()
{
if (!pauseGallery)
{
for (var _loc1 = 0; _loc1 < imageTotal; ++_loc1)
{
gallery.thumbHolder["thumb" + _loc1]._rotation = gallery.thumbHolder["thumb" + _loc1]._rotation - 5.000000E-001;
}
gallery.thumbHolder._rotation = gallery.thumbHolder._rotation + 5.000000E-001;
}
};
鎖定該圖層。
6.該作業(yè)完成后的時(shí)間軸如圖24：
圖24
7.測(cè)試存盤(pán)
*說(shuō)明：
1.本教程中創(chuàng)建的大圖影片剪輯均沒(méi)有進(jìn)入場(chǎng)景1，它們是通過(guò)其屬性鏈接和腳本來(lái)控制的。
2.你在制作中如果要增加圖片數(shù)量，須將上邊語(yǔ)句中的imageTotal = 8; 8改為相對(duì)應(yīng)的數(shù)即可。
最終效果顯示：
http://hsb456./s-helpSite/domName/hsb456/20103132113182756.swf
全屏下載
| 
