flash動(dòng)畫(huà)制作教案_第1頁(yè)
flash動(dòng)畫(huà)制作教案_第2頁(yè)
flash動(dòng)畫(huà)制作教案_第3頁(yè)
flash動(dòng)畫(huà)制作教案_第4頁(yè)
flash動(dòng)畫(huà)制作教案_第5頁(yè)
已閱讀5頁(yè),還剩18頁(yè)未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

1、第一周FLASH的基本知識(shí)教學(xué)目標(biāo): 1、熟悉FLASH的界面。 2、掌握幾個(gè)基本工具的使用:選取工具、變形工具、填充工具、線條工具、橢圓工具、矩形工具、顏料筒工具、墨水瓶工具。 3、掌握幾個(gè)基本術(shù)語(yǔ):圖層、元件 4、記住幾個(gè)快捷鍵 5、完成四幅繪制圖案 教學(xué)重點(diǎn): 應(yīng)用工具畫(huà)圖 教學(xué)難點(diǎn): 復(fù)雜遮照的創(chuàng)建。 教學(xué)過(guò)程: 一、界面環(huán)境介紹 二、工具箱的介紹 工具箱提供了用于圖形繪制和圖形編輯的各種工具。工具箱內(nèi)從上到下分為4個(gè)欄:“工具”欄、“查看”欄、“顏色”欄和“選項(xiàng)”欄,單擊某個(gè)工具的按鈕,即可激活相應(yīng)的操作功能,以后把這一操作叫作使用某個(gè)工具。 (1)“工具”欄:工具箱之“工具”欄內(nèi)的

2、工具用來(lái)繪制圖形、輸入文字和編輯圖形。 (2)“查看”欄:工具箱之“查看”欄內(nèi)的工具是用來(lái)調(diào)整舞臺(tái)編輯畫(huà)面的觀察位置和顯示比例的。其中兩個(gè)工具按鈕的名稱與作用如表1-1-3所示。 (3)“顏色”欄:工具箱之“顏色”欄的工具是用來(lái)確定繪制圖形的線條和填充的顏色。其中各工具按鈕的名稱與作用如下。 (筆觸顏色)按鈕:用于給線著色,也叫作描繪顏色。 (填充色)按鈕:用于給填充著色。 (從左到右分別是:黑白、沒(méi)有顏色和交換顏色)按鈕:?jiǎn)螕簟昂诎住卑粹o,可使筆觸顏色和填充色恢復(fù)到默認(rèn)狀態(tài)(筆觸顏色為黑色,填充色為白色)。在選擇了橢圓或矩形工具后,“沒(méi)有顏色”按鈕才有效,變?yōu)?,單擊它可以在沒(méi)有顏色和有顏色之

3、間切換。單擊“交換顏色”按鈕,可以使筆觸顏色與填充色互換。 (4)“選項(xiàng)”欄:工具箱之“選項(xiàng)”欄中放置了用于對(duì)當(dāng)前激活的工具進(jìn)行設(shè)置的一些屬性和功能按鈕等選項(xiàng)。這些選項(xiàng)是隨著用戶選用工具的改變而變化的,大多數(shù)工具都有自己相應(yīng)的屬性設(shè)置。在繪圖、輸入文字或編輯對(duì)象時(shí),通常應(yīng)當(dāng)在選中繪圖或編輯工具后,再對(duì)其屬性和功能進(jìn)行設(shè)置,才能順利達(dá)到預(yù)期的效果。 三、動(dòng)手用一下工具 1、使用工具制作一個(gè)“笑臉”或“哭臉” 2、漸變工具的使用:幾個(gè)關(guān)鍵概念 顏色調(diào)板 填充變形工具的使用 3、用橢圓畫(huà)個(gè)畫(huà)環(huán) 操作步驟: 1、用填充色畫(huà)圓,并設(shè)置筆觸的粗細(xì)。 2、設(shè)置邊線的填充色為“七彩色”。 3、將該線形圓環(huán)轉(zhuǎn)換

4、成填充色:修改形狀將線條為填充。 4、使用“墨水瓶”工具給圓環(huán)加邊線。 效果如右: 4、用多邊形工具畫(huà)太陽(yáng) 操作步驟: 1、用多邊星形工具制作太陽(yáng)的外圍,作以下設(shè)置: (1)將矩形工具轉(zhuǎn)換成多角星形工具 (2)設(shè)置多角星形的“屬性”中的“選項(xiàng)” (3)設(shè)置“樣式”為星形,輸入星形數(shù),及星形頂點(diǎn)大?。旤c(diǎn)越小,星形越尖) 2、設(shè)置填充色為放射性,無(wú)邊線 3、開(kāi)始畫(huà)星形。 4、創(chuàng)建一個(gè)同心的圓為太陽(yáng)的臉。 5、使用直線工具畫(huà)眼、嘴。(注意:用選擇工具調(diào)整其曲線度,利用變形工具作旋轉(zhuǎn)) 四、課堂習(xí)題:自創(chuàng)月亮 五、課后作業(yè) 1、書(shū)本P34頁(yè)的實(shí)例6:茶杯。 第二周各類(lèi)特效文字的制作教學(xué)進(jìn)度:正常 教

5、學(xué)目標(biāo): 1、要求學(xué)生掌握漸變工具、多角星形工具、墨水瓶工具、文字工具、濾鏡的使用。 2、要求學(xué)生掌握修改菜單中的位圖、元件、形狀的菜單項(xiàng)。 3、掌握如何制作特效文字。 4、掌握位圖的導(dǎo)入及矢量圖的轉(zhuǎn)換。 教學(xué)重點(diǎn): 1、掌握空心文字、投影文字、點(diǎn)框文字、彩虹文字、金屬文字、雪花文字的制作 教學(xué)難點(diǎn): 復(fù)雜遮照的創(chuàng)建。 教學(xué)過(guò)程: 一、 點(diǎn)框文字 制作步驟: 1、用文字工具輸入文字 2、將文字使用“分離”或按下(ctrl+B)組合鍵 3、再將每個(gè)分離的文字使用“分離”,即直到文字被選中時(shí)呈現(xiàn)點(diǎn)型。 4、使用“墨水瓶”工具,設(shè)置線型為“點(diǎn)型”,設(shè)置線的顏色(注意務(wù)必使用與文字顏色不同的一種顏色)

6、,用鼠標(biāo)單擊文字 5、所有文字的邊線勾勒完畢后,用選取工具選取文字內(nèi)心,并刪除。 二、彩虹文字 制作步驟: 1、用文字工具輸入文字 2、將文字使用“分離”,(分離二次) 3、選擇填充顏色,再用顏料筒單擊文字即可 三、彩圖文字圖片下載 制作步驟: 1、用文字工具輸入文字 2、將文字使用“分離” 3、選擇填充類(lèi)型為“圖片”,圖片填充有二類(lèi) 4、再用墨水瓶工具勾勒邊緣 5、將邊緣線條轉(zhuǎn)化為填充 6、“修改”“形狀”“柔化填充邊緣” 四、雪花文字 五、補(bǔ)充知識(shí):倒影字的制作 六、課后作業(yè):制作一個(gè)圖案文字 小技巧:ctrl+v與ctrl+shift+v的區(qū)別:后者是復(fù)制時(shí)保持前后位置都一樣。 第三周直

7、線運(yùn)動(dòng)和變形運(yùn)動(dòng)教學(xué)目標(biāo): 1、要求學(xué)生掌握直線運(yùn)動(dòng)和變形運(yùn)動(dòng)的補(bǔ)間。 2、掌握直線運(yùn)動(dòng)的特點(diǎn):元件與普通形狀對(duì)象都可以制作直線運(yùn)動(dòng)。 3、掌握變形運(yùn)動(dòng)的特點(diǎn):普通形狀對(duì)象可以變形。 4、掌握影片元件的制作方法。 教學(xué)重點(diǎn): 運(yùn)動(dòng)補(bǔ)間的設(shè)置;影片元件的創(chuàng)建。 教學(xué)難點(diǎn): 關(guān)鍵幀普通幀的區(qū)別; 教學(xué)過(guò)程: 一、導(dǎo)入:動(dòng)畫(huà)制作的關(guān)鍵要素 1、幀是進(jìn)行flash動(dòng)畫(huà)制作的最基本的單位,每一個(gè)精彩的flash動(dòng)畫(huà)都是由很多個(gè)精心雕琢的幀構(gòu)成的,在時(shí)間軸上的每一幀都可以包含需要顯示的所有內(nèi)容,包括圖形、聲音、各種素材和其他多種對(duì)象。 2、關(guān)鍵幀顧名思義,有關(guān)鍵內(nèi)容的幀。用來(lái)定義動(dòng)畫(huà)變化、更改狀態(tài)的幀,即

