教學(xué)目的:通過本節(jié)教學(xué)了解和掌握超長畫卷無限循環(huán)滾動的制作原理及其分解操作基本要領(lǐng)與過程,進而制作出動態(tài)的無限滾動的循環(huán)效果。
教學(xué)對象:本教材是針對有一定動畫制作基礎(chǔ)和對屬性面板及工具箱,動作面板有所了解的朋友們編制的,因此省略了一些步驟,還望諒解。
教學(xué)要點:多圖銜接,勻速滾動,首尾呼應(yīng)。
作前準備 準備一套清明上河圖的全部圖片邊框圖案,經(jīng)過制圖軟件(ps或fw)處理后放到指定的文件夾待用。
制作步驟
1.啟動FLASH8 軟件
2.確立文檔屬性 設(shè)置動畫尺寸為540*280,背景顏色黑色,其它隨意,點擊確定,進入場景1工作區(qū)。如圖1所示:
3.導(dǎo)入素材到庫
將準備好的清明上河圖的全部素材導(dǎo)入到庫中,并將每張圖片打散后,用選擇工具選擇左右兩邊需要裁剪的部位,刪除。設(shè)置每張圖片的規(guī)格為540*200,全居中后將其轉(zhuǎn)換為圖形元件,并分別命名為圖1-圖13。待用。
素材圖:
01
02
03
04
05
06
07
08
09
10
11
12
13
4.創(chuàng)建圖形元件
(1)在場景1中,選擇圖層1第一幀,導(dǎo)入或制作一個邊框素材,規(guī)格為540*41,水平居中-上對齊;復(fù)制一個該實例,垂直翻轉(zhuǎn),水平居中-下對齊。框選該實例,右鍵將其轉(zhuǎn)換為圖形元件“邊框”。如圖2所示:
圖2
(2)選擇“插入-新建元件”,建立一個名為“二圖1”的圖形元件,點擊確定,進入元件編輯區(qū)。就一個圖層。
點擊圖層1第一幀,從庫中拖出圖1圖形元件于舞臺中。規(guī)格約540*200,左對齊
-垂直居中
;再從庫中拖出圖2圖形元件到舞臺,規(guī)格約540*200,右對齊
-垂直居中
。如圖3所示:
圖3
同理同種方法完成圖3和圖4,圖5和圖6,圖7和圖8,圖9和圖10,圖11和圖12,圖13和圖1圖形元件的操作,并依次命名為“二圖2-二圖7”。二圖7的實例,如圖4所示:
圖4
5.創(chuàng)建影片剪輯元件
選擇“插入-新建元件”,建立一個名為“循環(huán)”的影片剪輯元件,點擊確定,進入元件編輯區(qū)。添加七個圖層,共八個圖層,自下而上命名為圖層1-圖層7和邊框。
(1)選擇邊框圖層第一幀,從庫中拖出邊框圖形元件到舞臺,右對齊
-垂直中齊
,在3575幀插入幀。上鎖。如圖5所示:
圖5
(2)選擇圖層1第一幀,從庫中拖出二圖1圖形元件到舞臺,右對齊
-垂直中齊
,如圖6所示:
圖6
在第550幀插入關(guān)鍵幀,單擊該實例,左對齊。使其左邊對齊邊框的右邊。創(chuàng)建本區(qū)域間的動畫補間。如圖7所示:
圖7
在第551幀插入空白關(guān)鍵幀,在第3575幀插入幀。上鎖。
(3)選擇圖層2第一幀,從庫中拖出二圖2圖形元件到舞臺,將其右邊對齊二圖1的左邊,垂直中齊
,不重疊,無空隙。如圖8所示:
圖8
在第550幀插入關(guān)鍵幀,單擊該實例,右對齊
。兩圖之間不重疊,無空隙。創(chuàng)建本區(qū)域動畫補間。如圖9所示:
圖9
在下一個550幀,即第110幀插入關(guān)鍵幀,插入關(guān)鍵幀,單擊該實例,左對齊。使其左邊對齊邊框的右邊。創(chuàng)建本區(qū)域間的動畫補間。在第111幀插入空白關(guān)鍵幀,在第3575幀插入幀,上鎖。
(4)選擇圖層3第550幀,從庫中拖出二圖3圖形元件到舞臺,將其右邊對齊二圖2的左邊,垂直中齊
,不重疊,無空隙。在下一個550幀,即第110幀插入關(guān)鍵幀,右對齊
。兩圖之間不重疊,無空隙。創(chuàng)建本區(qū)域動畫補間。該環(huán)節(jié)第550幀的時間軸顯示,如圖10所示:
圖10
(5)同理同種方法在圖層4-圖層7上完成二圖4-二圖7的操作。所不同的是,圖層7上的二圖7最終不退出場景,而是其后半部分進入場景,只退出前半部分,使其和第一幀顯示的實例相同,所以,在第3300幀上,當(dāng)圖層6上的二圖6退出場景后,二圖7右邊正好和邊框的右邊對齊,因此,還要在圖層7第3575幀插入關(guān)鍵幀,選中二圖7,按住shift鍵(或用鍵盤上的方向鍵),使其左邊和邊框的左邊對齊,創(chuàng)建本區(qū)域動畫補間。然后按方向鍵將該實例向左退一個像素。如圖11所示:
圖11
最后,刪除邊框或邊框圖層。
至此,超長全景循環(huán)基本完成。因為觀賞者在欣賞動畫時為看清楚畫面,需要畫面停下來。下面我們繼續(xù)作鼠到即停的特效,這需要在場景1中完成。
6.編輯制作場景 返回場景1,添加一個圖層,共兩個圖層,下層命名為全景,上層命名為邊框。
(1)選擇邊框圖層第一幀,在保證場景中的邊框全居中后。上鎖。如圖12所示:
圖12
(2)選擇全景圖層第一幀,從庫中拖出循環(huán)影片剪輯元件到舞臺,右對齊-垂直中齊。如圖13所示:
圖13
點擊該影片,在屬性面板填寫其實例名稱為:mc 。如圖14所示:
圖14
單擊該影片剪輯實例,按f9,打開動作面板,在as編輯區(qū)輸入,如下語句:
on (rollOver) {
_root.mc.stop();
}
on (release, rollOut) {
_root.mc.play();
}
鎖定該圖層。
7.該作業(yè)完成后的時間軸如圖15所示:
圖15
8.測試存盤。
*說明:
1.此作業(yè)的關(guān)鍵環(huán)節(jié)有三:一是各畫面的銜接(操作要點,個圖左右裁剪;連接無痕、無空隙、不重疊);二是保持勻速滾動(操作要點,每組畫面動畫補間幀數(shù)必須相同);三是首尾呼應(yīng)(操作要點,首尾幀上的畫面同一,且尾幀實例向后移動一個像素)。
2.此教程敘述繁瑣,操作簡單,而且規(guī)律性較強,關(guān)鍵是要耐心細致,反復(fù)測試,精心調(diào)整。
最終效果顯示: