計(jì)算機(jī)等級(jí)一級(jí)教程-Flash

Click to edit Master text styles,Second level,Third level,Fourth level,Fifth level,第三章 多媒體技術(shù)應(yīng)用（下）,曹曉潔,*,Click to edit Master title style,F L A S H,3.4.4,學(xué)習(xí),Flash,制作簡(jiǎn)單動(dòng)畫,圖形對(duì)象（主要是矢量圖）,特點(diǎn),:,簡(jiǎn)單易學(xué),文件小,流式傳輸,交互能力強(qiáng),第三章 多媒體技術(shù)應(yīng)用（下）,曹曉潔,Flash,歷史,Flash,、,Dreamweaver,、,Fireworks,并稱為,Macromedia,公司的網(wǎng)頁(yè)設(shè)計(jì)三劍客。作為三劍客之一的,Flash,以其動(dòng)畫視覺效果、精簡(jiǎn)的文件尺寸與飛快的下載速度，以及在交互性方面的能力，迅速成為互聯(lián)網(wǎng)矢量動(dòng)畫的標(biāo)準(zhǔn)。,Flash,版本歷史,FutureSplash,Animator(1995)-Flash,的前身,由簡(jiǎn)單的工具和時(shí)間線組成,Macromedia Flash 1(1996-11)-Macromedia,給,FutureSplash,Animator,更名后為,Flash,的第一個(gè)版本,Macromedia Flash 2(1997-6)-,引入庫(kù)的概念,Macromedia Flash 3(1998-5-31)-,影片剪輯,Javascript,插件,透明度和獨(dú)立播放器,Macromedia Flash 4(1999-6-15)-,變量,文本輸入框,增強(qiáng)的,Actionscript,流媒體,MP3,Macromedia Flash 5(2000-8-24)-,Javascript,智能剪輯,HTML,文本格式,Macromedia Flash MX(2002-3-15)-Unicode,組件,XML,流媒體視頻編碼,Macromedia Flash MX 2004(2003-9-10)-,文本抗鋸齒,Actionscript,2.0,增強(qiáng)的流媒體視頻,行為,Macromedia Flash MX 2004 Pro(2003-9-10)-,包括所有,Flash MX 2004,的特性,加上,Web Services,ActionScript,2.0,的面向?qū)ο缶幊?媒,體播放組件,Macromedia Flash 8(2005-9-13),Macromedia Flash 8 Pro(2005-9-13),增強(qiáng)為移動(dòng)設(shè)備開發(fā)的功能,方便創(chuàng)建,Flash Web,增強(qiáng)的網(wǎng)絡(luò)視頻,Adobe Flash 9(2006),Adobe Flash Pro 9(2006),http:/.hk/flashbook/archives/000790.php,第三章 多媒體技術(shù)應(yīng)用（下）,曹曉潔,Flash,界面介紹,工具箱面板（,18,種基本工具）,基本工具、查看工具、顏色設(shè)置工具與其他工具,時(shí)間軸面板,圖層控制區(qū)（左）、幀控制區(qū)（右）,舞臺(tái)（工作區(qū)）,中間白色背景區(qū)域，用于旋轉(zhuǎn)某一時(shí)刻畫面應(yīng)該顯示的對(duì)象、正在編輯元件或組合對(duì)象,屬性面板,舞臺(tái)下方,面板顯示區(qū),通過(guò)“窗口”菜單中的“設(shè)計(jì)面板”來(lái)控制某些面板的顯示與否,第三章 多媒體技術(shù)應(yīng)用（下）,曹曉潔,制作簡(jiǎn)單動(dòng)畫,基本概念,逐幀動(dòng)畫,過(guò)渡動(dòng)畫,元件,多圖層動(dòng)畫,第三章 多媒體技術(shù)應(yīng)用（下）,曹曉潔,基本概念,幀,是用于控制動(dòng)畫的播放時(shí)間和動(dòng)畫的關(guān)鍵性動(dòng)作,時(shí)間軸上的每一格即一幀，分為關(guān)鍵幀和空白關(guān)鍵幀等等,第三章 多媒體技術(shù)應(yīng)用（下）,曹曉潔,逐幀動(dòng)畫,相當(dāng)于傳統(tǒng)動(dòng)畫，由許多單個(gè)的關(guān)鍵幀組合而成，用于制作一個(gè)動(dòng)畫在每個(gè)幀上都有關(guān)鍵性變化的情況，逐幀動(dòng)畫文件較大。（課本,P203,例,1,）,例實(shí)驗(yàn)書 實(shí)驗(yàn),12,范例,1 P77,第三章 多媒體技術(shù)應(yīng)用（下）,曹曉潔,過(guò)渡（補(bǔ)間）動(dòng)畫,概念：通過(guò)建立整個(gè)動(dòng)畫過(guò)程的首尾兩個(gè)關(guān)鍵幀的內(nèi)容，中間的過(guò)渡幀則由計(jì)算機(jī)通過(guò)首尾幀的特性以及動(dòng)畫屬性要求來(lái)計(jì)算得到并補(bǔ)間插入,過(guò)渡補(bǔ)間動(dòng)畫,補(bǔ)間動(dòng)畫分類,形狀補(bǔ)間動(dòng)畫,動(dòng)作補(bǔ)間動(dòng)畫,第三章 多媒體技術(shù)應(yīng)用（下）,曹曉潔,變形補(bǔ)間與動(dòng)作補(bǔ)間,補(bǔ) 間,針對(duì)對(duì)象,具 體 實(shí) 例,變形補(bǔ)間,(,淺綠色背景箭頭,),矢量圖,（選中時(shí)有白色均勻的小點(diǎn)）,課本,例,2,正圓變心形,實(shí)驗(yàn),12,范例,2,字母,A,變形為字母,B,動(dòng)作補(bǔ)間,(,淺紫色背景箭頭,),非矢量圖,（選中時(shí)四周有藍(lán)色或灰色的外框）,課本,例,3,小球自由落地運(yùn)動(dòng),實(shí)驗(yàn),12,范例,3,蝴蝶,第三章 多媒體技術(shù)應(yīng)用（下）,曹曉潔,矢量圖與非矢量圖,矢 量 圖,非 矢 量 圖,特點(diǎn),在圖形對(duì)象被選定時(shí),出現(xiàn)白色均勻的小點(diǎn),在圖形對(duì)象被選定時(shí),四周出現(xiàn)藍(lán)或灰色的框,具體,對(duì)象,利用直線、橢圓、矩形、刷子、鉛筆等繪制的圖形,可以是文字對(duì)象（,Flash,中文字工具建立的文字對(duì)象不是矢量圖）、外界導(dǎo)入的圖像、組合對(duì)象或,元件,實(shí)例,可直接進(jìn)行的補(bǔ)間,變形補(bǔ)間（直接）,課本例,2,（圓變心）,動(dòng)作補(bǔ)間（直接）,實(shí)驗(yàn),12,例,3,（蝴蝶）,間接進(jìn)行的補(bǔ)間,動(dòng)作補(bǔ)間（先組合，或轉(zhuǎn)換為元件）,課本例,3,（小球自由落體）,變形補(bǔ)間,（,先分離）直到對(duì)象出現(xiàn)白點(diǎn)為止,實(shí)驗(yàn),12,內(nèi)容,4,（姓名,學(xué)號(hào)）,第三章 多媒體技術(shù)應(yīng)用（下）,曹曉潔,元件,什么是元件,元件的種類,制作元件,元件編輯與運(yùn)用,也稱符號(hào)，是動(dòng)畫制作的組成單位?？煞磸?fù)取出使用的圖形、按鈕或影片剪輯，能在場(chǎng)景中表演的是它的實(shí)例，而元件本身仍位于圖庫(kù)中,影片剪輯元件,是一個(gè)可以獨(dú)立播放的動(dòng)畫,按鈕元件,專門用于制作影片中的各種按鈕,圖形元件,是靜態(tài)的圖形效果,可以利用,“,插入,/,新建元件,”,例實(shí)驗(yàn),11P75,范例,1,可以通過(guò)制作好的對(duì)象轉(zhuǎn)換得到,“,修改,/,轉(zhuǎn)換元件,”,例 課本,P201,例,5,編輯：在庫(kù)中雙擊元件前面的圖標(biāo)，,進(jìn)入元件編輯狀態(tài),應(yīng)用：選擇合適的元件從庫(kù)面板拖入,場(chǎng)景中，就生成了一個(gè),動(dòng)畫實(shí)例,第三章 多媒體技術(shù)應(yīng)用（下）,曹曉潔,多圖層動(dòng)畫,對(duì)于,多個(gè)對(duì)象,運(yùn)動(dòng)的復(fù)雜動(dòng)畫，一般需將各對(duì)象,分層,處理,圖層就像透明的膠片，每個(gè)圖層上所繪制的對(duì)象按一定的順序重疊在一起，形成復(fù)雜的動(dòng)畫。每個(gè)每個(gè)圖層都有各自的時(shí)間軸。在,Flash MX,中圖層分為普通層、遮罩層、運(yùn)動(dòng)引導(dǎo)層。,例 課本,P199,例,4,小球自由落體并帶陰影,例 實(shí)驗(yàn),10 P69,范例（,4,）,為動(dòng)畫配音 例課本,P203,例,6,第三章 多媒體技術(shù)應(yīng)用（下）,曹曉潔,多圖層動(dòng)畫,引導(dǎo)層動(dòng)畫,:,使運(yùn)動(dòng)的對(duì)象沿著特定的路徑運(yùn)動(dòng)，運(yùn)動(dòng)的對(duì)象可以是實(shí)例、組合及文本塊，而引導(dǎo)層中的路徑必須是矢量圖形。,遮罩層動(dòng)畫,:,遮罩層的內(nèi)容就好比一個(gè)洞，透過(guò)這個(gè)洞，我們可以看到下面的層。遮罩層的對(duì)象可以是填充的形狀、文字和實(shí)例。,Alpha,通道,:,是指元件對(duì)象顏色的透明度，應(yīng)用在對(duì)象由近到遠(yuǎn)逐漸變淡的過(guò)程。,第三章 多媒體技術(shù)應(yīng)用（下）,曹曉潔,小結(jié),素材導(dǎo)入與打開的區(qū)別,變形動(dòng)畫與運(yùn)動(dòng)動(dòng)畫,元件與實(shí)例,多圖層動(dòng)畫,(,音樂背景,),運(yùn)動(dòng)引導(dǎo)圖層,遮罩層與被遮罩層,第三章 多媒體技術(shù)應(yīng)用（下）,曹曉潔,作業(yè),1,課本,P203,頁(yè)：例,1,、例,2,實(shí)驗(yàn)書：實(shí)驗(yàn),12,范例,1,、范例,2,實(shí)驗(yàn)書：實(shí)驗(yàn)內(nèi)容,1,、,2,、,3,、,5,思考題：實(shí)驗(yàn)范例,2,中為什么要“分離”,第三章 多媒體技術(shù)應(yīng)用（下）,曹曉潔,作業(yè),2,學(xué)習(xí)課本,P205,頁(yè)“,3.,形狀補(bǔ)間動(dòng)畫”部分第一段文字,再次獨(dú)立完成課本例,2,、完成實(shí)驗(yàn)書實(shí)驗(yàn),12,內(nèi)容,4,、,5,（,P83,頁(yè)）,學(xué)習(xí)課本,P206,頁(yè)“技能與技巧”,學(xué)習(xí)課本,P206,頁(yè)“動(dòng)作補(bǔ)間動(dòng)畫”內(nèi)容,完成課本,P207,頁(yè)：例,3,學(xué)習(xí)課本,P208,頁(yè)“技能與技巧”,完成實(shí)驗(yàn),12,（,P80,頁(yè)）范例,3,學(xué)習(xí)課本,P208,頁(yè)“,5.,元件及多圖層動(dòng)畫”部分第一段文字,完成課本例,4,學(xué)習(xí)課本,P209,頁(yè)“技能與技巧”,完成實(shí)驗(yàn),12,范例,4,第三章 多媒體技術(shù)應(yīng)用（下）,曹曉潔,作業(yè),3,獨(dú)立完成實(shí)驗(yàn)書范例,4,（,3,分鐘內(nèi)）,完成課本例,5,、,6,（,P210,）,完成實(shí)驗(yàn),12,第三章 多媒體技術(shù)應(yīng)用（下）,曹曉潔,作業(yè),4,完成小狗系列動(dòng)畫,在小狗文件夾中,第三章 多媒體技術(shù)應(yīng)用（下）,曹曉潔,作業(yè),5,完成小狗系列動(dòng)畫,在小狗文件夾中,獨(dú)立完成實(shí)驗(yàn),13,范例,4,完成實(shí)驗(yàn),13,實(shí)驗(yàn)內(nèi)容,3,、,1,、,4,第三章 多媒體技術(shù)應(yīng)用（下）,曹曉潔,