8、編輯舞臺(tái)上存在實(shí)例對(duì)象并可對(duì)其進(jìn)行編輯的幀。 3、空白關(guān)鍵幀空白關(guān)鍵幀是沒(méi)有包含舞臺(tái)上的實(shí)例內(nèi)容的關(guān)鍵幀。 4、普通幀在時(shí)間軸上能顯示實(shí)例對(duì)象,但不能對(duì)實(shí)例對(duì)象進(jìn)行編輯操作的幀。 5、以上四種幀的區(qū)別 關(guān)鍵幀在時(shí)間軸上顯示為實(shí)心的圓點(diǎn),空白關(guān)鍵幀在時(shí)間軸上顯示為空心的圓點(diǎn),普通幀在時(shí)間軸上顯示為灰色填充的小方格 同一層中,在前一個(gè)關(guān)鍵幀的后面任一幀處插入關(guān)鍵幀,是復(fù)制前一個(gè)關(guān)鍵幀上的對(duì)象,并可對(duì)其進(jìn)行編輯操作;如果插入普通幀,是延續(xù)前一個(gè)關(guān)鍵幀上的內(nèi)容,不可對(duì)其進(jìn)行編輯操作;插入空白關(guān)鍵幀,可清除該幀后面的延續(xù)內(nèi)容,可以在空白關(guān)鍵幀上添加 新的實(shí)例對(duì)象。 關(guān)鍵幀和空白關(guān)鍵幀上都可以添加幀動(dòng)作腳

9、本,普通幀上則不能。 6、 應(yīng)用中需注意的問(wèn)題 應(yīng)盡可能的節(jié)約關(guān)鍵幀的使用,以減小動(dòng)畫(huà)文件的體積; 盡量避免在同一幀處過(guò)多的使用關(guān)鍵幀,以減小動(dòng)畫(huà)運(yùn)行的負(fù)擔(dān),使畫(huà)面播放流暢。 二、基本動(dòng)畫(huà) 1、變形動(dòng)畫(huà):要求參與動(dòng)畫(huà)的對(duì)象必須是形狀,不得使用元件。 例如:以下動(dòng)畫(huà)中ABC之間、五角星十角形即為形狀變形。 操作步驟: 設(shè)置背景色 插入第一關(guān)鍵幀,并繪制一個(gè)五角形。 在第30幀上插入空白關(guān)鍵幀,并繪制一個(gè)十角星形。 利用時(shí)間軸上的“編輯多幀”工具,對(duì)齊第一、二關(guān)鍵幀的各自五個(gè)角。 在第一關(guān)鍵幀上設(shè)定五個(gè)“形狀提示點(diǎn)”,修改形狀添加形狀提示點(diǎn)。 在第二關(guān)鍵幀上設(shè)定各提示點(diǎn)的對(duì)應(yīng)終點(diǎn)位置。 對(duì)第一關(guān)鍵

10、幀設(shè)定“形狀”動(dòng)畫(huà)補(bǔ)間。 思考: 2、直線運(yùn)動(dòng)動(dòng)畫(huà):任何對(duì)象都可以設(shè)置直線動(dòng)畫(huà),只需二個(gè)關(guān)鍵幀 例如:素材下載 3、漸變運(yùn)動(dòng)動(dòng)畫(huà) 淡入、淡出動(dòng)畫(huà):使用實(shí)例才能完成此項(xiàng)動(dòng)畫(huà),一般通過(guò)調(diào)整關(guān)鍵幀的透明度來(lái)設(shè)置場(chǎng)景中的各實(shí)例的出現(xiàn)方式。 一般淡入淡出式動(dòng)畫(huà)是用二個(gè)關(guān)鍵幀完成,第一關(guān)鍵幀為全透明(100%)或部分透明,第二關(guān)鍵幀透明度為0。 閃爍動(dòng)畫(huà):一般用三個(gè)關(guān)鍵幀完成,即從淡入到淡出的過(guò)程,即全透明不透明全透明的設(shè)置過(guò)程。 例如:以下例子中星星,就是用影片元件來(lái)完成的。 4、旋轉(zhuǎn)動(dòng)畫(huà):一般旋轉(zhuǎn)度數(shù)在360度以上,則采用實(shí)例,即旋轉(zhuǎn)的對(duì)象必須是通過(guò)元件調(diào)入的。而旋轉(zhuǎn)度小于360度,則旋轉(zhuǎn)對(duì)象可以是形

11、狀。動(dòng)畫(huà)設(shè)定只需二個(gè)關(guān)鍵幀。 例如:拖影文字(課后完成) 操作步驟: 建立文字元件,拖到舞臺(tái) 創(chuàng)建第一圖層,設(shè)定第一、二關(guān)鍵幀(同幀),并設(shè)制“動(dòng)畫(huà)”補(bǔ)間,旋轉(zhuǎn)為1次。 創(chuàng)建第二圖層,此層為陰影層,復(fù)制第一層的關(guān)鍵幀,用方向箭頭控制。 創(chuàng)建第三至第九圖層,這些層均為拖影層,每層之間涉后二幀。與第一圖層相比,這些層均要逐漸調(diào)整透明度。 三、總結(jié)鞏固: 1、圖形元件的制作 2、圖形元件的應(yīng)用: 實(shí)例:元件調(diào)入到場(chǎng)景后,就叫實(shí)例,實(shí)例可以取名,以后便于以后寫(xiě)代碼(編程)時(shí)調(diào)用。 對(duì)元件的編輯: 對(duì)實(shí)例的編輯:與元件編輯最大區(qū)別在于對(duì)元件本身不修改,主要的編輯方法有改變色調(diào)、透明度等。 四、作業(yè): 本

12、周作業(yè)名稱為:1、字母變形 2、應(yīng)用提示點(diǎn)變形(星型) 3、拖影文字 4、預(yù)習(xí):夜色中的汽車(chē)(綜合漸變星星一起做) 第四周Flash 中的動(dòng)畫(huà)教學(xué)目標(biāo): 1、要求學(xué)生掌握直線運(yùn)動(dòng)的補(bǔ)間。 2、掌握直線運(yùn)動(dòng)的特點(diǎn):元件與普通形狀對(duì)象都可以制作直線運(yùn)動(dòng)。 3、掌握影片元件的制作方法。 4、了解flash 中的幾種基本動(dòng)畫(huà) 教學(xué)重點(diǎn): flash 中的幾種基本動(dòng)畫(huà)。 教學(xué)難點(diǎn): 基本動(dòng)畫(huà)的區(qū)別; 教學(xué)過(guò)程: 一、導(dǎo)入:Flash 中的幾種基本動(dòng)畫(huà)。 1、動(dòng)作補(bǔ)間動(dòng)畫(huà) 是Flash 中最常見(jiàn)的動(dòng)畫(huà)類(lèi)型。它可以結(jié)合色彩、透明度、位置的變化,使作品更加絢麗多彩。如何通過(guò)動(dòng)作補(bǔ)間動(dòng)畫(huà)將對(duì)象的運(yùn)動(dòng)形象生動(dòng)的表

13、現(xiàn)出來(lái),是學(xué)習(xí)運(yùn)動(dòng)動(dòng)畫(huà)的根本目的。如上堂課的汽車(chē)運(yùn)動(dòng)動(dòng)畫(huà)。 2、形狀補(bǔ)間動(dòng)畫(huà) 同樣是Flash 中最常見(jiàn)的動(dòng)畫(huà)類(lèi)型。但是它的變形對(duì)象是矢量圖形,利用這種動(dòng)畫(huà)可以使場(chǎng)景上的矢量圖形作出任意形狀、位置和顏色的平滑變化。它與動(dòng)作補(bǔ)間動(dòng)畫(huà)的區(qū)別是:動(dòng)作補(bǔ)間的作用對(duì)象是元件或被組合的對(duì)象,而形狀補(bǔ)間動(dòng)畫(huà)的作用對(duì)象是矢量圖形。如上堂課的字母變形動(dòng)畫(huà)。 3、逐幀動(dòng)畫(huà) 要?jiǎng)?chuàng)建逐幀動(dòng)畫(huà),需要將每一個(gè)幀都定義為關(guān)鍵幀,然后給每一個(gè)幀都創(chuàng)建不同的圖象。 制作逐幀動(dòng)畫(huà)的基本思想是把一系列相差甚微的圖形或文字放置在一系列的關(guān)鍵幀中,使動(dòng)畫(huà)播放的時(shí)候看起來(lái)像是一系列連續(xù)變化的動(dòng)畫(huà)。如圖所示,展示了一個(gè)小男孩的行為動(dòng)畫(huà)。

