動(dòng)態(tài)按鈕蕭女的制作
教學(xué)目的:通過(guò)本節(jié)教學(xué)了解和掌握動(dòng)態(tài)按鈕的基本原理及制作過(guò)程,進(jìn)而熟悉按鈕元件的創(chuàng)建和運(yùn)用,從而使你動(dòng)畫(huà)作品更具有感染力。
教學(xué)對(duì)象:本教材是進(jìn)階學(xué)習(xí),是針對(duì)有一定動(dòng)畫(huà)基礎(chǔ)的朋友們編制的,因此省略了一些步驟,還望諒解。
教學(xué)要點(diǎn):按鈕,遮罩
制作步驟
1.啟動(dòng)FLASH8 軟件。打開(kāi)文檔屬性面板,設(shè)置尺寸為600*500,幀頻為12,背景顏色任意,其它默認(rèn)。
2.創(chuàng)建“圓”圖形元件。
(1)執(zhí)行“插入-新建元件”命令,在下拉對(duì)話框中設(shè)置名稱為“圓”,類(lèi)型為“圖形”,確定。
(2)在元件編輯區(qū)用橢圓工具,按住SHIFT鍵托一個(gè)250*250,顏色任意的圓。全居中。將其轉(zhuǎn)換為圖形元件。如圖1所示:
圖1
3.創(chuàng)建“圓月”影片剪輯。
(1)執(zhí)行“插入-新建元件”命令,在下拉對(duì)話框中設(shè)置名稱為“圓月”,類(lèi)型為“影片剪輯”,確定。
(2)在元件編輯區(qū)內(nèi)建三個(gè)圖層,自下而上分別命名為蕭女、圓1、圓2。
(a)在蕭女圖層繪制一個(gè)“蕭女”或?qū)胍粡垷o(wú)背景透明“蕭女”圖片,全居中。規(guī)格要小于圓(如有動(dòng)感需另建元件制作),將其轉(zhuǎn)換為圖形元件。上鎖如圖2.
圖2
(b)選中圖層圓1第1幀,從庫(kù)中將“圓”圖形元件拖入工作區(qū),全居中。上鎖。
(c)選中圖層圓2第1幀,從庫(kù)中將圓圖形元件托入工作區(qū),全居中。選中圖層圓2中的實(shí)例,打開(kāi)屬性面板,在顏色的下拉菜單里選“高級(jí)” ,再點(diǎn)右邊的“設(shè) 置” ,在“高級(jí)效果”對(duì)話框里設(shè)置如圖3所示:
圖3
(d)右擊圓1圖層名稱處,在下拉菜單里選“遮罩層” 。效果如圖4所示:
圖4
4.創(chuàng)建“圓月動(dòng)畫(huà)”影片剪輯。
(1)執(zhí)行“插入-新建元件”命令,在下拉對(duì)話框中設(shè)置名稱為“圓月動(dòng)畫(huà)”,類(lèi)型為“影片剪輯”,確定。
(2)在元件編輯區(qū)內(nèi)建立五個(gè)圖層,自下而上分別命名為群女、圓1、反群女、圓2和圓3。
(3)點(diǎn)擊群女圖層第1幀,從庫(kù)中拖出6個(gè)“蕭女”圖形元件等距排列好后,轉(zhuǎn)換為“群女”圖形元件,如圖5所示:
圖5
(4)點(diǎn)擊圖層圓1第1幀,從庫(kù)中拖出“圓”圖形元件,全居中。
(5)在群女圖層第1幀,將群女左邊兩個(gè)蕭女放到圓1的適當(dāng)位置,在100幀處插入關(guān)鍵幀,將右邊兩個(gè)蕭女移至圓1的適當(dāng)位置,(和第1幀圓遮住蕭女的位置一定要相同)。如圖6.7所示。選中該圖層的第 1幀,創(chuàng)建補(bǔ)間動(dòng)畫(huà)。
圖6
圖7
(6)在反群女圖層第1幀,從庫(kù)中拖出“群女”圖形元件,執(zhí)行“修改-變形-水平翻轉(zhuǎn)”命令,點(diǎn)擊該元件,設(shè)置透明度(Alpha)為25%。將其轉(zhuǎn)換為“反群女”圖形元件。
(7)點(diǎn)擊圖層圓2第1幀,從庫(kù)中拖出“圓”圖形元件,全居中。
(8)在反群女圖層第1幀,將反群女右邊兩個(gè)蕭女放到圓2的適當(dāng)位置,在100幀處插入關(guān)鍵幀,將左邊兩個(gè)蕭女移至圓2的適當(dāng)位置(和第1幀圓遮住蕭女的位置一點(diǎn)要相同)。如圖6.7所示。選中該圖層的第1幀,創(chuàng)建補(bǔ)間動(dòng)畫(huà)。
(9)點(diǎn)擊圖層圓3第1幀,從庫(kù)中拖出“圓”圖形元件,全居中。選中圖層圓3中的實(shí)例打開(kāi)屬性面板,在顏色的下拉菜單里選“高級(jí)” ,再點(diǎn)右邊的“設(shè) 置” ,在“高級(jí)效果”對(duì)話框里設(shè)置如圖8所示:
圖8
(11) 時(shí)間軸面板如圖9所示:
圖9
5.創(chuàng)建“蕭女動(dòng)畫(huà)”影片剪輯。
(1)執(zhí)行“插入-新建元件”命令,在下拉對(duì)話框中設(shè)置名稱為“蕭女動(dòng)畫(huà)”,類(lèi)型為“影片剪輯”,確定。
(2)在該元件編輯區(qū)內(nèi)建立三個(gè)圖層。自下而上分別為背景、船女、音樂(lè)。
(3)在背景層可以導(dǎo)入一張相關(guān)圖片,也可繪制山水、或花叢、或舞臺(tái);在船女圖層可繪制蕭女站在小舟上、或玉立在花叢間、或展現(xiàn)在燈光閃爍的舞臺(tái)之上;音樂(lè)層導(dǎo)入已準(zhǔn)備好的歌曲或音樂(lè)。(在此情況下,音樂(lè)的導(dǎo)入必須先創(chuàng)建音樂(lè)影片剪輯-然后導(dǎo)入音樂(lè)-將音樂(lè)影片剪輯元件拖入該圖層的舞臺(tái)中)。如圖10.
*這個(gè)環(huán)節(jié)盡可展開(kāi)你想象的翅膀,進(jìn)行與眾不同的創(chuàng)意。
圖10
6.創(chuàng)建按鈕元件
(1)執(zhí)行“插入-新建元件”命令,在下拉對(duì)話框中設(shè)置名稱為“按鈕”,類(lèi)型為“按鈕”,確定。出現(xiàn)如圖11所示的界面:
圖11
(2)選中“彈起”幀,從庫(kù)中將“圓月”影片剪輯元件拖入場(chǎng)景,全居中。
(3)選中“指針經(jīng)過(guò)”幀 ,插入空白關(guān)鍵幀,從庫(kù)中將“圓月動(dòng)畫(huà)”影片剪輯元件拖入場(chǎng)景,全居中。
(4)選中“按下”幀 ,插入空白關(guān)鍵幀,從庫(kù)中將“蕭女動(dòng)畫(huà)”影片剪輯元件拖入場(chǎng)景,全居中。
7.組織編輯場(chǎng)景
(1)在場(chǎng)景1建立三個(gè)圖層,自下而上分別命名為背景、按鈕、文本。
(2)選中背景圖層第1幀,將背景圖片(或自制背景)托人舞臺(tái)。全居中。上鎖。
(3)選中按鈕圖層第1幀,將按鈕元件托人舞臺(tái)。全居中。上鎖。
(4)選中文本圖層第1幀,在畫(huà)面的上方鍵入動(dòng)畫(huà)的名稱,在畫(huà)面的右下方鍵入作者名稱。上鎖。
8.時(shí)間軸面板如圖12所示:
圖12
9.測(cè)試存盤(pán)
最終效果顯示:
全屏下載