14、4、蒙版動(dòng)畫(huà) 在制作動(dòng)畫(huà)的過(guò)程中,有些效果用通常的方法很難實(shí)現(xiàn)。比如:手電筒、探照燈、百頁(yè)窗等效果。這時(shí)就要用到蒙版動(dòng)畫(huà)了。 要?jiǎng)?chuàng)建蒙版動(dòng)畫(huà),需要有兩個(gè)圖層:遮罩層和被遮罩層。遮罩項(xiàng)目像是一個(gè)窗口,透過(guò)它可以看到位于它下面的鏈接層區(qū)域,而且除了透過(guò)遮罩項(xiàng)目顯示的內(nèi)容,其余的所有內(nèi)容都被隱藏起來(lái)了。如圖所示: 5、引導(dǎo)層動(dòng)畫(huà) 引導(dǎo)層作為一個(gè)特殊的圖層, 在Flash 動(dòng)畫(huà)設(shè)計(jì)中的應(yīng)用也十分廣泛。在引導(dǎo)層的幫助下,可以實(shí)現(xiàn)對(duì)象沿著特定的路徑運(yùn)動(dòng)。要?jiǎng)?chuàng)建引導(dǎo)層動(dòng)畫(huà),需要兩個(gè)圖層,如圖所示 : 二、回顧旋轉(zhuǎn)動(dòng)畫(huà):一般旋轉(zhuǎn)度數(shù)在360度以上,則采用實(shí)例,即旋轉(zhuǎn)的對(duì)象必須是通過(guò)元件調(diào)入的。而旋轉(zhuǎn)度小于36

15、0度,則旋轉(zhuǎn)對(duì)象可以是形狀。動(dòng)畫(huà)設(shè)定只需二個(gè)關(guān)鍵幀。 例如:拖影文字 操作步驟: 建立文字元件,拖到舞臺(tái) 創(chuàng)建第一圖層,設(shè)定第一、二關(guān)鍵幀(同幀),并設(shè)制“動(dòng)畫(huà)”補(bǔ)間,旋轉(zhuǎn)為1次。 創(chuàng)建第二圖層,此層為陰影層,復(fù)制第一層的關(guān)鍵幀,用方向箭頭控制。 創(chuàng)建第三至第九圖層,這些層均為拖影層,每層之間涉后二幀。與第一圖層相比,這些層均要逐漸調(diào)整透明度。 三、元件的創(chuàng)建,多圖層動(dòng)畫(huà)的制作 四、本周作業(yè): 1、拖影文字 2、夜色馬路 第五周鞏固與檢測(cè)教學(xué)目標(biāo): 1、要求學(xué)生鞏固橢圓工具、直線工具、填充工具、鋼筆工具、變形工具、選取工具、墨水瓶工具、矩形工具的使用。 2、鞏固圖形元件、影片元件的創(chuàng)建。 3、

16、鞏固二類(lèi)補(bǔ)間動(dòng)畫(huà)的特點(diǎn)。 4、鞏固二類(lèi)動(dòng)畫(huà):變形動(dòng)畫(huà)、直線運(yùn)動(dòng)動(dòng)畫(huà)。 5、測(cè)驗(yàn)學(xué)生的圖形繪制能力,時(shí)間1小時(shí) 教學(xué)重點(diǎn): 運(yùn)動(dòng)補(bǔ)間的設(shè)置;影片元件的創(chuàng)建。 教學(xué)難點(diǎn): 影片元件與圖形元件的區(qū)別。 教學(xué)過(guò)程: 一、鞏固復(fù)習(xí)題: 1、倒影動(dòng)畫(huà)(本實(shí)例主要使用了文本工具、墨水瓶工具、打散功能、Alpha值設(shè)置等來(lái)操作)。主要通過(guò)一下幾個(gè)步驟來(lái)完成。 使用文本工具在舞臺(tái)場(chǎng)景中輸入文字。 使用打散功能將文字打散為矢量圖形。 使用墨水瓶工具為文字描邊。 使用F8快捷鍵將文字轉(zhuǎn)化為影片剪輯,并在其中進(jìn)行Alpha值的設(shè)置。 2、多層變形動(dòng)畫(huà)(掌握對(duì)象繪制工具的使用。) 3、思考并完成一下動(dòng)畫(huà)效果的制作,分析

17、幀之間的時(shí)間順序及文字分別做了什么動(dòng)畫(huà)?(背景下載) 二、十一課后作業(yè):完成作業(yè)本上前幾周作業(yè)的上傳、學(xué)習(xí)上堂課中五種基本動(dòng)畫(huà)的設(shè)計(jì)制作。(素材下載) (補(bǔ)充源代碼下載) 本周上傳作業(yè)名稱為:1、陰影動(dòng)畫(huà) 2、圓環(huán)字母變形 第六周鞏固與檢測(cè)教學(xué)目標(biāo): 1、要求學(xué)生鞏固掌握FLASH的工具中的一些技巧。 2、鞏固FALSH中存在的五種變化-移動(dòng)、縮放、旋轉(zhuǎn)、顏色、透明度 教學(xué)重點(diǎn):工具中技巧的合理運(yùn)用。 教學(xué)過(guò)程: 一、在FLASH中有些工具使用的技巧有助于動(dòng)畫(huà)設(shè)計(jì)的美感,下面總結(jié)幾種我們平時(shí)制作當(dāng)中常用到的幾種小技巧: 1、柔化物體邊緣 先看下圖一的效果,此效果,我們所使用的最簡(jiǎn)單的方法是利用

18、 FLASH 本身的邊緣柔化功能: 圖一 圖二 圖三 先畫(huà)好一個(gè)圓,如圖二;然后選中此圖形(不可是元件圖形)-圓,選擇修改-形狀-柔化邊緣填充,在彈出的對(duì)話框里設(shè)置參數(shù),如圖三,確定以后就形成上圖的效果。(注意:參數(shù)的大小影響了邊緣柔化的程度,但有一點(diǎn),最好只進(jìn)行一次柔化,如在柔化以后再柔化可能會(huì)使FLASH計(jì)算復(fù)雜,而出現(xiàn)于要求不同的效果。) 同理,我們可以對(duì)文字邊緣進(jìn)行柔化,如下效果3和4分別是對(duì)文字的填充色和筆觸進(jìn)行了柔化。值得注意的是必須先把文字分離,并且在對(duì)筆觸進(jìn)行柔化之前,事先要求將線條轉(zhuǎn)化為填充。 引申: 在實(shí)際運(yùn)用當(dāng)中如果要進(jìn)行較為靈活的邊緣柔化,我們不妨利用混色器來(lái)完成。 即

19、在選中圖形后調(diào)出混色器編輯框,顏色填充樣式選擇放射狀,然后將左右兩個(gè)顏色填充節(jié)點(diǎn)的顏色都設(shè)置為白色, 再將右邊的顏色節(jié)點(diǎn)的透明度為“0”, 如下圖 用此方法制作的效果有一點(diǎn)好處就是可以靈活的改變邊緣柔化的程度, 思考如何達(dá)到后面三種圖形的效果。 2、變形復(fù)制 效果如下:對(duì)于這個(gè)效果我們使用的是復(fù)制并變形的功能。 首先可以畫(huà)一個(gè)橢圓,然后選中此對(duì)象,用變形工具改變它的自由變化中心,如下面左右兩圖,左邊為沒(méi)有改變的狀態(tài),右邊為改變以后的狀態(tài): 自由變化中心的改變 然后選擇 窗口-變形 調(diào)出變形對(duì)話框,如圖:在旋轉(zhuǎn)參數(shù)里輸入對(duì)象旋轉(zhuǎn)的角度,比如20度,再點(diǎn)擊對(duì)話框右下角的拷貝并應(yīng)用變形按鈕,直到圖象

20、變成我們所需狀態(tài)。 3、對(duì)象繪制 這是 Flash8 的新功能。原先版本中,我們?cè)谕粓D層中疊加兩個(gè)圖形時(shí),會(huì)產(chǎn)生合并的效果,如果移動(dòng)其中一個(gè)圖形時(shí),下面圖形的疊加部分就會(huì)消失,這有一定的優(yōu)越性但是又有局限性,如果我們要繪制兩個(gè)圖形疊加在一起但是不合并的話,就需要把這兩個(gè)圖形轉(zhuǎn)換成元件或是放在兩個(gè)圖層中,這樣就比較麻煩。 而對(duì)象繪制就可以避免產(chǎn)生這種問(wèn)題。例如,原先版本中移動(dòng)圖象后: 而如果是單擊“橢圓”工具,在選項(xiàng)欄里,點(diǎn)擊“對(duì)象繪制”按鈕后,再繪制兩個(gè)圖象,這時(shí)盡管兩個(gè)圖象之間彼此是疊加的,但是互相不會(huì)干擾。 另外,在“修改”菜單欄中,對(duì)象繪制還具有四種合并效果:聯(lián)合,交集,打孔,裁切。希

21、望大家自己去觀察它們各自的作用。 二、 在FALSH中存在的五種變化-移動(dòng)、縮放、旋轉(zhuǎn)、顏色、透明度 具體效果看影片文件(注意:后面兩種變化必須是對(duì)實(shí)例,即對(duì)拉到場(chǎng)景中的元件進(jìn)行設(shè)置。) 第七周鞏固教教學(xué)目標(biāo): 1、鞏固掌握FLASH制作中幾種常見(jiàn)字體效果的制作。 2、掌握FLASH動(dòng)畫(huà)制作中用到的兩種補(bǔ)間過(guò)程 。 教學(xué)重點(diǎn): 字體效果的制作、各補(bǔ)間的特性和要求 。 教學(xué)過(guò)程: 一、在一個(gè)好的FLASH作品里常常會(huì)運(yùn)用到一些經(jīng)過(guò)處理的FLASH字效,前面我們已經(jīng)介紹了多種在FLASH中常用的字效:點(diǎn)框文字、彩虹文字、位圖文字、立體字、倒影字等,今天,再補(bǔ)充幾個(gè)特效文字的處理。 1、 雙色(多色

22、)字 圖一 圖二 圖三 關(guān)鍵技術(shù)要求: 1、制作此類(lèi)文字效果,只要將文字打散成離散的圖形; 2、然后用選取工具選取其中部分,再對(duì)選中部分進(jìn)行顏色填充; 3、選取次數(shù)可以隨意定。 2、 鏤空字 (素材下載) 關(guān)鍵技術(shù)要求: 1、此類(lèi)效果需兩層圖層才能完成; 2、底層放置一張圖片; 3、在上層畫(huà)一個(gè)矩形蓋住底層的圖片(可適當(dāng)設(shè)置透明度); 4、在矩形層上輸入文字并調(diào)整好文字的位置; 5、將文字打散; 6、鼠標(biāo)點(diǎn)擊影片空白處取消對(duì)文字的選擇; 7、再次選中文字圖形并將其刪除即可。 3、 陰影字 關(guān)鍵技術(shù)要求: 1、養(yǎng)成一個(gè)圖象一個(gè)圖層的好習(xí)慣,根據(jù)情況,這里可以創(chuàng)建三個(gè)圖層,藍(lán)色字、黑色字,深灰色字

23、,分別呈現(xiàn)原層、立體層、陰影層的效果; 2、立體層的制作:可以按快捷鍵Shift+Ctrl+V把“原層”中的文字復(fù)制到“立體層”中,并利用方向鍵“”、“”將黑色字層向右、向上各移動(dòng)2個(gè)像素; 3、陰影的制作: 選中“原層”中的文字,然后按快捷鍵打開(kāi)Ctrl+T打開(kāi)“變形”面板,并上右圖所示設(shè)置。設(shè)置好后,單擊“變形”面板上的“復(fù)制并應(yīng)用變形”按鈕 。一個(gè)經(jīng)過(guò)變形的副本就被復(fù)制出來(lái)了。 4、陰影層的制作: 選中剛剛做好的副本,按快捷鍵Ctrl+X剪切。按快捷鍵Shift+Ctrl+V把這個(gè)副本原位粘貼到“陰影層”中。最后適當(dāng)?shù)恼{(diào)整位置,并把色彩換成#666666。到這里,文字的陰影效果就做好了。

24、 綜上所述,關(guān)鍵技術(shù)都比較類(lèi)似,所以希望大家課后能好好復(fù)習(xí),做到在熟練繪制的基礎(chǔ)上創(chuàng)作出更多其他效果的文字。 二、 在FLASH動(dòng)畫(huà)中,存在著兩種基本的補(bǔ)間:移動(dòng)和行變。下面就將這兩種補(bǔ)間進(jìn)行介紹。 1、形狀補(bǔ)間 延伸的直線 拉動(dòng)的幕布 畫(huà)線框(四條邊放在四個(gè)圖層上,如下圖所示,考慮為什么?) 星星變形(注意為了防止變形過(guò)程不凌亂,可以利用修改形狀中的“添加形狀提示”工具, 再五角星上加入5個(gè)提示點(diǎn),并放到相應(yīng)變化位置上,以紅色的小圓圈表示,abcde用來(lái)標(biāo)識(shí)提示點(diǎn)。看一看最后的一幀,可以發(fā)現(xiàn)十角星上也有一個(gè)對(duì)應(yīng)的紅色提示點(diǎn),當(dāng)你設(shè)置好位置時(shí),會(huì)發(fā)現(xiàn)提示點(diǎn)變綠了,回到第一幀,這時(shí)提示點(diǎn)由紅色變

25、成了黃色,這表明提示點(diǎn)的設(shè)置正確。) 2、運(yùn)動(dòng)補(bǔ)間 它與動(dòng)作補(bǔ)間動(dòng)畫(huà)的區(qū)別是:動(dòng)作補(bǔ)間的作用對(duì)象是元件或被組合的對(duì)象,而形狀補(bǔ)間動(dòng)畫(huà)的作用對(duì)象是矢量圖形。 運(yùn)動(dòng)的小球:比較下面三副動(dòng)畫(huà),考慮有什么不同,分別做了什么動(dòng)作。提示:緩動(dòng)選項(xiàng)的作用。 現(xiàn)在大家應(yīng)該知道緩動(dòng)選項(xiàng)的作用了吧。它的作用是在運(yùn)動(dòng)的過(guò)程中產(chǎn)生速度上的變化,默認(rèn)值為0,即為勻速運(yùn)動(dòng)。當(dāng)值為負(fù)時(shí),運(yùn)動(dòng)的物體做加速運(yùn)動(dòng),相反,當(dāng)值為正時(shí),運(yùn)動(dòng)的物體做減速運(yùn)動(dòng)。在小球下落的過(guò)程中,速度越來(lái)越快,所以我們把值改為負(fù)值,注意在值為-100時(shí),比較接近重力加速度。當(dāng)小球彈起時(shí),速度越來(lái)越慢,因此值為正。 引申:(旋轉(zhuǎn)的風(fēng)車(chē)) 從這一制作中我們

26、不僅要學(xué)習(xí)運(yùn)動(dòng)漸變動(dòng)畫(huà)的另一種形式:旋轉(zhuǎn)動(dòng)畫(huà)(自轉(zhuǎn)),而且還要練習(xí)用箭頭工具對(duì)對(duì)象進(jìn)行修改,利用變形面板制作多個(gè)風(fēng)車(chē)葉的方法。 思考:下面兩幅動(dòng)畫(huà)的差異在哪里? 第八周運(yùn)動(dòng)引導(dǎo)層教學(xué)目標(biāo): 1、要求學(xué)生掌握各類(lèi)曲線運(yùn)動(dòng)的制作技巧,掌握引導(dǎo)線、引導(dǎo)層的概念及作用。 2、能根據(jù)運(yùn)動(dòng)的需求,畫(huà)出運(yùn)動(dòng)軌跡線,即引導(dǎo)線。 教學(xué)重點(diǎn): 運(yùn)動(dòng)引導(dǎo)層的創(chuàng)建,動(dòng)畫(huà)關(guān)鍵幀的設(shè)置。 教學(xué)難點(diǎn): 做引導(dǎo)層時(shí)的幾個(gè)注意點(diǎn)。 教學(xué)過(guò)程: 一、引入: 引導(dǎo)線、引導(dǎo)層的概念 1、引導(dǎo)線:引導(dǎo)線就是軌跡或輔助線的作用。它讓物體沿著引導(dǎo)線路徑運(yùn)行。(即物體運(yùn)動(dòng)的軌跡,一般使用鋼筆工具來(lái)制作) 2、引導(dǎo)層:引導(dǎo)線必須制作在引導(dǎo)層中

27、,而需要使用引導(dǎo)線作為運(yùn)動(dòng)軌跡線的物體所在層必須在引導(dǎo)層的下方,一個(gè)引導(dǎo)層可以為多個(gè)圖層提供運(yùn)動(dòng)軌跡。同時(shí)在一個(gè)引導(dǎo)層中可以有多條運(yùn)動(dòng)軌跡。 二、滾球的制作 知識(shí)點(diǎn): 1、背景層的創(chuàng)建: 設(shè)定場(chǎng)景色 用鋼筆工具勾勒一個(gè)上邊為曲線的多邊形。 2、運(yùn)動(dòng)引導(dǎo)層的創(chuàng)建:該層中專門(mén)用來(lái)放置物體運(yùn)動(dòng)的軌跡,軌跡一般用線條描述,而在運(yùn)動(dòng)引導(dǎo)層中的線條在實(shí)際導(dǎo)出成SWF文件時(shí)是不可見(jiàn)。 使用的方法:要使用軌跡的對(duì)象必須獨(dú)立地放在引導(dǎo)層的下方圖層中,運(yùn)動(dòng)的對(duì)象其關(guān)鍵幀必須完全吸附在軌跡上。 復(fù)制曲線。 如圖:第一、二關(guān)鍵幀的定點(diǎn) 3、制作技巧: 引導(dǎo)層一旦建立完成后應(yīng)將其鎖定 對(duì)運(yùn)動(dòng)對(duì)象定位時(shí)最好打開(kāi)“帖緊至對(duì)

28、象”工具,這樣當(dāng)吸附正確時(shí)中心點(diǎn)會(huì)放大。 三、思考自強(qiáng)不息和山地車(chē)實(shí)例的制作 四、我是一條魚(yú)素材下載 1、水泡的制作(掌握刷子和填充變形工具的使用,并把水泡轉(zhuǎn)換為元件。) 水泡的顏色調(diào)板:白色透明度為0,2,100 2、浮起的水泡制作(影片元件:注意引導(dǎo)層繪制好后,可以及時(shí)鎖定。) 3、游動(dòng)的小魚(yú) 可以從左向右游動(dòng),也可以從右向左游動(dòng),小魚(yú)的運(yùn)動(dòng)軌跡為 4、在場(chǎng)景中創(chuàng)建: 背景圖片放入場(chǎng)景。 建立第二層,放入大小不一的水影片元件,注意水泡的放置位置 建立第三層,放入多條小魚(yú),使用小魚(yú)的影片元件時(shí),可將其翻轉(zhuǎn),從而改變其運(yùn)動(dòng)方向。 五、課后作業(yè): 必做題: 1、滾球 2、我是一條小魚(yú) 選做題:

29、1、自強(qiáng)不息 2、山地車(chē) 第九周按鈕的制作教學(xué)目標(biāo): 1、掌握按鈕制作的基本方法。 2、掌握按鈕中的動(dòng)畫(huà)設(shè)計(jì)方法。 3、掌握透明按鈕的制作 教學(xué)重點(diǎn): 按鈕元件的創(chuàng)建,按鈕動(dòng)畫(huà)的設(shè)計(jì)。 教學(xué)難點(diǎn): 按鈕中的四種狀態(tài)。 教學(xué)過(guò)程: 一、按鈕元件(可詳見(jiàn)課本P111) 按鈕用于響應(yīng)鼠標(biāo),即隨鼠標(biāo)顯示不同的狀態(tài),執(zhí)行指定的行為。 1、插入按鈕元件,執(zhí)行“插入”“新建元件”命令(或者按鍵),在創(chuàng)建新元件對(duì)話框中設(shè)置元件類(lèi)型為按鈕,即可見(jiàn)如下界面 2、編輯按鈕元件:按鈕元件有彈起、指針經(jīng)過(guò)、按下和點(diǎn)擊四種狀態(tài),如圖所示: V 彈起:表示鼠標(biāo)沒(méi)有在按鈕上時(shí)的按鈕的狀態(tài)。 V 指針經(jīng)過(guò):表示鼠標(biāo)經(jīng)過(guò)按鈕時(shí)按

30、鈕的狀態(tài)。 V 按下:表示按下鼠標(biāo)時(shí)按鈕的狀態(tài)。 V 點(diǎn)擊:設(shè)置按鈕響應(yīng)鼠標(biāo)的區(qū)域。 如果要制作透明按鈕,僅在“點(diǎn)擊”畫(huà)出點(diǎn)范圍即可。 二、上機(jī)操作:制作以下實(shí)例 1、基本按鈕 分析: 1、彈起:二個(gè)圖片元件分別放置在文字和邊框圖層中 2、經(jīng)過(guò):與彈起時(shí)的一個(gè)圖片元件相同,在此基礎(chǔ)上用“按我”的圖片元件創(chuàng)建一個(gè)影片剪輯元件。 3、按下:用“謝謝”圖片元件替換“按我”圖片元件 4、點(diǎn)擊:延續(xù)邊框圖層的第一幀,代表鼠標(biāo)進(jìn)入邊框區(qū)域后,按鈕才會(huì)有響應(yīng)。 彈起幀 指針經(jīng)過(guò)幀 按下幀 點(diǎn)擊幀 2、 練習(xí):制作一個(gè)帶有以下動(dòng)畫(huà)效果的按鈕(自選一個(gè)完成) 提示:將按鈕下面的文字放在新的圖層上。 三、按鈕的點(diǎn)

31、擊作用 1、一般按鈕點(diǎn)擊后均會(huì)產(chǎn)生一個(gè)動(dòng)作,如:停止、播放、重放、跳轉(zhuǎn)、超鏈接,如:(源文件下載) 2、按鈕的幾個(gè)常用動(dòng)作: on動(dòng)作命令 下面我們就詳細(xì)地向大家介紹一下這八種事件的使用。 (1)press 在鼠標(biāo)指針經(jīng)過(guò)按鈕時(shí)按下鼠標(biāo)按鈕。單擊press,然后選擇動(dòng)作語(yǔ)句,雙擊【全局函數(shù)】|【時(shí)間軸控制】中的play 命令。 完整的action是: on(press) /設(shè)定鼠標(biāo)事件為按下,然后執(zhí)行大括號(hào)里面的語(yǔ)句。 play(); /按鈕響應(yīng)后執(zhí)行play(播放)動(dòng)作 press動(dòng)作 當(dāng)然,在大括號(hào)里面還可以用其他的語(yǔ)句,比如說(shuō),gotoAndPlay(yourframe); /點(diǎn)擊按鈕后

32、,就會(huì)從你設(shè)置的幀播放。 (2) release 在鼠標(biāo)指針經(jīng)過(guò)按鈕時(shí)釋放鼠標(biāo)按鈕。單擊選擇release然后與第一個(gè)事件相同加入play命令。完成的語(yǔ)句如下: on(release) /當(dāng)鼠標(biāo)按下釋放的時(shí)候,執(zhí)行下面的語(yǔ)句動(dòng)作。 play(); /按鈕響應(yīng)后執(zhí)行play(播放)動(dòng)作。 release動(dòng)作 可以看到,當(dāng)鼠標(biāo)左鍵按下按鈕的時(shí)候,并沒(méi)有激發(fā)播放動(dòng)作,而是當(dāng)鼠標(biāo)左鍵放開(kāi)的時(shí)候,執(zhí)行了播放動(dòng)作。這也是與“press”事件不同的地方。 (3)releaseOutside 當(dāng)鼠標(biāo)指針在按鈕之內(nèi)時(shí)按下按鈕后,將鼠標(biāo)指針移到按鈕之外,此時(shí)釋放鼠標(biāo)按鈕。 添加語(yǔ)句的方法同上。完整的語(yǔ)句如下: o

33、n (releaseOutside) /當(dāng)鼠標(biāo)在按鈕外部釋放的時(shí)候執(zhí)行下面的語(yǔ)句。 play(); /按鈕響應(yīng)后執(zhí)行播放動(dòng)作。 releaseOutside動(dòng)作 通過(guò)這個(gè)例子我們知道,當(dāng)鼠標(biāo)左鍵在按鈕上按住并移動(dòng)到按鈕以外的地方放開(kāi)后,觸發(fā)了按鈕的動(dòng)作。這是一個(gè)具有非常想象力的事件,大家可以利用on的這個(gè)事件來(lái)制作游戲。 (4)rollOver 鼠標(biāo)指針滑過(guò)按鈕。制作方法同上,完整的as語(yǔ)句為: on(rollover) /當(dāng)鼠標(biāo)滑動(dòng)到按鈕上時(shí)執(zhí)行下面的動(dòng)作。 play(); /按鈕執(zhí)行播放動(dòng)作。 rollOver動(dòng)作 當(dāng)鼠標(biāo)指針從按鈕上滑過(guò)的時(shí)候,動(dòng)畫(huà)就開(kāi)始執(zhí)行播放動(dòng)作了,而不需要點(diǎn)擊它。我

34、們可以利用on的這個(gè)特點(diǎn)來(lái)制作一些圖示板,非常簡(jiǎn)單有效 (5)rollOut 鼠標(biāo)指針滑出按鈕區(qū)域。制作方法同上,完整的as語(yǔ)句為: on(rollOut) /當(dāng)鼠標(biāo)滑動(dòng)到按鈕上并離開(kāi)時(shí)執(zhí)行下面動(dòng)作。 Play(): /按鈕響應(yīng)播放動(dòng)作。 rollOut動(dòng)作 滑離與滑過(guò)并不是相同的,滑離是指鼠標(biāo)滑動(dòng)到按鈕上并離開(kāi)以后開(kāi)始響應(yīng),而滑過(guò)是指只要鼠標(biāo)滑到按鈕上,就開(kāi)始執(zhí)行動(dòng)作。 (6)dragOut 在鼠標(biāo)指針滑過(guò)按鈕時(shí)按下鼠標(biāo)按鈕,然后滑出此按鈕區(qū)域。完整的as是: on(Drag Out) /當(dāng)鼠標(biāo)拖過(guò)的時(shí)候執(zhí)行下面的動(dòng)作。 play(); /執(zhí)行播放動(dòng)作。 dragOut動(dòng)作 拖離與拖過(guò)有所不

35、同,只要在按鈕上按住鼠標(biāo)左鍵然后移動(dòng)到按鈕外就會(huì)相應(yīng)。他與滑離的區(qū)別在于拖離需要按住鼠標(biāo)左鍵。 (7)dragOver 在鼠標(biāo)指針滑過(guò)按鈕時(shí)按下鼠標(biāo)按鈕,然后滑出此按鈕,再滑回此按鈕。完整的as是: on (dragover) /當(dāng)鼠標(biāo)指針滑過(guò)按鈕時(shí)按下鼠標(biāo)按鈕,然后滑出此按鈕,再滑回此按鈕時(shí)執(zhí)行下面的動(dòng)作。 play(); /執(zhí)行播放動(dòng)作 dragOver動(dòng)作 拖過(guò)的效果是在按鈕上點(diǎn)擊并按住鼠標(biāo)不放,移出按扭區(qū),再移回按鈕上釋放的事件。注意:此例中是一個(gè)文字按鈕,在做文字按鈕的時(shí)候,應(yīng)在文字的下方用一透明方塊,以增加按鈕的反應(yīng)區(qū)域,或者在按鈕的第4幀繪制一個(gè)矩形來(lái)增加反映區(qū)。 (8) key

36、Press (key) 按下指定的鍵。對(duì)于此參數(shù)的 key 部分,需指定鍵控代碼或鍵常量。 我們?cè)冢ā発ey”)中鍵入“k”。完整地as語(yǔ)句為: on (keyPress z) /當(dāng)按下鍵盤(pán)中的“z”健時(shí)執(zhí)行下面的動(dòng)作。 play(); /執(zhí)行播放動(dòng)作 注 意 在給動(dòng)畫(huà)作品添加按鈕的時(shí)候應(yīng)該放到單獨(dú)一層,這樣便于修改。 提 示 on為按鈕上的動(dòng)作,所以我們必須首先要選中按鈕,以后才可以添加on語(yǔ)句。有的朋友在論壇里面提問(wèn),“為什么我的on為灰色不可選狀態(tài)?”原因就是你沒(méi)有選中按鈕。 技 巧 在一般flash作品中,大家不會(huì)有意區(qū)分這些on的功能的,一般采用默認(rèn)的語(yǔ)句。如果沒(méi)有特殊說(shuō)明,你使用了

37、拖離,滑離等事件來(lái)制作“replay”按鈕,會(huì)讓人們摸不著頭腦的。 試一試 我們了解了on得這么多的功能,利用這些功能可以輕易的制作出flash課件,flash游戲里面的效果,大家不妨試一試。 分 析on語(yǔ)句的功能與按鈕息息相關(guān),有按鈕的地方一定會(huì)有on語(yǔ)句的使用。而有flash作品的地方,就會(huì)有按鈕的出現(xiàn),所以說(shuō)on的重要作用不可忽視。今天向大家詳細(xì)地介紹了on的各種功能,我們就可以結(jié)合按鈕自身的特點(diǎn),發(fā)揮他們的功能。 四、作業(yè) 必做題: 1、“按我” 2、move on 或 next and back 3、完成書(shū)中P104頁(yè)的動(dòng)態(tài)按鈕制作: 素材 第十周復(fù)習(xí)教學(xué)目標(biāo): 1、鞏固掌握引導(dǎo)線的

38、基本技巧。 2、鞏固掌握按鈕制作的基本方法。 3、 通過(guò)測(cè)試了解學(xué)生的掌握情況。 教學(xué)重點(diǎn): 掌握引導(dǎo)線、按鈕的創(chuàng)建。 教學(xué)難點(diǎn): 通過(guò)考試,鞏固薄弱知識(shí)點(diǎn)。 教學(xué)過(guò)程: 一、復(fù)習(xí) 1、“調(diào)整到路徑”功能: 將補(bǔ)間元素的基線調(diào)整到運(yùn)動(dòng)路徑, 比較下面兩個(gè)動(dòng)畫(huà) 2、做引導(dǎo)層時(shí)的幾個(gè)注意點(diǎn): 路徑是否在引導(dǎo)層中,引導(dǎo)層的創(chuàng)建是否正確。 路徑是否閉合。 運(yùn)動(dòng)物體中心點(diǎn)是否在路徑上,大家在拖動(dòng)的時(shí)候可以使用吸附工具,這樣比較容易觀察。 引導(dǎo)線千萬(wàn)不能是元件,如果繪制出來(lái)是對(duì)象的話,要及時(shí)打散。 要讓引導(dǎo)層在導(dǎo)出文件中可見(jiàn),就必須再添加一個(gè)背景層。 3、觀看下面的動(dòng)畫(huà)實(shí)例,分析在動(dòng)畫(huà)中有哪些效果? 分析

39、:按鈕的四個(gè)幀上分別放置的是什么? 三、本周作業(yè):預(yù)習(xí)遮罩動(dòng)畫(huà) 第十一周遮照的基本概念 教學(xué)目標(biāo): 1、 掌握遮照的原理 2、 掌握遮照的操作方法 3、 學(xué)會(huì)遮照的基本應(yīng)用,增強(qiáng)分析動(dòng)畫(huà)的能力 教學(xué)重點(diǎn): 掌握遮照的操作方法 教學(xué)難點(diǎn): 遮照的基本應(yīng)用,學(xué)會(huì)從現(xiàn)成的作品中獲取設(shè)計(jì)方法 教學(xué)過(guò)程: 一、知識(shí)回顧: 補(bǔ)間:形狀 補(bǔ)間:動(dòng)作 補(bǔ)間:動(dòng)作,光束為元件 補(bǔ)間:動(dòng)作,以物體中心為軸向兩邊擴(kuò)張的一般為元件 二、引入新課: 1、請(qǐng)注意觀察以下這個(gè)動(dòng)畫(huà),在它的文字中有何特色,它的動(dòng)畫(huà)特點(diǎn)是什么? (1)文字用圖案填色,且是自上而下運(yùn)動(dòng)著的圖案填色。 (2)文字完整顯示,而圖案顯示不完整。 (3)

40、文字在最上層,圖案在下層,且下層是一個(gè)動(dòng)畫(huà)層。 三、新課內(nèi)容( 上課素材下載 ): (一)遮罩的原理 1、遮罩是需要通過(guò)兩層實(shí)現(xiàn)的,上一層叫遮罩層,下一層叫被遮罩層。 2、遮罩結(jié)果顯示的是二層的疊加部分。 3、遮罩顯示結(jié)果的色彩由被遮罩層的色彩決定, 即可通過(guò)辨別色彩的來(lái)源來(lái)確定哪一層為被遮罩層 。 4、在遮罩層和被遮罩層中均可設(shè)定動(dòng)畫(huà)。 (二)遮罩的應(yīng)用 1、電影字幕效果 分析關(guān)鍵點(diǎn):什么顏色為遮罩效果的主色,什么層在自下而上移動(dòng)? 此例的結(jié)論:說(shuō)明遮罩層與被遮罩層均可根據(jù)需要設(shè)定動(dòng)畫(huà)。 分析的特點(diǎn):用顯示色彩的特性確定了被遮罩層。 2、光束的照射效果 比較一下兩幅動(dòng)畫(huà)的差異 本題總結(jié):在遮

41、罩層和被遮罩層之后,可適當(dāng)添加輔助層,以襯托遮罩效果。 3、MTV字幕效果 分析關(guān)鍵點(diǎn):上面兩幅動(dòng)畫(huà)分別需要幾層?藍(lán)色的FLASH文字層是否產(chǎn)生遮罩效果? 四、作業(yè)布置: 1、必做題: 字幕、光照、MTV字幕1、MTV字幕2(如下) 2、選做題: 第十二周聲音與遮罩技巧教學(xué)目標(biāo): 1、 能導(dǎo)入各類(lèi)聲音,并能處理一些聲音的疊加。 2、 遮照技巧的靈活應(yīng)用。 3、 學(xué)會(huì)遮照的基本應(yīng)用,增強(qiáng)分析動(dòng)畫(huà)的能力 教學(xué)重點(diǎn): 遮照技巧的靈活應(yīng)用 教學(xué)難點(diǎn): 遮照的基本應(yīng)用,學(xué)會(huì)從現(xiàn)成的作品中獲取設(shè)計(jì)方法 教學(xué)過(guò)程: 一、FLASH中聲音的加載 導(dǎo)入聲音文件: 文件導(dǎo)入到庫(kù)選擇聲音源 我們只需新增一圖層(聲音

42、層)將庫(kù)中的聲音拖入,或者在屬性面板中選擇聲音就可以使用聲音文件了,事情就這么簡(jiǎn)單。 聲音文件的使用技巧 為動(dòng)畫(huà)添加背景音樂(lè) (1)新建或打開(kāi)需要添加聲音的文件,在原來(lái)的動(dòng)畫(huà)上再增加一個(gè)“聲音層”的新層。需要在文件中多處有聲音時(shí),我們通常會(huì)把幾個(gè)聲音文件放置在不同的層中,這樣不但便于控制,而且還能達(dá)到混響效果。 (2)導(dǎo)入所需要的聲音文件,然后從庫(kù)中將所需聲音文件拖拉到“聲音層”上即可。 為按鈕添加提示聲音 在原來(lái)的層上插入一新層,假設(shè)在按下幀上按F7添加空白關(guān)鍵幀,然后將聲音文件拖放到該幀即可,并將同步設(shè)置為“事件”。 則測(cè)試時(shí),當(dāng)鼠標(biāo)單擊按鈕時(shí)會(huì)發(fā)出聲音。 二、聲音的處理 當(dāng)聲音被加載到F

43、LASH中后,可進(jìn)行如下處理: 1、取部分聲音播放。 2、控制聲音的淡入、淡出等。 3、處理方法:在屬性面板上,單擊聲音編輯即可 4、“事件”選項(xiàng)會(huì)將聲音和一個(gè)事件的發(fā)生過(guò)程全部同步起來(lái)。如果觸發(fā)了播放聲音的事件,它會(huì)自動(dòng)播放直至結(jié)束,在這個(gè)過(guò)程中聲音的停止不受動(dòng)畫(huà)本身的制約。例如我們?cè)贔lash中制作了一個(gè)聲音播放按鈕,如果事件聲音正在播放,而再次點(diǎn)擊,第一個(gè)實(shí)例繼續(xù)播放,另一個(gè)聲音實(shí)例同時(shí)開(kāi)始播放。 “開(kāi)始”選項(xiàng)和“事件”選項(xiàng)一樣,只是如果聲音正在播放,就不會(huì)播放新的聲音實(shí)例。 “停止”選項(xiàng)可以使指定的聲音靜音。 “數(shù)據(jù)流”用于在互聯(lián)網(wǎng)上同步播放聲音。Flash會(huì)協(xié)調(diào)動(dòng)畫(huà)與聲音流,使動(dòng)畫(huà)與

44、聲音同步。如果Flash顯示動(dòng)畫(huà)幀的速度不夠快,F(xiàn)lash會(huì)自動(dòng)跳過(guò)一些幀。與事件聲音不同的是,如果聲音過(guò)長(zhǎng)而動(dòng)畫(huà)過(guò)短,聲音流將隨著動(dòng)畫(huà)的結(jié)束而停止播放。在播放影片時(shí),聲音流是混合在一起播放的。 5、不同聲音的疊加:將聲音加載在不同圖層上。 三、實(shí)例: 1、按鈕上加載聲音 源文件下載 聲音下載 (右擊下載) 體會(huì)在按鈕上加聲音與在圖層上加聲音的區(qū)別。 四、遮照技巧 1、百葉窗( 素材下載 ): (一)遮罩的原理 操作步驟: 1、建立一個(gè)按水平線縮放的長(zhǎng)方條作為影片元件。 2、將第一步中創(chuàng)建的影片元件多個(gè)疊加,組合成一扇百葉窗,并將其作為第二個(gè)影片元件。 3、在場(chǎng)中創(chuàng)建三層,其中最上層放步驟二中

45、影片元件,中間層與底層各放一張圖片。 4、將遮照效果應(yīng)用在最上層。 思考:步驟2中能否不建影片元件? 2、閃閃紅星的制作 制作步驟: 1、制作一個(gè)扇片,并生成元件。 2、由步驟1的元件旋轉(zhuǎn)復(fù)制360度后而繞成一圈,并將此圖案生成元件。(注意調(diào)整元件中心點(diǎn)位置) 3、將步驟2生成的元件加以應(yīng)用于,實(shí)施翻轉(zhuǎn)。 4、將以上二個(gè)實(shí)例各自放入不同層,并在二層間實(shí)施遮照。 五、作業(yè) 1、完成以上二個(gè)實(shí)例:百葉窗、閃閃紅星 2、校名: 3、書(shū)本作業(yè):橫向百葉窗 第十三周 遮照技巧應(yīng)用(三)教學(xué)目標(biāo): 通過(guò)練習(xí),使學(xué)生進(jìn)一步掌握遮照與變形的綜合應(yīng)用。 教學(xué)重點(diǎn): 遮照技巧應(yīng)用。 教學(xué)難點(diǎn): 復(fù)雜遮照的創(chuàng)建。

46、教學(xué)過(guò)程: 一、鞏固復(fù)習(xí):制作并講解上一節(jié)課的作業(yè)縱向百葉窗(詳見(jiàn)課本,圖片下載)。 知識(shí)點(diǎn): 分散到圖層。 直線動(dòng)畫(huà)的制作。 關(guān)鍵幀的復(fù)制。 遮照的使用。 二、制作跑車(chē)廣告 素材下載 1、準(zhǔn)備工作,試著制作下列圖案 2、查看跑車(chē)廣告 3、分析跑車(chē)廣告的元件及圖層 數(shù)字計(jì)時(shí):幀幀動(dòng)畫(huà)(序號(hào)之間的漸變效果) 遮照效果:遮照層:動(dòng)畫(huà)層(形狀補(bǔ)間的變形動(dòng)畫(huà)、) 被遮照層:清晰跑車(chē) 背景層:模糊跑車(chē) 落下帷幕:縮放動(dòng)畫(huà)、變形動(dòng)畫(huà)。 4、時(shí)間軸參考(沒(méi)有設(shè)計(jì)計(jì)時(shí)時(shí)的效果圖) 三、課后作業(yè) 必做: 1、跑車(chē)廣告 、按下圖的提示制作“波浪文字” 提示: 效果動(dòng)畫(huà): 選做:3、制作以下“圖片切換效果” 第十四

47、周 遮照復(fù)習(xí)教學(xué)目標(biāo): 1、掌握多層遮照的基本技巧。 2、注意對(duì)遮照層和被遮照層的設(shè)定。 3、通過(guò)測(cè)試了解學(xué)生的掌握情況。 教學(xué)重點(diǎn): 多層遮照技巧的原理。 教學(xué)難點(diǎn): 多層遮照技巧的應(yīng)用。 教學(xué)過(guò)程: 一、復(fù)習(xí): 1、旋轉(zhuǎn)的地球 地圖下載 提示: 1、注意觀察二幅地圖的顏色。 2、思考用幾層遮照。 3、地圖的顏色是否發(fā)生變化。 4、是否有背景層。 2、 波浪文字 源代碼下載 要求:自行分析以上兩個(gè)動(dòng)畫(huà)的遮照技巧,在源代碼的基礎(chǔ)上,修改完成第二種波浪效果。 第十五周 基本ActionScript教學(xué)目標(biāo): 1、要求學(xué)生了解什么是ActionScript。 2、掌握如何編輯ActionScrip

48、t。 3、三種添加腳本的對(duì)象。 教學(xué)重點(diǎn): ActionScript的基本概念。 教學(xué)難點(diǎn): 編輯ActionScript。 教學(xué)過(guò)程: 一、什么是 ActionScript(以下簡(jiǎn)稱AS) AS 是FLASH的動(dòng)作腳本語(yǔ)言。可以 AS 使用控制FLASH影片中的對(duì)象,創(chuàng)建導(dǎo)航和交互元素,也可以擴(kuò)展FLASH,制作高級(jí)交互影片和FLASH交互網(wǎng)站。 二、 利用AS 能做些什么? 使用 AS,用戶不僅可以動(dòng)態(tài)地控制動(dòng)畫(huà)的進(jìn)行,而且能夠進(jìn)行各種運(yùn)算,甚至由各種方式獲取用戶的動(dòng)作并且即時(shí)作出回應(yīng)。目前它在交互式網(wǎng)站、課件的制作及一些游戲、MTV和電子賀卡制作中的應(yīng)用及為廣泛。 三、編輯 AS 1、動(dòng)

49、作面版的介紹 動(dòng)作工具箱 腳本導(dǎo)航器 腳本助手 2、腳本窗口 3、行為面版(窗口行為) 用戶可以使用行為來(lái)裝載和卸裁實(shí)例,播放,停播、復(fù)制或拖動(dòng)實(shí)例。 4、添加腳本的對(duì)象 在幀中添加: 寫(xiě)在關(guān)鍵幀上面的AS,當(dāng)時(shí)間軸上的指針走到這個(gè)關(guān)鍵幀的時(shí)候,就寫(xiě)在這個(gè)幀上面的AS就被觸發(fā)執(zhí)行了。常見(jiàn)的例子有在影片結(jié)尾的幀寫(xiě)上 stop() 等。操作方法就是點(diǎn)選關(guān)鍵幀,然后打開(kāi)AS面板。 在按鈕中添加: 不同于幀上面的AS,按鈕上面的AS是要有觸發(fā)條件的。要把AS寫(xiě)在按鈕上,操作方法是點(diǎn)選目標(biāo)按鈕,然后打開(kāi)AS面板。舉個(gè)例子能說(shuō)的更明白: 假設(shè)有一個(gè)動(dòng)畫(huà),要讓它在播放完同時(shí)停止,那么,你要做的就是在這個(gè)動(dòng)畫(huà)

50、的最后一幀寫(xiě)stop(); 再假設(shè)有個(gè)按鈕,效果是按下按鈕后停止播放,那么步驟如下: 做一個(gè)按鈕,放到主場(chǎng)景,點(diǎn)選按鈕,然后打開(kāi)AS面板?,F(xiàn)在如果也在按鈕上寫(xiě) stop(); 那么,輸出的時(shí)候就會(huì)提示錯(cuò)誤。 正確的應(yīng)該這樣寫(xiě): 整個(gè)代碼翻譯過(guò)來(lái)就是: on(release) stop(); 當(dāng)(松開(kāi)) 停止 這里要比幀的動(dòng)畫(huà)多這些代碼: on(release) , 在影片剪輯中添加 四、 AS 基本語(yǔ)法 1、點(diǎn)語(yǔ)法:點(diǎn)(.)被用于指出與一個(gè)對(duì)象或影片剪輯相關(guān)聯(lián)的特性或方法,也是用于標(biāo)識(shí)指向一個(gè)影片剪輯或變量的目標(biāo)路徑。 2、括號(hào):用于定義函數(shù)中的相關(guān)參數(shù) 3、大括號(hào):凡是用大括號(hào)結(jié)合在一起的是

51、一個(gè)語(yǔ)句塊。 4、分號(hào):每一條語(yǔ)句都必須是以分號(hào)作為結(jié)束的。 其它具體的使用規(guī)則我們?cè)诰唧w的實(shí)例再進(jìn)行講解,有興趣的同學(xué)也可以參看 ActionScript 教程 五、第一實(shí)例(下拉菜單的制作) 1、 實(shí)例源文件下載 使用goto配合幀標(biāo)簽制作下拉菜單 步驟 小技巧 打開(kāi)源文件并分析 在三個(gè)菜單下拉的最后關(guān)鍵幀上添加Stop();語(yǔ)句, 選擇第一個(gè)按鈕(company),按下F9打開(kāi)動(dòng)作面板,添加以下語(yǔ)句: on(rollover)gotoAndPlay(2); 其它二個(gè)按鈕也以此類(lèi)推添加語(yǔ)句。 當(dāng)時(shí)間軸上有大量幀時(shí),可以通過(guò)給幀命名,從而方便地調(diào)用幀。如本例中,可以在第、步之間插入一步: 為

52、三個(gè)菜單下拉的圖層中第一關(guān)鍵幀定義名稱,分別為t1、t2、t3 這時(shí),按鈕(company)上的語(yǔ)句就得變成: on(rollover)gotoAndPlay(t1); 觀察制作的結(jié)果: 六、第二個(gè)實(shí)例:Food house 1、 下載源文件 分析一下其中的動(dòng)畫(huà)效果 2、制作以下效果: 七、補(bǔ)充:利用getURL跳轉(zhuǎn)到其他網(wǎng)頁(yè) 1、查看一下精美的韓版菜單條(你能仿制嗎?) 看一下源代碼 2、為這個(gè)菜單添加getURL語(yǔ)句:參考 on(release)getURL(); 思考:加在什么位置 八、本周作業(yè): 1、下拉菜單 2、Food house (時(shí)間軸提示) 第十六周 AS實(shí)例制作訓(xùn)練教學(xué)目標(biāo): 1、掌握復(fù)制影片剪輯命令duplicate的使用。 2、掌握隨機(jī)函數(shù)random的使用,_visible隱藏屬性的應(yīng)用。 3、掌握影片剪輯x,y軸比例屬性_xscale,_yscale以及透明屬性_alpha的應(yīng)用。 教學(xué)重點(diǎn): 復(fù)制影片剪輯命令duplicate和隨機(jī)函數(shù)random的使用。 教學(xué)難點(diǎn): 編輯ActionScript。 教學(xué)過(guò)程: 一、知識(shí)鋪墊 在Flash中制作多個(gè)對(duì)象不規(guī)則地出現(xiàn),通常會(huì)用到兩個(gè)Action語(yǔ)句,即復(fù)制影片剪輯命令duplicateMo

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論