第一篇:Flash動(dòng)畫(huà)教案
《Flash動(dòng)畫(huà)制作》教學(xué)大綱 課程的基本描述
課程名稱(chēng): Flash動(dòng)畫(huà)制作 課程編號(hào): 5301A32 課程性質(zhì): 公共基礎(chǔ)選修課
適用專(zhuān)業(yè): 全校各專(zhuān)業(yè) Flash Animation Execution 教材選用: 毛潮鋼.動(dòng)畫(huà)制作Flash.西安交通大學(xué)出版社,教育部考試中心組編,2004年
高志清.Flash動(dòng)畫(huà)制作零點(diǎn)飛躍,中國(guó)水利水電出版社 孟凱寧.中文版Flash MX閃客動(dòng)畫(huà)一點(diǎn)即通,重慶大學(xué)出版社
總 學(xué) 時(shí): 32學(xué)時(shí) 實(shí)驗(yàn)學(xué)時(shí): 12學(xué)時(shí) 學(xué)
分: 2學(xué)分
前導(dǎo)課程: 計(jì)算機(jī)文化基礎(chǔ)
后續(xù)課程: Dreamweaver、ASP動(dòng)態(tài)網(wǎng)站程序設(shè)計(jì)等。
理論學(xué)時(shí): 20學(xué)時(shí) 課程設(shè)計(jì): 無(wú)
開(kāi)課學(xué)期: 第二學(xué)期至第七學(xué)期 教學(xué)定位
2.1 課程內(nèi)容
Flash是原Macromedia公司(現(xiàn)已被Adobe公司并購(gòu))開(kāi)發(fā)的專(zhuān)門(mén)為網(wǎng)絡(luò)而設(shè)計(jì)的一個(gè)交互性矢量動(dòng)畫(huà)設(shè)計(jì)軟件。本課程從圖形的繪制、對(duì)象的編輯等基礎(chǔ)知識(shí)入手,由淺入深地講解了Flash動(dòng)畫(huà)的基本制作技巧及網(wǎng)頁(yè)動(dòng)畫(huà)的設(shè)計(jì)方法。從而,設(shè)計(jì)出各種Logo圖片、導(dǎo)航條、全屏動(dòng)畫(huà)、帶有動(dòng)感音樂(lè)及交互功能的動(dòng)畫(huà)。此外,受Adobe收購(gòu)的影響,當(dāng)前最新版本的Flash Professional 8 吸納了許多Adobe軟件的功能特色,新增了圖形效果濾鏡、位圖平滑及視頻Alpha通道支持等功能,本課程也將對(duì)此加以介紹。
2.2 教學(xué)任務(wù)
參照中華人民共和國(guó)教育部考試中心組織的全國(guó)計(jì)算機(jī)應(yīng)用技術(shù)證書(shū)考試(NIT),確定本課程主要教學(xué)任務(wù)為:Flash軟件的基本功能、基本繪圖工具的使用方法、各種圖形對(duì)象編輯工具的使用方法、基本動(dòng)畫(huà)的制作、圖層特效動(dòng)畫(huà)的制作、聲音和按鈕的綜合應(yīng)用及簡(jiǎn)單腳本的編寫(xiě),并通過(guò)幾個(gè)綜合案例及一個(gè)較大的綜合設(shè)計(jì),將該課程的重要概念綜合運(yùn)用到實(shí)踐中去。同時(shí),作為評(píng)定期末成績(jī)重要依據(jù)的綜合設(shè)計(jì)與NIT考試結(jié)合緊密,可為學(xué)生們參加相關(guān)的NIT考試作好準(zhǔn)備。
2.3 教學(xué)目標(biāo)
打破學(xué)科壁壘,使學(xué)生掌握Flash動(dòng)畫(huà)的基本制作技巧及一定的網(wǎng)頁(yè)設(shè)計(jì)能力,從而將專(zhuān)業(yè)知識(shí)與計(jì)算機(jī)藝術(shù)設(shè)計(jì)整合在一起,使網(wǎng)頁(yè)設(shè)計(jì)與計(jì)算機(jī)美學(xué)有機(jī)地結(jié)合在一起。既滿(mǎn)足學(xué)生的學(xué)習(xí)需求,又適應(yīng)網(wǎng)絡(luò)經(jīng)濟(jì)發(fā)展的要求。進(jìn)而培養(yǎng)學(xué)生的認(rèn)知和理解能力、邏輯思維能力、構(gòu)造能力、問(wèn)題求解能力、設(shè)計(jì)實(shí)施能力、團(tuán)隊(duì)協(xié)作能力、項(xiàng)目管理能力等。
2.4 教學(xué)手段及教學(xué)方法
? 多媒體教學(xué)
充分利用現(xiàn)代媒體手段進(jìn)行教學(xué),使計(jì)算機(jī)教學(xué)更形象生動(dòng),更直觀易懂。? 案例式教學(xué)
精選典型實(shí)用案例,進(jìn)行全面細(xì)致的講解。? 單元式教學(xué)
該課程按教學(xué)形式可分為理論教學(xué)、實(shí)踐教學(xué)兩大環(huán)節(jié)。將教學(xué)內(nèi)容按難度與知識(shí)點(diǎn)分成若干個(gè)相對(duì)獨(dú)立的單元,循序漸進(jìn)地進(jìn)行教學(xué)。
? 集中式教學(xué)
為確保教學(xué)環(huán)節(jié)的連貫性,應(yīng)將教學(xué)時(shí)間集中起來(lái),每周授課4學(xué)時(shí),在半學(xué)期內(nèi)完成。這種教學(xué)方式可以幫助學(xué)生及時(shí)地鞏固并強(qiáng)化已掌握的知識(shí),避免因時(shí)間的拖沓造成學(xué)習(xí)情緒懈怠、學(xué)習(xí)質(zhì)量降低。知識(shí)點(diǎn)與學(xué)時(shí)分配
3.1 Flash的預(yù)備知識(shí)、Flash的基本概念及工作環(huán)境
多媒體技術(shù)的基本知識(shí)(了解,核心)
多媒體、多媒體的基本特征、多媒體技術(shù)主要處理對(duì)象、文件格式、多媒體創(chuàng)作工具、多媒體制作的方法步驟、多媒體作品的美學(xué)基礎(chǔ)(構(gòu)圖及色彩運(yùn)用等)。Flash的功能及特點(diǎn)(理解,核心)Flash 8.0新增功能(了解,核心)
Flash 8.0工作界面及主要面板(運(yùn)用,核心)
標(biāo)題欄、菜單欄、舞臺(tái)和工作區(qū)、工具面板、時(shí)間軸面板、屬性面板、設(shè)計(jì)面板(對(duì)齊、混色器、顏色樣本、信息、場(chǎng)景、變形)、開(kāi)發(fā)面板(動(dòng)作、行為、組件等)、2 其它面板(歷史記錄、影片瀏覽器、時(shí)間軸特效面板、濾鏡面板等)。介紹Flash幫助的使用(運(yùn)用,核心)共2學(xué)時(shí)
3.2 Flash中圖形的繪制
Flash的圖形類(lèi)型(理解,核心)Flash的各種繪圖工具(運(yùn)用,核心)
線條工具、鉛筆工具、矩形工具、橢圓工具、鋼筆工具、刷子工具、墨水瓶工具、顏料桶工具、文本工具。共1學(xué)時(shí)
3.3 Flash中對(duì)象的編輯處理
對(duì)象的選?。ㄟ\(yùn)用,核心)
選擇工具、部分選取工具、套索工具。對(duì)象的編輯(運(yùn)用,核心)
對(duì)象變形操作、圖形填充顏色的編輯、放射漸變顏色的編輯、位圖的填充與編輯、圖形對(duì)象的擦除、多個(gè)對(duì)象的編輯、視頻對(duì)象的導(dǎo)入與編輯。共1學(xué)時(shí)
3.4 Flash的基本動(dòng)畫(huà)
Flash中的基本概念(運(yùn)用,核心)
Flash中的元件分類(lèi)及特點(diǎn)、幀與時(shí)間軸面板、圖層和圖層夾、Flash動(dòng)畫(huà)的分類(lèi)。動(dòng)畫(huà)分類(lèi)及基本方法(運(yùn)用,核心)
逐幀動(dòng)畫(huà)的制作、動(dòng)作補(bǔ)間動(dòng)畫(huà)的制作、形狀補(bǔ)間動(dòng)畫(huà)的制作、時(shí)間軸面板、濾鏡面板的使用。共4學(xué)時(shí)
3.5 Flash制作圖層特效動(dòng)畫(huà)
圖層面板的功能及操作(運(yùn)用,核心)
圖層的顯示/隱藏、圖層的鎖定、圖層的線框顯示、復(fù)制圖層、刪除圖層。創(chuàng)建引導(dǎo)層并制作運(yùn)動(dòng)引導(dǎo)層動(dòng)畫(huà)(運(yùn)用,核心)創(chuàng)建遮罩圖層并制作遮罩動(dòng)畫(huà)(運(yùn)用,核心)共4學(xué)時(shí)
3.6 聲音、按鈕、腳本的綜合應(yīng)用
聲音的導(dǎo)入、編輯與使用(運(yùn)用,核心)聲音文件的導(dǎo)入、聲音文件的添加與編輯。Flash中按鈕的制作與使用(運(yùn)用,核心)
按鈕時(shí)間軸中4個(gè)關(guān)鍵幀:彈起幀、指針經(jīng)過(guò)幀、按下幀、點(diǎn)擊幀。Action動(dòng)作腳本的編寫(xiě)、動(dòng)作面板的使用(了解,核心)鼠標(biāo)事件、幀事件、簡(jiǎn)單Action動(dòng)作的應(yīng)用。聲音、按鈕、腳本的綜合制作(運(yùn)用,核心)
帶有(提示)聲音特效的按鈕制作、簡(jiǎn)單腳本的編寫(xiě)、播放器(按鈕組)的制作、給按鈕添加導(dǎo)航、行為面板的使用。共2學(xué)時(shí)
3.7 欣賞Flash動(dòng)畫(huà)及分析Flash動(dòng)畫(huà)的結(jié)構(gòu)
通過(guò)Flash動(dòng)畫(huà)欣賞,提高藝術(shù)鑒賞力及問(wèn)題分析的能力。(了解,可選)場(chǎng)景面板、時(shí)間軸面板、庫(kù)面板、影片瀏覽器的綜合使用。(運(yùn)用,核心)共1學(xué)時(shí)
3.8 Flash的綜合制作
各種工具、各種面板、各種媒體素材的綜合運(yùn)用與制作方法。(運(yùn)用,核心)相關(guān)工具軟件的基本功能及使用(了解,可選)
平面處理軟件Photoshop、矢量圖繪制軟件CorelDRAW、音頻處理軟件GoldWave、視頻處理軟件Premiere、網(wǎng)頁(yè)制作軟件Dreamweaver。Flash影片的結(jié)構(gòu)與層次的控制(運(yùn)用,核心)
? 元件的特點(diǎn)、分類(lèi)、關(guān)系、應(yīng)用。
? 場(chǎng)景動(dòng)畫(huà)的制作(Flash-MTV、場(chǎng)景、圖形元件、音頻:數(shù)據(jù)流、音頻的剪輯、混音等概念的綜合運(yùn)用)。
? 文件的結(jié)構(gòu)(場(chǎng)景、元件、庫(kù)、圖層/圖層夾、聲音、動(dòng)作、幀標(biāo)簽、按鈕等工具的綜合應(yīng)用)
? 文件的發(fā)布設(shè)置與導(dǎo)出。(文件的格式及壓縮)
? 文件的優(yōu)化(元件、矢量圖、實(shí)線條、填充色、濾鏡特效、位圖、音頻、視頻、動(dòng)畫(huà)的發(fā)布與導(dǎo)出等概念的綜合應(yīng)用)。共2學(xué)時(shí)
3.9 綜合設(shè)計(jì)
創(chuàng)作的基本步驟(理解,核心)
創(chuàng)意設(shè)計(jì)、制作過(guò)程。
綜合設(shè)計(jì)的內(nèi)容方法及文檔的撰寫(xiě)(理解,核心)
綜合設(shè)計(jì)任務(wù)書(shū)、綜合設(shè)計(jì)評(píng)價(jià)標(biāo)準(zhǔn)、綜合設(shè)計(jì)開(kāi)發(fā)文檔、綜合設(shè)計(jì)評(píng)價(jià)。共2學(xué)時(shí)
3.10 其它學(xué)時(shí)
機(jī)動(dòng)(學(xué)時(shí):1學(xué)時(shí))實(shí)驗(yàn)(學(xué)時(shí):12學(xué)時(shí))講授提示及方法
4.1 Flash的預(yù)備知識(shí)、Flash的基本概念及工作環(huán)境
重點(diǎn):多媒體技術(shù)的基本知識(shí)、Flash的功能及特點(diǎn)、Flash的基本環(huán)境、Flash幫助。難點(diǎn):Flash的各個(gè)面板的綜合運(yùn)用。
講授提示與方法:可通過(guò)多媒體作品瀏覽及Flash影片欣賞展開(kāi)教學(xué),不必拘泥于常規(guī)教學(xué)中的概念性介紹。教學(xué)預(yù)期目標(biāo)是:讓學(xué)生理解到只有注重多媒體技術(shù)的綜合性與系統(tǒng)性,注重相關(guān)知識(shí)、工具及美學(xué)的綜合運(yùn)用,才能做出具有內(nèi)涵和生命力的Flash作品。此外,強(qiáng)調(diào)Flash幫助的使用,有助于學(xué)生自學(xué)能力的培養(yǎng)。
4.2 Flash中圖形的繪制
重點(diǎn):Flash圖形類(lèi)型的概念及特點(diǎn)、Flash各種繪圖工具的基本使用方法。難點(diǎn):文件格式、各種工具的綜合運(yùn)用與美學(xué)知識(shí)的融合。
講授提示與方法:此教學(xué)內(nèi)容,學(xué)生們常常感到看著容易,做著難,做好更難?;诟鞣N工具的基本使用方法較簡(jiǎn)單,但與美學(xué)結(jié)合并進(jìn)行綜合性設(shè)計(jì)卻很難這一原因,該單元的講解應(yīng)結(jié)合具體的實(shí)例來(lái)進(jìn)行,并在此教學(xué)中融入美學(xué)思想,如平面構(gòu)圖、色彩構(gòu)成等內(nèi)容。
4.3 Flash中對(duì)象的編輯處理
重點(diǎn):對(duì)象的選取、對(duì)象的編輯。
難點(diǎn):各種工具的綜合運(yùn)用與美學(xué)知識(shí)的融合。
講授提示與方法:應(yīng)避免枯燥的知識(shí)點(diǎn)羅列式講解,應(yīng)結(jié)合具體的實(shí)例來(lái)進(jìn)行教學(xué),并在此教學(xué)中融入美學(xué)思想,如平面構(gòu)圖、色彩構(gòu)成等內(nèi)容。若時(shí)間充裕,還可在教學(xué)內(nèi)容 中引入經(jīng)典Flash影片,分析其繪制的方法。
4.4 Flash的基本動(dòng)畫(huà)
重點(diǎn):逐幀動(dòng)畫(huà)、動(dòng)作補(bǔ)間動(dòng)畫(huà)、形狀補(bǔ)間動(dòng)畫(huà)、時(shí)間軸面板。難點(diǎn):Flash中的元件分類(lèi)及特點(diǎn)。
講授提示與方法:此單元的概念性很強(qiáng)、實(shí)踐性也很強(qiáng)。教學(xué)中一定要概念清晰,具體制作時(shí)都應(yīng)強(qiáng)調(diào)相關(guān)概念,以便于學(xué)生在實(shí)踐中吸收并強(qiáng)化本教學(xué)內(nèi)容。此外,由于軟件環(huán)境復(fù)雜,學(xué)生可能會(huì)感到手忙腳亂,不知所措;同時(shí),由于此單元已進(jìn)入到具體的動(dòng)畫(huà)制作環(huán)節(jié),學(xué)生會(huì)很感興趣。教師應(yīng)注重利用該特點(diǎn),耐心講解,積極引導(dǎo),注意保護(hù)學(xué)生的學(xué)習(xí)熱情。
4.5 Flash制作圖層特效動(dòng)畫(huà)
重點(diǎn):創(chuàng)建引導(dǎo)層并制作運(yùn)動(dòng)引導(dǎo)層動(dòng)畫(huà)、創(chuàng)建遮罩圖層并制作遮罩動(dòng)畫(huà)。難點(diǎn):引導(dǎo)層的概念、遮罩圖層的概念。
講授提示與方法:該教學(xué)單元是本課程的重點(diǎn)和難點(diǎn),應(yīng)注重強(qiáng)調(diào)引導(dǎo)層、遮罩圖層的概念,并在具體的設(shè)計(jì)中靈活運(yùn)用。對(duì)于引導(dǎo)層動(dòng)畫(huà),應(yīng)強(qiáng)調(diào)引導(dǎo)層與被引導(dǎo)層間的引導(dǎo)關(guān)系。對(duì)于遮罩動(dòng)畫(huà),應(yīng)強(qiáng)調(diào)遮罩圖層與被遮圖層間的遮擋關(guān)系。此外,還應(yīng)注重深入講解元件在Flash影片中的使用。推薦教學(xué)案例如下。
? 引導(dǎo)層動(dòng)畫(huà)案例:“梁祝”、“落葉”。
? 遮罩層動(dòng)畫(huà)案例:打字或?qū)懽中Ч?、放大鏡效果、聚光燈(或探照燈)效果。? 引導(dǎo)層動(dòng)畫(huà)、遮罩層動(dòng)畫(huà)的綜合案例:“激光刻字”、“衛(wèi)星環(huán)繞地球運(yùn)行”。
4.6 聲音、按鈕、腳本的綜合應(yīng)用
重點(diǎn):聲音的導(dǎo)入與使用、Flash中按鈕的制作與使用、Action動(dòng)作腳本的編寫(xiě)。難點(diǎn):聲音的編輯、Action動(dòng)作腳本的編寫(xiě)及綜合制作。
講授提示與方法:本教學(xué)內(nèi)容是本課程中的難點(diǎn)。在Flash中,導(dǎo)入了多種媒體(位圖、音頻、視頻),加入了交互功能(按鈕、腳本),使得Flash具有了多媒體的特征,這使得Flash的制作具有了系統(tǒng)性、綜合性,使得Flash的學(xué)習(xí)更有趣也更復(fù)雜。建議,結(jié)合多媒體技術(shù)的基本特征來(lái)展開(kāi)教學(xué),對(duì)于具體的知識(shí)點(diǎn)講解的深入程度可視學(xué)生的學(xué)習(xí)能力而定,不要過(guò)于專(zhuān)業(yè)。
4.7 欣賞Flash動(dòng)畫(huà)及分析Flash動(dòng)畫(huà)的結(jié)構(gòu)
重點(diǎn):影片結(jié)構(gòu)分析、場(chǎng)景面板、時(shí)間軸面板、庫(kù)面板、影片瀏覽器的綜合使用。難點(diǎn):影片結(jié)構(gòu)分析,各種工具的使用。
講授提示與方法:欣賞影片使得該單元的教學(xué)內(nèi)容看似輕松,分析結(jié)構(gòu)又會(huì)使得該單元的教學(xué)具有深刻意義。該教學(xué)教學(xué)內(nèi)容難度大、綜合性強(qiáng),對(duì)教師要求很高,教學(xué)準(zhǔn)備工作一定要充分。提供的影片不但要經(jīng)典而優(yōu)美、有聲有色,還應(yīng)功能全面、有交互、有實(shí)用 性、結(jié)構(gòu)合理、設(shè)計(jì)風(fēng)格良好,分析影片的方法手段要多樣且靈活,工具的使用要合理而綜合。該單元的教學(xué)目標(biāo)是:學(xué)生能夠理解并掌握分析影片的基本方法,并以此提高其設(shè)計(jì)能力。
4.8 Flash的綜合制作
重點(diǎn):各種工具、面板及各種媒體素材的綜合運(yùn)用與制作方法、Flash影片的結(jié)構(gòu)與層次的控制。
難點(diǎn):Flash影片的結(jié)構(gòu)與層次的控制、相關(guān)工具軟件的基本功能及使用。
講授提示與方法:該單元教學(xué)的知識(shí)外延性很強(qiáng),除要求教師對(duì)Flash的各種工具運(yùn)用很靈活,并有豐富的實(shí)踐經(jīng)驗(yàn)和較高的理論指導(dǎo)外,還要求教師對(duì)多媒體技術(shù)中的經(jīng)典軟件有較深刻的理解。該單元的教學(xué)目標(biāo)是為了擴(kuò)展與提高。對(duì)學(xué)生的基本要求是:了解或理解即可,不宜要求過(guò)高。
4.9 綜合設(shè)計(jì)
重點(diǎn):創(chuàng)作的基本步驟、文檔的內(nèi)容。
難點(diǎn):Flash動(dòng)畫(huà)制作(軟件開(kāi)發(fā))的工程化。
講授提示與方法:通過(guò)一個(gè)綜合設(shè)計(jì),將該課程的重要概念綜合運(yùn)用到工程實(shí)踐中去。結(jié)合該設(shè)計(jì),深入講解Flash(多媒體)創(chuàng)作的基本步驟和方法,并應(yīng)強(qiáng)調(diào)Flash的創(chuàng)作(軟件的開(kāi)發(fā))應(yīng)是工程化的。
補(bǔ)充:
? 此綜合設(shè)計(jì)作為本課程期末總評(píng)成績(jī)?cè)u(píng)分的重要依據(jù),是對(duì)本課程學(xué)習(xí)的重要總結(jié)與綜合應(yīng)用。
? 此綜合設(shè)計(jì)與中國(guó)教育部考試中心全國(guó)計(jì)算機(jī)應(yīng)用技術(shù)證書(shū)考試(NIT)結(jié)合緊密,可以說(shuō)是學(xué)生們參加NIT考試的一次實(shí)戰(zhàn)模擬。習(xí)題與實(shí)驗(yàn)設(shè)計(jì)
5.1習(xí)題設(shè)計(jì)
《Flash動(dòng)畫(huà)制作》是一門(mén)實(shí)踐性、綜合性很強(qiáng)的計(jì)算機(jī)類(lèi)課程。基于該特點(diǎn),設(shè)定學(xué)生的作業(yè)及期末考核形式為綜合設(shè)計(jì)。即,在開(kāi)學(xué)初由任課教師給出設(shè)計(jì)題目,并提出具體要求,布置一個(gè)大的綜合作業(yè)。學(xué)生在實(shí)驗(yàn)課及課后的自由上機(jī)實(shí)踐中,應(yīng)圍繞這一題目,將課堂案例再現(xiàn),并在重新設(shè)計(jì)中融入自己的創(chuàng)意。例如:該綜合設(shè)計(jì)的題目為“青春鐫語(yǔ)網(wǎng)站的首頁(yè)動(dòng)畫(huà)”,有一具體要求是導(dǎo)入背景聲音。學(xué)生則應(yīng)在相關(guān)課程(聲音的導(dǎo)入、編輯與使用)結(jié)束后,針對(duì)該要求進(jìn)行制作。目的是:即學(xué)即用,循序漸進(jìn),逐步完善,最終完成一個(gè)具有實(shí)用價(jià)值的Flash作品。
通過(guò)學(xué)生完成作業(yè)的情況,了解學(xué)生對(duì)知識(shí)的理解和掌握情況,以及學(xué)生在Flash動(dòng)畫(huà) 設(shè)計(jì)中的思維方式,針對(duì)存在的問(wèn)題作進(jìn)一步的講解和啟發(fā),使學(xué)生對(duì)所學(xué)知識(shí)能夠達(dá)到融會(huì)貫通。
5.2 實(shí)驗(yàn)設(shè)計(jì)
共8個(gè)實(shí)驗(yàn),總計(jì)14學(xué)時(shí)。
實(shí)驗(yàn)一:Flash動(dòng)畫(huà)欣賞,熟悉軟件環(huán)境(1學(xué)時(shí))
1、通過(guò)Flash動(dòng)畫(huà)欣賞,了解該軟件的功能并熟悉軟件環(huán)境;
2、掌握舞臺(tái)、工作區(qū)、時(shí)間軸、幀和關(guān)鍵幀的概念,了解制作Flash動(dòng)畫(huà)的基本流程;
3、學(xué)習(xí)Flash幫助的使用。實(shí)驗(yàn)類(lèi)型:演示
實(shí)驗(yàn)二:圖形的繪制與對(duì)象的編輯處理(1學(xué)時(shí))
1、學(xué)會(huì)設(shè)置筆觸顏色和填充顏色,能使用繪圖工具繪制簡(jiǎn)單的圖形,掌握復(fù)制和移動(dòng)圖形、對(duì)圖形進(jìn)行變形的操作,掌握繪制各種藝術(shù)字的技巧;
2、通過(guò)制作一個(gè)逐幀動(dòng)畫(huà),了解逐幀動(dòng)畫(huà)的特點(diǎn),學(xué)會(huì)制作逐幀動(dòng)畫(huà),同時(shí)進(jìn)一步認(rèn)識(shí)幀、關(guān)鍵幀、圖層的概念。實(shí)驗(yàn)類(lèi)型:演示
實(shí)驗(yàn)三:制作運(yùn)動(dòng)漸變動(dòng)畫(huà)(2學(xué)時(shí))
1、學(xué)會(huì)使用箭頭工具截取線條的方法,學(xué)會(huì)設(shè)置簡(jiǎn)單的立體效果,學(xué)會(huì)設(shè)置漸變色填充效果;
2、了解元件和實(shí)例的概念,掌握制作圖形元件的方法;
3、初步掌握制作運(yùn)動(dòng)漸變動(dòng)畫(huà)的過(guò)程;
4、會(huì)使用繪圖紙功能觀察對(duì)象的運(yùn)動(dòng)軌跡、顯示和修改多個(gè)關(guān)鍵幀的方法;
5、體會(huì)變速運(yùn)動(dòng)的設(shè)置方法和效果。實(shí)驗(yàn)類(lèi)型:設(shè)計(jì)
實(shí)驗(yàn)四:制作形狀漸變動(dòng)畫(huà)(2學(xué)時(shí))
1、由淺入深地學(xué)習(xí)形狀漸變動(dòng)畫(huà)的制作方法;
2、掌握控制形狀漸變趨勢(shì)的方法。實(shí)驗(yàn)類(lèi)型:設(shè)計(jì)
實(shí)驗(yàn)五:制作圖層特效動(dòng)畫(huà)——運(yùn)動(dòng)引導(dǎo)層動(dòng)畫(huà)(2學(xué)時(shí))
1、理解引導(dǎo)線圖層的概念;
2、學(xué)會(huì)用引導(dǎo)線圖層創(chuàng)建圖層特效動(dòng)畫(huà);
3、掌握創(chuàng)建和使用影片剪輯元件的方法。實(shí)驗(yàn)類(lèi)型:設(shè)計(jì)
實(shí)驗(yàn)六:制作圖層特效動(dòng)畫(huà)——遮罩圖層動(dòng)畫(huà)(2學(xué)時(shí))
1、理解遮罩圖層的概念;
2、學(xué)會(huì)用遮罩圖層創(chuàng)建圖層特效動(dòng)畫(huà);
3、深入掌握創(chuàng)建和使用影片剪輯元件的方法。實(shí)驗(yàn)類(lèi)型:設(shè)計(jì)
實(shí)驗(yàn)七:聲音、按鈕與腳本的綜合應(yīng)用(2學(xué)時(shí))
1、學(xué)會(huì)制作動(dòng)態(tài)變化的按鈕元件,并在動(dòng)畫(huà)中使用按鈕;
2、了解Flash中的兩種聲音類(lèi)型(背景聲音和事件聲音)各自的特點(diǎn)及作用;
3、掌握編輯聲音的方法,以及如何在動(dòng)畫(huà)中運(yùn)用聲音。實(shí)驗(yàn)八:綜合設(shè)計(jì)(2學(xué)時(shí))
1、掌握Flash動(dòng)畫(huà)制作的基本制作技巧;
2、通過(guò)綜合設(shè)計(jì),將該該課程中的重要概念整合起來(lái);
3、提高網(wǎng)頁(yè)設(shè)計(jì)能力,強(qiáng)化學(xué)生的分析能力及設(shè)計(jì)能力;
4、此綜合設(shè)計(jì)與NIT考試結(jié)合緊密,可為參加相關(guān)的NIT考試作好準(zhǔn)備。實(shí)驗(yàn)類(lèi)型:綜合設(shè)計(jì)
注:視學(xué)生情況從中選作7個(gè)實(shí)驗(yàn)??己伺c成績(jī)記載
6.1 考核的方式及成績(jī)的評(píng)定
該課程是實(shí)踐性很強(qiáng)的計(jì)算機(jī)類(lèi)課程,不適于筆試考試方式,常規(guī)的(期末成績(jī))考核方式是“綜合設(shè)計(jì)”(參照NIT考試)。即由教師給出《綜合設(shè)計(jì)任務(wù)書(shū)》及《綜合設(shè)計(jì)評(píng)價(jià)標(biāo)準(zhǔn)》,要求學(xué)生按要求提交綜合設(shè)計(jì)及開(kāi)發(fā)文檔等相關(guān)電子文件??偝煽?jī)折合方式為:
總成績(jī)(滿(mǎn)分100分)=期末成績(jī)(滿(mǎn)分100分)×60%+平時(shí)成績(jī)(滿(mǎn)分100分)×40% 綜合設(shè)計(jì)的提交形式可選用以下兩個(gè)方案:
? 自由提交,即按指定時(shí)間在網(wǎng)上傳送。此方案可保障學(xué)生有充分的準(zhǔn)備及制作的時(shí)間,以完成較高質(zhì)量的作品。
? 統(tǒng)一機(jī)考,即現(xiàn)場(chǎng)制作,即時(shí)提交。此方案便于教師閱卷評(píng)分,缺點(diǎn)是考試時(shí)間有限,學(xué)生作品規(guī)模很小,且質(zhì)量難以保障。此外,任課教師在任課期間,應(yīng)對(duì)學(xué)生的出勤以及實(shí)驗(yàn)課的學(xué)習(xí)進(jìn)行了嚴(yán)格考核,并作出詳細(xì)記載(平時(shí)成績(jī)?cè)u(píng)定方法,詳見(jiàn)《Flash動(dòng)畫(huà)制作》課程實(shí)驗(yàn)教學(xué)大綱);對(duì)于綜合設(shè)計(jì)也應(yīng)給出詳細(xì)的評(píng)分標(biāo)準(zhǔn),評(píng)定成績(jī)時(shí)將按此規(guī)定嚴(yán)格評(píng)分,以確保評(píng)分的公正、嚴(yán)格。
6.2 考題的設(shè)計(jì)
綜合設(shè)計(jì)題目由教師自擬。例如:“分形頻道”網(wǎng)站標(biāo)志動(dòng)畫(huà)、“青春鐫語(yǔ)”網(wǎng)站首頁(yè)動(dòng)畫(huà)、公司廣告、Flash版MTV。要求學(xué)生使用Flash作為創(chuàng)作工具,按照多媒體創(chuàng)作的基本步驟進(jìn)行創(chuàng)意設(shè)計(jì),并按要求提交相關(guān)文檔。該綜合設(shè)計(jì),應(yīng)綜合運(yùn)用Flash的各種工具及設(shè)計(jì)技巧,并能結(jié)合動(dòng)畫(huà)美學(xué),作品美觀、賞心悅目、富有情趣、主題鮮明、思想深刻、設(shè)計(jì)風(fēng)格良好。
教師應(yīng)從以下幾方面對(duì)該同學(xué)的綜合設(shè)計(jì)進(jìn)行綜合評(píng)價(jià)并合理評(píng)分。學(xué)生可按以下標(biāo)準(zhǔn)完成本次綜合設(shè)計(jì)。(按滿(mǎn)分100分計(jì),乘以60%,折合為總成績(jī)的60分)
一、設(shè)計(jì)內(nèi)容(滿(mǎn)分50分)? 創(chuàng)意思想(15分)
? 設(shè)計(jì)效果(20分)? 設(shè)計(jì)風(fēng)格(15分)
第二篇:Flash動(dòng)畫(huà)教案
第一章
初識(shí)Flash 第一講(第一周2學(xué)時(shí))課題名稱(chēng):初識(shí)Flash 目的要求:主要介紹Flash的用途以及基本操作,包括認(rèn)識(shí)Flash、啟動(dòng)和退出Flash、認(rèn)識(shí)Flash的操作界面以及設(shè)置個(gè)性化操作界面。教學(xué)過(guò)程:
一、軟件介紹(參見(jiàn)書(shū)第2頁(yè)、第3頁(yè)、第4頁(yè))
Flash是一款設(shè)計(jì)和制作二維動(dòng)畫(huà)的專(zhuān)業(yè)軟件,它采用了網(wǎng)絡(luò)流式媒體技術(shù)(即允許用戶(hù)在動(dòng)畫(huà)文件全部下載完之前播放已下載的部分,并在不知不覺(jué)中下載剩余的動(dòng)畫(huà)文件),突破了網(wǎng)絡(luò)帶寬的限制,能在網(wǎng)絡(luò)上快速地播放動(dòng)畫(huà),并實(shí)現(xiàn)動(dòng)畫(huà)交互。
Flash之所以能占據(jù)網(wǎng)絡(luò)多媒體的重要位置,最重要的一點(diǎn)是因?yàn)樗捎昧耸噶考夹g(shù)(即基于矢量圖形的Flash動(dòng)畫(huà),即使隨意縮放其尺寸,也不會(huì)影響圖像的質(zhì)量)。
Flash與當(dāng)今最流行的網(wǎng)頁(yè)設(shè)計(jì)工具Dreamweaver配合默契,F(xiàn)lash動(dòng)畫(huà)可以直接潛入由Dreamweaver制作的網(wǎng)頁(yè)的任意位置,非常方便。
二、Flash的基本功能(補(bǔ)充)
1、繪制矢量圖形
在Flash中創(chuàng)建的圖形均為矢量圖形,基于矢量的繪圖同分辨率無(wú)關(guān),這意味著它們可以按最高分辨率顯示與輸出。如果在Flash中導(dǎo)入位圖文件(執(zhí)行“文件/導(dǎo)入/導(dǎo)入到舞臺(tái)”【Ctrl+R】,將外部程序生成的文件導(dǎo)入到當(dāng)前文檔的舞臺(tái)上;或者執(zhí)行“文件/導(dǎo)入/導(dǎo)入到庫(kù)”,將外部程序生成的文件導(dǎo)入到當(dāng)前文檔的“庫(kù)”面板中,可以隨時(shí)調(diào)取使用),那么既可以位圖形式在Flash中使用,也可以將其轉(zhuǎn)換為矢量圖形使用(修改/位圖/轉(zhuǎn)換位圖為矢量圖)。參數(shù)介紹: “顏色閾值”:表示色彩臨界值,數(shù)值越高,轉(zhuǎn)換文件需要的時(shí)間越長(zhǎng),文件也越大。“最小區(qū)域”:當(dāng)分配顏色給像素時(shí),通過(guò)該選項(xiàng)設(shè)置周邊像素?cái)?shù)目。“曲線擬合”:是繪制輪廓的方法。以像素為單位繪制的效果好,但轉(zhuǎn)換后形成的文件較大?!敖情撝怠保罕硎巨D(zhuǎn)角臨界值,轉(zhuǎn)角越多,圖越平滑,文件也越大。
參數(shù)設(shè)置不同,轉(zhuǎn)換后的效果不同。如果希望轉(zhuǎn)換后的圖像與原圖非常接近,可參考以下數(shù)值:
“顏色閾值”:10
“最小區(qū)域”:1像素 “曲線擬合”:像素
“角閾值”:較多轉(zhuǎn)角 實(shí)訓(xùn)一
快速制作矢量圖形
通常情況下,矢量圖是通過(guò)軟件繪制出來(lái)的,但是這需要對(duì)工具有一定的了解。在Flash中有一種不需要通過(guò)繪制工具就可以制作矢量圖形的方法,那就是將位圖轉(zhuǎn)換為矢量圖。前提是需要準(zhǔn)備一副位圖。
一、創(chuàng)建空白文檔,將素材導(dǎo)入舞臺(tái);
二、執(zhí)行“修改”/“位圖”/“轉(zhuǎn)換位圖為矢量圖”命令,發(fā)現(xiàn)對(duì)象選中的顯示方式有所變化(呈現(xiàn)出散點(diǎn)狀);
三、在舞臺(tái)外部區(qū)域單擊取消對(duì)象的選擇,發(fā)現(xiàn)位圖變成矢量圖形,位圖圖像中的一些小細(xì)節(jié)被刪除。
2、元件功能
之所以說(shuō)Flash文件小,除了是基于矢量,還因?yàn)樵贔lash中可以重復(fù)使用元件的關(guān)系。將圖像轉(zhuǎn)換為元件(修改/轉(zhuǎn)換為元件,F(xiàn)8),在“庫(kù)”面板中只有一個(gè)元件,但是可以重復(fù)拖入場(chǎng)景成為“元件實(shí)例”使用,并且還可以進(jìn)行任意縮放,但不明顯增加文件體積。實(shí)例是元件在場(chǎng)景中的應(yīng)用,每個(gè)實(shí)例都可以有不同的顏色和大小。實(shí)例二
將舞臺(tái)物件轉(zhuǎn)換為圖形元件 實(shí)例三
設(shè)置實(shí)例的屬性
3、濾鏡功能
從Flash8開(kāi)始添加了濾鏡功能(窗口/屬性/濾鏡),該功能可以制作出許多意想不到的效果。比如發(fā)光、投影、模糊、斜角等效果。需要注意的是濾鏡只能應(yīng)用于文本、影片剪輯和按鈕。要使用濾鏡功能,需要先在舞臺(tái)上選擇文本,然后進(jìn)入濾鏡面板,單擊添加濾鏡按鈕,從彈出的菜單中選擇相應(yīng)的濾鏡選項(xiàng)。對(duì)象每添加一個(gè)新的濾鏡,在屬性檢查器中,就會(huì)將其添加到該對(duì)象所應(yīng)用的濾鏡列表中??梢詫?duì)一個(gè)對(duì)象應(yīng)用多個(gè)濾鏡,也可以刪除以前應(yīng)用的濾鏡。
實(shí)例四
制作投影字
4、動(dòng)畫(huà)功能
動(dòng)畫(huà)是Flash最基本、也是最主要的功能,在Flash中可以制作逐幀動(dòng)畫(huà)、形狀動(dòng)畫(huà)與補(bǔ)間動(dòng)畫(huà)。還有一種特殊的動(dòng)畫(huà),就是按鈕。按鈕動(dòng)畫(huà)中只有4幀,分別為“彈起”、“指針經(jīng)過(guò)”、“按下”與“點(diǎn)擊”,每一幀都有其自身的功能。實(shí)例五
五角星變?yōu)閳A形
第一章 初識(shí)Flash 第二講(第一周 2學(xué)時(shí))課題名稱(chēng):制作動(dòng)畫(huà)前的準(zhǔn)備
目的要求:主要介紹制作動(dòng)畫(huà)前的準(zhǔn)備工作,包括文檔的新建、保存、關(guān)閉和打開(kāi)、設(shè)置動(dòng)畫(huà)環(huán)境、如何獲取素材和設(shè)置首選參數(shù)的方法等。教學(xué)過(guò)程:
三、Flash的工作界面(參見(jiàn)書(shū)第8頁(yè))
成功安裝并啟動(dòng)Flash后,默認(rèn)情況下,其主界面包括“標(biāo)題欄”、“菜單欄”、“工具箱”以及“時(shí)間軸”、“場(chǎng)景”、“屬性”、“庫(kù)”面板等元素。
窗口右側(cè)卷簾面板區(qū)左側(cè)中間的“向右的三角形”按鈕,可將卷簾調(diào)板收縮;單擊“動(dòng)作面板”和“屬性面板”上方的折疊按鈕,也可將這兩個(gè)面板向下折疊,從而放大工作區(qū)范圍。按F4鍵可以將窗口中的各種面板暫時(shí)隱藏,使工作區(qū)范圍擴(kuò)大,從而方便編輯和查看;再次按下F4鍵可恢復(fù)操作面板顯示。
1、時(shí)間軸(參見(jiàn)書(shū)第6頁(yè))
“時(shí)間軸”是編輯動(dòng)畫(huà)的地方,是幀排列的地方,是用于組織和控制動(dòng)畫(huà)的地方。Flash將時(shí)間分割成許多同樣的小塊,每一塊表示一幀,在時(shí)間軸上對(duì)應(yīng)的是一個(gè)小格,由左向右按順序逐幀播放就形成了動(dòng)畫(huà)。
“時(shí)間軸”面板是由幀(幀管理區(qū))、圖層(層管理區(qū))和播放指針(幀指針?biāo)诘奈恢镁褪莿?dòng)畫(huà)播放的位置)組成的。時(shí)間軸用于組織動(dòng)畫(huà)各幀的內(nèi)容,并且可以控制動(dòng)畫(huà)每幀每層顯示的內(nèi)容,還可以顯示動(dòng)畫(huà)播放的速率等信息。單擊右上角的“幀視圖”按鈕,打開(kāi)的菜單中包含許多控制幀視圖的命令。
2、動(dòng)畫(huà)編輯舞臺(tái)(參見(jiàn)書(shū)第11頁(yè))
動(dòng)畫(huà)編輯舞臺(tái)位于窗口的正中位置,可以進(jìn)行動(dòng)畫(huà)的編輯制作,這是動(dòng)畫(huà)展示的舞臺(tái)??梢酝ㄟ^(guò)執(zhí)行“修改/ 文檔”,【Ctrl+J】,或者通過(guò)“屬性”面板設(shè)置和改變舞臺(tái)的大小、色彩等參數(shù),默認(rèn)狀態(tài)下,舞臺(tái)的尺寸為550×400像素。當(dāng)舞臺(tái)被放大后,可能無(wú)法看到整個(gè)舞臺(tái),利用工具箱中的“手形”工具移動(dòng)舞臺(tái)查看視圖,也可以通過(guò)更改縮放比率查看完整的視圖(視圖/縮放比率)。
四、Flash的基本操作
無(wú)論是在Flash中繪制矢量圖形,還是創(chuàng)建動(dòng)畫(huà),都必須首先創(chuàng)建文檔,最后保存文檔。新建文檔(參見(jiàn)書(shū)第16頁(yè)、第20頁(yè))
Flash中的新建命令包括兩種情況:常規(guī)與模板,并且每一種情況中還包括多種類(lèi)型,這樣才能創(chuàng)建出多種多樣的動(dòng)畫(huà)。
在Flash中執(zhí)行“文件”/“新建”命令,在默認(rèn)情況下創(chuàng)建的是常規(guī)的Flash文件。當(dāng)創(chuàng)建空白Flash文件后,文檔屬性是默認(rèn)的。要想查看甚至修改文檔屬性,可以執(zhí)行“修改”/“文檔”命令(Ctrl+J)。在“文檔屬性”對(duì)話框中,可以設(shè)置文檔的標(biāo)題、尺寸、背景顏色等選項(xiàng);還可以設(shè)置“幀頻”選項(xiàng),該選項(xiàng)用于設(shè)置每秒顯示的動(dòng)畫(huà)幀的數(shù)量。對(duì)于大多數(shù)計(jì)算機(jī)顯示的動(dòng)畫(huà),特別是網(wǎng)站中播放的動(dòng)畫(huà),8fps~12fps就足夠了。實(shí)例六
創(chuàng)建文件,并設(shè)置參數(shù)
創(chuàng)建常規(guī)空白動(dòng)畫(huà)文件,設(shè)置其中的寬度為500像素,高度為300像素,幀頻為24fps,背景顏色為綠色#00ccff。
當(dāng)打開(kāi)“新建文件”對(duì)話框后,切換到“模板”選項(xiàng)卡,該列表中的選項(xiàng)是預(yù)先設(shè)置好的特殊的Flash文件,它為Flash文檔的最終創(chuàng)建提供了一個(gè)基礎(chǔ)框架。實(shí)訓(xùn)七
快速制作幻燈片動(dòng)畫(huà)
幻燈片動(dòng)畫(huà)通過(guò)交替顯示來(lái)展示圖像,在顯示圖像時(shí),幻燈片動(dòng)畫(huà)既可以自動(dòng)播放,也可以通過(guò)手動(dòng)逐一顯示圖像。
一、執(zhí)行“文件/新建”命令,在對(duì)話框中切換到“模板”選項(xiàng)卡,選擇“照片幻燈片放映”選項(xiàng),單擊確定按鈕,創(chuàng)建模板文檔并且加以保存。
二、由于該模板文檔是一個(gè)完整的動(dòng)畫(huà),所以保存后即可預(yù)覽效果(“控制/ 測(cè)試影片”,Ctrl+Enter)。要想播放自己的照片,執(zhí)行“文件/導(dǎo)入/導(dǎo)入到庫(kù)”命令,將素材圖片導(dǎo)入到庫(kù)。
三、在“時(shí)間軸”面板中找到圖像所在圖層,并且選中第一幅圖像,執(zhí)行“修改/ 位圖/交換位圖”,或者單擊“屬性”面板中的“交換”按鈕,在“交換圖像”對(duì)話框列表中選擇要展示的圖像文件名稱(chēng),單擊“確定”按鈕即可在原位置交換圖像。
2、保存文檔(參見(jiàn)書(shū)17頁(yè))
執(zhí)行“文件”/“保存”命令,將Flash文件保存為fla格式的文件。Flash中一個(gè)完整的動(dòng)畫(huà)文件包括兩種格式的文件,一個(gè)是源文件,格式為fla,另一個(gè)是瀏覽文件,格式為swf。后者只作為瀏覽動(dòng)畫(huà)使用,不能夠編輯,生成方法是執(zhí)行“控制”“測(cè)試影片”/命令(Ctrl+Enter)。
3、設(shè)置場(chǎng)景
在Flash中構(gòu)成動(dòng)畫(huà)的所有元素都包括在場(chǎng)景中,所以場(chǎng)景在動(dòng)畫(huà)制作中是不可缺少的部分。場(chǎng)景是分隔動(dòng)畫(huà)的方式,可以把復(fù)雜的動(dòng)畫(huà)進(jìn)行分隔、分類(lèi)管理。就如同戲劇演出一樣,因?yàn)樾枰鼡Q背景或時(shí)間,所以要將一整出戲分成一段段、一節(jié)節(jié)。
時(shí)間軸可以根據(jù)動(dòng)畫(huà)的長(zhǎng)度不斷延伸,但是動(dòng)畫(huà)設(shè)定的時(shí)間過(guò)長(zhǎng)時(shí),尋找和查看都很困難。如果將動(dòng)畫(huà)按照一定的內(nèi)容進(jìn)行歸類(lèi)或分段,并分別放在不同的場(chǎng)景中,不但方便尋找和查看,也可以快速地調(diào)換順序。
當(dāng)一段動(dòng)畫(huà)包含多個(gè)場(chǎng)景時(shí),在沒(méi)有經(jīng)過(guò)特別設(shè)定的情況下,場(chǎng)景會(huì)按順序自動(dòng)播放,即播放器會(huì)在播放完第一個(gè)場(chǎng)景后自動(dòng)播放下一個(gè)場(chǎng)景的內(nèi)容,直至播放完最后一個(gè)場(chǎng)景。在默認(rèn)情況下,F(xiàn)lash中只有一個(gè)場(chǎng)景。通過(guò)執(zhí)行“窗口”/“其他面板”/“場(chǎng)景”命令,可以查看場(chǎng)景個(gè)數(shù),進(jìn)行場(chǎng)景的添加、復(fù)制、刪除、順序調(diào)整等操作。要?jiǎng)?chuàng)景第二個(gè)場(chǎng)景,可以執(zhí)行“插入”/“場(chǎng)景”命令。提示:
一個(gè)動(dòng)畫(huà)文檔無(wú)論有多少個(gè)場(chǎng)景,只能有一個(gè)背景色和一個(gè)幀頻率。實(shí)訓(xùn)八
四季的故事
四幅圖像相互交替顯示的動(dòng)畫(huà)。
一、將四幅圖像文件導(dǎo)入Flash庫(kù);
二、將一副圖像拖入默認(rèn)“場(chǎng)景1”的舞臺(tái)中間位置;
三、在“場(chǎng)景”面板中分別創(chuàng)建“場(chǎng)景2”、“場(chǎng)景3”、“場(chǎng)景4”,并且在場(chǎng)景中將“庫(kù)”面板中的圖像拖入舞臺(tái)中間位置;
四、保存文檔,按快捷鍵Ctrl+Enter即可預(yù)覽動(dòng)畫(huà)。
思考與練習(xí)
一、填空題
1、“時(shí)間軸”面板分為左右兩個(gè)區(qū)域,左側(cè)為(),右側(cè)為時(shí)間軸控制區(qū)。
2、Flash中的()可以重復(fù)拖入場(chǎng)景中使用,還可以進(jìn)行任意縮放。
3、創(chuàng)建一個(gè)常規(guī)的Flash動(dòng)畫(huà)文件,默認(rèn)名稱(chēng)為()。
4、在默認(rèn)情況下,舞臺(tái)的寬為()像素,高為()像素。
5、模板就是預(yù)先設(shè)置好的特殊的Flash文檔,它為Flash文檔的最終創(chuàng)建提供一個(gè)()。
二、選擇題
1、時(shí)間軸用于組織和控制影片內(nèi)容在一定時(shí)間段播放的()A,層數(shù)和次數(shù)
B,層數(shù)和幀數(shù)
C,次數(shù)和幀數(shù)
D,以上都不對(duì)
2、默認(rèn)的幀頻為()幀/秒 A,10
B,11
C,12
D,13
3、使用下面哪種方法新建動(dòng)畫(huà)文件時(shí)不能選擇新的文件類(lèi)型()
A,使用開(kāi)始頁(yè)新建動(dòng)畫(huà)文件時(shí)
B,使用菜單命令新建動(dòng)畫(huà)文件時(shí) C,使用按鈕工具新建動(dòng)畫(huà)文件時(shí)
D,以上都不對(duì)
4、要臨時(shí)在其他工具和“手形工具”之間切換,可以按?。ǎ〢,Ctrl
B,Alt
C,Shift
D,空格鍵
三、問(wèn)答題
1、濾鏡功能只能應(yīng)用于哪些對(duì)象?
2、按鈕動(dòng)畫(huà)中有幾幀?分別是什么?
參考答案:
一、填空題
1、圖層控制區(qū)
2、元件
3、未命名-1 4、550 400
5、基礎(chǔ)框架
二、選擇題
1、B
2、C
3、C
4、D
三、問(wèn)答題
1、濾鏡功能只能應(yīng)用于文本、影片剪輯和按鈕。
2、按鈕動(dòng)畫(huà)有4幀,分別是“彈起”、“指針經(jīng)過(guò)”、“按下”與“點(diǎn)擊”。
第二章 繪制圖形
第一講(第二周 2學(xué)時(shí))課題名稱(chēng):填充圖形顏色
目的要求:主要介紹了填充圖形顏色的操作,包括墨水瓶工具、顏料桶工具、混色器、填充變形工具和滴管工具的使用方法等。教學(xué)過(guò)程:
使用Flash制作動(dòng)畫(huà)及圖形對(duì)象時(shí),需要?jiǎng)?chuàng)建許多動(dòng)畫(huà)角色和圖像。創(chuàng)建這些對(duì)象主要通過(guò)兩種方式來(lái)實(shí)現(xiàn),一種是使用工具箱中的工具進(jìn)行繪制(要求熟練掌握Flash提供的繪圖工具,當(dāng)然還要求設(shè)計(jì)者具有一定的美術(shù)功底);另一種是直接導(dǎo)入外部圖像文件。
Flash提供了許多實(shí)用的圖形繪制工具,學(xué)習(xí)這些工具的使用方法是全面學(xué)習(xí)Flash的基礎(chǔ)。Flash的各種圖形繪制工具都被集中放置在“工具箱”中,而“工具箱”就在窗口的左邊鑲嵌著,它是可以浮動(dòng)的。當(dāng)將鼠標(biāo)光標(biāo)移至“工具箱”上,按住被拖動(dòng)鼠標(biāo),將其移至桌面任何地方,雙擊“工具箱”標(biāo)題欄可將其鑲嵌到窗口左側(cè)。執(zhí)行“窗口”/“工具”命令,可以打開(kāi)或隱藏“工具箱”?!肮ぞ呦洹狈譃椤肮ぞ摺?、“查看”、“顏色”和“選項(xiàng)”4個(gè)區(qū),每個(gè)工具區(qū)中,包含多個(gè)操作工具,通過(guò)工具箱中的工具,可以在Flash場(chǎng)景中繪制出各種動(dòng)畫(huà)對(duì)象,并且還可以對(duì)它們進(jìn)行編輯和修改。
一、輔助工具(參見(jiàn)書(shū)21頁(yè)、22頁(yè))
在制作過(guò)程中,合理地使用輔助工具可以更好地完成設(shè)計(jì)任務(wù),幫助用戶(hù)方便地進(jìn)行操作。
1、網(wǎng)格
要想精確繪制圖形的每個(gè)部分,最好的方法是在舞臺(tái)中顯示網(wǎng)格(執(zhí)行“視圖”/“網(wǎng)格”/“顯示網(wǎng)格”命令可顯示或隱藏網(wǎng)格)。還可以根據(jù)需要更改網(wǎng)格的尺寸或者顏色等選項(xiàng)(執(zhí)行“視圖”/“網(wǎng)格”/“編輯網(wǎng)格”命令,在打開(kāi)的網(wǎng)格對(duì)話框中,可以對(duì)網(wǎng)格的顏色、大小、對(duì)齊網(wǎng)格、網(wǎng)格精確度等選項(xiàng)進(jìn)行設(shè)定),使其更加符合繪圖要求。
2、標(biāo)尺和輔助線
在舞臺(tái)上要想精確地創(chuàng)建圖形的起始點(diǎn)或者是圖形的尺寸,可以在舞臺(tái)中打開(kāi)標(biāo)尺(執(zhí)行“視圖”/“標(biāo)尺”命令,可以顯示或隱藏標(biāo)尺,標(biāo)尺鑲嵌在舞臺(tái)左側(cè)、上側(cè)),并且通過(guò)標(biāo)尺拖出輔助線(顯示標(biāo)尺后,使用“選擇”工具,可以從標(biāo)尺上拖曳出“輔助線”),這是一種非常快捷的方法。
二、文本工具(參見(jiàn)書(shū)41頁(yè))
創(chuàng)建文本的方法十分簡(jiǎn)單,只需單擊Flash工具箱中的“文本工具”,然后在場(chǎng)景中進(jìn)行拖動(dòng)即可。使用“文本工具”可以進(jìn)行文本輸入,配合“屬性”面板,可以對(duì)文字的色彩、字體、大小、樣式和對(duì)齊方式等進(jìn)行設(shè)置。在“文本工具”被激活的狀態(tài)下雙擊文字物體,可以選取一整行文字。利用Flash提供的文本工具可以輸入“靜態(tài)文本”、“動(dòng)態(tài)文本”和“輸入文本”。
靜態(tài)文本包括可擴(kuò)展文本塊(標(biāo)簽文本框)和固定文本塊(區(qū)塊文本框)。創(chuàng)建可擴(kuò)展文本塊的操作步驟如下:先單擊繪圖工具箱中的文本工具按鈕,在屬性面板中設(shè)置字體的大小、顏色、間距等參數(shù);然后將光標(biāo)移動(dòng)到場(chǎng)景中,當(dāng)光標(biāo)變成右下角帶有A的十字形狀時(shí),在場(chǎng)景中單擊鼠標(biāo),就會(huì)出現(xiàn)一個(gè)右上角帶有小圓圈的矩形框,稱(chēng)為“標(biāo)簽文本框”,并且在矩形框內(nèi)有一個(gè)閃動(dòng)的插入點(diǎn);標(biāo)簽文本框會(huì)隨著文本的長(zhǎng)短自動(dòng)調(diào)整寬度,按Enter鍵可進(jìn)行換行。
創(chuàng)建固定文本塊的操作步驟如下:選擇“文本工具”,按住鼠標(biāo)左鍵不放在舞臺(tái)上向右拖動(dòng)光標(biāo),可繪制單行的文本框,文本框右上角是一個(gè)小方塊,該文本框稱(chēng)為“區(qū)塊文本框”,文本輸入至文本框的邊緣時(shí)會(huì)自動(dòng)換行。
“標(biāo)簽文本框”與“區(qū)塊文本框”是可以相互轉(zhuǎn)換的。拖曳“標(biāo)簽文本框”右上角的小圓圈,可以使“標(biāo)簽文本框”轉(zhuǎn)換為“區(qū)塊文本框”;雙擊“區(qū)塊文本框”右上角的小方塊,可以使“區(qū)塊文本框”轉(zhuǎn)換為“標(biāo)簽文本框”。
三、將文本轉(zhuǎn)換為圖形(補(bǔ)充)
在Flash中,將文本轉(zhuǎn)換為圖形是非常重要的。如果想讓文字也具有動(dòng)感,像處理圖形那樣簡(jiǎn)捷方便,必須將文本轉(zhuǎn)換為圖形后,才能制作出一些動(dòng)態(tài)效果,例如文字的漸變、淡入、淡出等。
將文本轉(zhuǎn)換為圖形的方法是:首先選中要轉(zhuǎn)換的文本,該文本必須是整個(gè)文本框,然后執(zhí)行“修改”/“分離”命令,即可將文本進(jìn)行分離。如果是兩個(gè)或者兩個(gè)以上的字符,則執(zhí)行兩次該操作。當(dāng)文本被分離后,就變成了圖形。
四、顏料桶工具(參見(jiàn)書(shū)47頁(yè))
在“顏色”工具中單擊“填充色”工具按鈕,隨即彈出“選色板”,光標(biāo)轉(zhuǎn)換為吸管樣式,在調(diào)色板中選擇適當(dāng)色彩單擊,用“顏料桶”工具在圖形上單擊就可為圖形填充該顏色了。在調(diào)色板下方,有一組漸變色填充可供選擇,包括“線性”漸變色、“放射狀”漸變色和“彩虹色”漸變色等。填充漸變色時(shí),光標(biāo)單擊不同的位置,會(huì)有不同的填充效果,凡高光處,均為光標(biāo)點(diǎn)擊位置。漸變色是由起始顏色和目標(biāo)顏色決定的。實(shí)例一
番茄
五、墨水瓶工具(參見(jiàn)書(shū)46頁(yè))
“墨水瓶工具”可以給選定的矢量圖形添加邊線,還可以修改線條或形狀輪廓的筆觸顏色、寬度和樣式,該工具沒(méi)有輔助選項(xiàng)?!澳抗ぞ摺辈荒芨淖儓D像的填充色。設(shè)置好線條的屬性后,在要添加邊線的圖形上單擊,即可為圖形增加邊線;如果用鼠標(biāo)單擊一個(gè)已有輪廓線的圖形,則墨水瓶的屬性將替換該輪廓線的屬性。實(shí)例二
烏龜 實(shí)例三
椰汁樹(shù)
六、滴管工具(參見(jiàn)書(shū)53頁(yè))“滴管工具”的作用是拾取工作區(qū)中已經(jīng)存在的顏色及樣式屬性,并將其應(yīng)用于其他對(duì)象中。該工具沒(méi)有輔助選項(xiàng),使用簡(jiǎn)單,只要將滴管移動(dòng)到需要取色的線條或圖形中單擊即可。實(shí)例四
吸取色塊顏色 實(shí)例五
吸取線條屬性 實(shí)例六
吸取位圖屬性 實(shí)例七
吸取文字屬性 綜合實(shí)例
漸變文字
在Flash中可以制作出多種色彩漸變文字效果,其制作方法較為簡(jiǎn)單,使用“文本工具”輸入內(nèi)容之后,需要結(jié)合Flash中的分離命令將其打散,然后使用“顏色”面板對(duì)文字進(jìn)行漸變色彩設(shè)置。
一、執(zhí)行“文件”/“新建”命令,并執(zhí)行“修改”/“文檔”命令,修改“文檔屬性”,設(shè)置尺寸為寬661像素、高496像素。
二、選擇“文本工具”,在“屬性”面板中進(jìn)行字體、字號(hào)(60)、顏色等屬性設(shè)置,在場(chǎng)景中輸入靜態(tài)文本。
三、選擇“選擇工具”,將文本選中,執(zhí)行“修改”/“分離”,將文本拆分為單個(gè)的文字,再次執(zhí)行“修改”/“分離”,將單個(gè)文字分離。
四、當(dāng)分離的文本被選中時(shí),在“顏色”工具中單擊“填充色”,選擇彩虹漸變顏色,這時(shí)每一個(gè)獨(dú)立區(qū)域是一個(gè)完整的彩虹漸變顏色。(注意:如果用戶(hù)在文字沒(méi)有被選中的狀態(tài)下進(jìn)行了顏色設(shè)置,那么使用設(shè)置后的顏色對(duì)其填充時(shí),需要選擇“顏料桶工具”分別單擊文字以完成顏色的改變。)
五、為了使文字突出,對(duì)漸變文字添加白色邊框。
六、選擇“選擇工具”,將文字對(duì)象選中,執(zhí)行“修改”/“組合”命令。
七、執(zhí)行“文件”/“導(dǎo)入”/ “導(dǎo)入到舞臺(tái)”命令,將準(zhǔn)備的素材圖片導(dǎo)入場(chǎng)景。右擊鼠標(biāo),執(zhí)行“排列”/“下移一層”命令,然后調(diào)整漸變文字的位置。
八、按快捷鍵Ctrl+Enter測(cè)試影片。
第二章 繪制圖形
第二講(第三周 2學(xué)時(shí))課題名稱(chēng):繪制基本圖形
目的要求:主要介紹了繪制基本圖形的操作,包括繪制線條、繪制簡(jiǎn)單圖形。教學(xué)過(guò)程:
七、線條工具(參見(jiàn)書(shū)30頁(yè))
線條是組成矢量圖形最基本的單位,任何圖形都是由線條組成的。“線條工具”用來(lái)繪制各種角度的直線,其筆觸格式的調(diào)整可以在“屬性”面板中完成。黑白:?jiǎn)螕粼摪粹o可設(shè)置筆觸顏色為黑色,填充色為白色; 交換顏色:?jiǎn)螕粼摪粹o可交換筆觸顏色和填充色; “寬”和“高”:設(shè)置直線的長(zhǎng)度; “X”和“Y”:設(shè)置直線在場(chǎng)景中的位置。(對(duì)象在場(chǎng)景中的位置是以場(chǎng)景的左上角為原點(diǎn)的)
在繪制直線時(shí)按住shift鍵,可以繪制出水平、垂直或與水平方向成45度角的線段。
八、鉛筆工具(參見(jiàn)書(shū)32頁(yè))
“鉛筆工具”用以繪制簡(jiǎn)單的矢量圖形、運(yùn)動(dòng)路徑等,繪畫(huà)方式與使用真實(shí)鉛筆大致相同。當(dāng)單擊“鉛筆工具”時(shí),在“工具箱”的選項(xiàng)區(qū)域中會(huì)出現(xiàn)“鉛筆工具”的輔助選項(xiàng),單擊該按鈕,可以彈出下拉菜單,其中包括3中繪圖模式:伸直(選擇該模式,只要勾勒出圖形的大致輪廓,F(xiàn)lash會(huì)自動(dòng)將圖形轉(zhuǎn)化成接近的規(guī)則圖形,主要用來(lái)繪制一些規(guī)則且菱角分明的三角形、矩形和多邊形等幾何圖形)、平滑(選擇該模式,達(dá)到圓弧效果,使線條更加光滑,主要用來(lái)繪制水果、人物等邊緣圓滑的圖形)、墨水(選擇該模式,完全保留徒手繪制的曲線模式,不加任何更改)。
在使用鉛筆工具時(shí),按住shift鍵,只能繪制出水平、垂直方向上的直線,而不能繪制成45度角的線段。
九、橢圓工具(參見(jiàn)書(shū)35頁(yè))
在Flash中,可以使用“橢圓工具”繪制正圓和橢圓圖形,方法是:在工具箱中單擊“橢圓工具”按鈕,然后在“屬性”面板中設(shè)置圖形的填充顏色、筆觸顏色、筆觸高度和筆觸樣式,設(shè)置完畢后,在場(chǎng)景中單擊并拖動(dòng)鼠標(biāo),即可繪制橢圓圖形。
在使用橢圓工具繪制圖形時(shí),同時(shí)按住Shift鍵進(jìn)行繪制,可以將形狀限制為圓形。如果同時(shí)按住Shift和Alt鍵繪制圖形,可以從中心繪制圓形。
實(shí)例八
繪制一個(gè)筆觸顏色為紅色、填充色為粉紅色(#FFCCCC),筆觸高度為10,筆觸樣式為實(shí)線的橢圓。
十、矩形工具(參見(jiàn)書(shū)36頁(yè))
主要用來(lái)繪制矩形和正方形,還可以繪制圓角矩形。注意:“邊角半徑”文本框中,輸入的值越小,圓角的弧度越小,反之則越大。實(shí)例九
繪制一個(gè)筆觸顏色為黃色、填充色為橙紅色(#FF9900),筆觸高度和筆觸樣式保持默認(rèn)的圓角矩形(邊角半徑為10)。
十一、多角星形工具(參見(jiàn)書(shū)37頁(yè))用鼠標(biāo)左鍵按住矩形工具不放,在彈出的菜單中選擇多角星形工具。使用該工具在場(chǎng)景中繪制多邊形和星形。在“屬性”面板中單擊“選項(xiàng)”按鈕,彈出“工具設(shè)置”對(duì)話框,在“樣式”下拉列表中,可以選擇多邊形或者星形樣式,在“邊數(shù)”文本框中,輸入多邊形或者星形的邊數(shù)。
注意:星形的頂點(diǎn)大小越小,星形向內(nèi)收縮越多。
實(shí)例十
繪制一個(gè)五邊形和五角星形(筆觸顏色為黃色,填充色為橙紅色,筆觸高度為5,筆觸樣式為實(shí)線)。
實(shí)例十一
繪制兩個(gè)五角星,設(shè)置星形頂點(diǎn)大小分別為1和0.2
十二、填充變形工具(參見(jiàn)書(shū)51頁(yè))
在Flash中,可以使用“填充變形工具”來(lái)調(diào)整填充的大小、方向、中心以及變形漸變填充和位圖填充(位圖填充周?chē)木匦伪葷u變填充多了傾斜控制柄和比例縮放控制柄)。漸變填充分為線性漸變填充和放射狀漸變填充兩種。如果使用放射狀漸變填充色對(duì)圖形進(jìn)行填充,在填充區(qū)域會(huì)出現(xiàn)4個(gè)圓形或方形手柄:寬度控制、大小控制、旋轉(zhuǎn)控制、中心點(diǎn);使用線性漸變填充會(huì)出現(xiàn)3個(gè)圓形或方形手柄:旋轉(zhuǎn)控制、寬度控制、中心點(diǎn)。
十三、Flash繪制圖形技巧(補(bǔ)充)
在Flash中,使用繪圖工具繪制的圖形為矢量圖形,它們主要由填充顏色的色塊和由多個(gè)點(diǎn)構(gòu)成的圖形輪廓或曲線兩部分組成。在Flash中繪制圖形,主要有兩種方式:合并繪制圖形(貼緊至對(duì)象)和對(duì)象繪制圖形。
默認(rèn)情況下,在Flash的同一圖層上,重疊進(jìn)行繪圖或填充顏色,所繪制的圖形對(duì)象會(huì)自動(dòng)合并,對(duì)圖形進(jìn)行編輯會(huì)影響到同一層的其他形狀。例如,繪制一個(gè)圓形,并在其上疊加一個(gè)較小的圓形,然后選擇第二個(gè)圓形并進(jìn)行移動(dòng),則會(huì)刪除第一個(gè)圓形中與第二個(gè)圓形重疊的部分。
使用“對(duì)象繪制”方式繪制圖形時(shí),可以將多個(gè)圖形繪制成獨(dú)立的對(duì)象,這些對(duì)象在疊加時(shí)不會(huì)自動(dòng)合并,這樣在分離或重新排列圖形外觀時(shí),可以使圖形重疊而不改變其外觀,而且可以對(duì)每一個(gè)圖形對(duì)象分別進(jìn)行處理。要使用這種繪圖方式,需要在啟用繪圖工具之后,在工具箱的選項(xiàng)區(qū)中單擊“對(duì)象繪制”按鈕,同時(shí),對(duì)于繪制的圖形來(lái)講,F(xiàn)lash會(huì)在該圖形周?chē)砑泳匦芜吙颉?/p>
只有在使用鉛筆、線條、鋼筆、刷子、橢圓、矩形和多邊形工具時(shí),才能啟用“對(duì)象繪制”功能,當(dāng)“對(duì)象繪制”功能被激活時(shí),按快捷鍵J可以在“合并繪制”與“對(duì)象繪制”之間切換。
用戶(hù)可以將“合并繪制”方式繪制的圖形裝換為“對(duì)象繪制”方式下的圖形對(duì)象,方法是,選擇“合并繪制”方式創(chuàng)建的圖形對(duì)象,然后執(zhí)行“修改”/“合并對(duì)象”/“聯(lián)合”命令,所選圖形即可被轉(zhuǎn)化。
綜合實(shí)訓(xùn)
繪制QQ笑臉表情
制作一個(gè)QQ笑臉表情,練習(xí)形狀的繪制、顏色的漸變、調(diào)色板等基本工具。
一、新建文檔,并以“對(duì)象繪制”方式創(chuàng)建一個(gè)正圓對(duì)象(設(shè)置筆觸顏色為黑色、筆觸高度為
5、筆觸樣式為實(shí)線)。
二、使用“選擇工具”,選中正圓,在“混色器”面板的“類(lèi)型”下拉列表框中選擇“放射狀”選項(xiàng),設(shè)置顏色(【253,233,155】、Alpha:50%),(【253,235、102】、Alpha:80%),(【249,190,61】、Alpha:100%),(【249,190,61】,Alpha:100%)。(要向漸變中添加指針,單擊漸變定義欄即可,最多可以添加15個(gè)顏色指針。要重新放置漸變定義欄上的指針,可以沿著漸變定義欄拖動(dòng)指針。要?jiǎng)h除指針,可以將指針向下拖離漸變定義欄;如果Alpha值為0%,則創(chuàng)建的填充不可見(jiàn),即透明,如果Alpha值為100%,則創(chuàng)建的填充不透明)
三、使用“填充變形工具”選擇正圓,調(diào)整正圓的高光位置。
四、選擇“橢圓工具”,設(shè)置填充顏色為黑色,禁用筆觸顏色,繪制橢圓作為QQ的左眼;使用“選擇工具”,選擇左眼,按住ctrl鍵,向右拖動(dòng)鼠標(biāo)進(jìn)行復(fù)制。
五、使用“任意變形工具”,選擇“左眼”,將鼠標(biāo)放置于右上角的控制節(jié)點(diǎn)并逆時(shí)針旋轉(zhuǎn)。
六、繪制兩橢圓對(duì)象,并將其中的一個(gè)橢圓與另一橢圓的上半部分重疊;使用“選擇工具”將其同時(shí)選中,將其打散;選擇上面的橢圓,按Delete鍵得到嘴巴形狀。
思考與練習(xí)
一、填空題
1、“對(duì)象繪制”允許將圖形繪制成(),而且在疊加時(shí)不會(huì)自動(dòng)合并。
2、漸變色是由起始顏色和()顏色決定的。
3、“墨水瓶工具”不能改變圖形的()。
4、在Flash中,可以使用()來(lái)調(diào)整對(duì)象填充的大小、方向、中心以及變形漸變填充和位圖填充。
二、選擇題
1、下列有關(guān)編輯圖形的說(shuō)法不正確的是()
A,縮放
B,旋轉(zhuǎn)
C,導(dǎo)入
D,對(duì)齊
2、下面不能同時(shí)繪制填充和筆觸的工具是()
A,橢圓工具
B,矩形工具
C,鋼筆工具
D,刷子工具
3、“對(duì)象繪制”支持的工具有()
A,鉛筆、線條、任意變形、刷子、橢圓、矩形和多邊形工具 B,鉛筆、線條、鋼筆、刷子、顏料桶、矩形和多邊形工具 C,鉛筆、線條、鋼筆、刷子、橢圓、矩形和墨水瓶工具 D,鉛筆、線條、鋼筆、刷子、橢圓、矩形和多邊形工具
4、單擊工具箱中的“刷子工具”,在選項(xiàng)區(qū)域中會(huì)出現(xiàn)輔助按鈕,其中“刷子模式”選項(xiàng)不包含()模式
A,藝術(shù)繪畫(huà)
B,標(biāo)準(zhǔn)模式
C,顏料填充、后面繪畫(huà)
D,顏料選擇、內(nèi)部繪畫(huà)
三、問(wèn)答題
1、概述將文字轉(zhuǎn)換為圖形的簡(jiǎn)單步驟。
參考答案
一、填空題
1、獨(dú)立的對(duì)象
2、目標(biāo)顏色
3、填充色
4、填充變形工具
二、選擇題
1、C
2、CD
3、D
4、A
三、問(wèn)答題
將文本轉(zhuǎn)換為圖形的方法是:首先選中要轉(zhuǎn)換的文本,該文本必須是整個(gè)文本框,然后執(zhí)行“修改”/“分離”命令,即可將文本進(jìn)行分離。如果是兩個(gè)或者兩個(gè)以上的字符,則執(zhí)行兩次該操作。當(dāng)文本被分離后,就變成了圖形。
第二章
編輯圖形
第一講(第三周 2學(xué)時(shí))課題名稱(chēng):編輯對(duì)象
目的要求:主要介紹編輯對(duì)象的操作,包括選擇工具的使用、改變對(duì)象的形狀、群組和打散對(duì)象、對(duì)齊對(duì)象和合并對(duì)象的操作方法。教學(xué)過(guò)程:
在Flash中,利用繪圖工具創(chuàng)建的對(duì)象,多數(shù)情況下并不能完全達(dá)到理想的效果,而且僅僅使用繪圖工具來(lái)創(chuàng)建對(duì)象,操作起來(lái)相當(dāng)繁瑣。利用變形、縮放、旋轉(zhuǎn)、排列、對(duì)齊等編輯工具,進(jìn)一步編輯和調(diào)整圖形對(duì)象,可以方便、快捷地得到精美的效果。
一、對(duì)齊面板(參見(jiàn)書(shū)66頁(yè))
對(duì)齊面板可以調(diào)整選定對(duì)象的對(duì)齊(左對(duì)齊、水平中齊、右對(duì)齊、上對(duì)齊、垂直中齊和底對(duì)齊)和分布方式。單擊“相對(duì)于舞臺(tái)”按鈕后,可以選定對(duì)象相對(duì)于舞臺(tái)進(jìn)行對(duì)齊和分布。
二、變形面板(參見(jiàn)書(shū)64頁(yè))
變形面板可以對(duì)選定對(duì)象執(zhí)行縮放、旋轉(zhuǎn)、傾斜和創(chuàng)建副本的操作。變形面板分為三個(gè)區(qū)域:最上面的是縮放區(qū),可以輸入“垂直”和“水平”縮放的百分比值,選中“約束”復(fù)選框,可以使對(duì)象按原來(lái)的長(zhǎng)寬比例進(jìn)行縮放;中間區(qū)域是旋轉(zhuǎn)單選框,選中它后可以輸入旋轉(zhuǎn)角度,使對(duì)象旋轉(zhuǎn);最下面的是傾斜單選框,選中它后可通過(guò)輸入“水平”和“垂直”角度來(lái)傾斜對(duì)象;單擊面板下方的“復(fù)制并應(yīng)用變形”按鈕,可執(zhí)行變形操作并且復(fù)制對(duì)象的副本;單擊“重置”,可恢復(fù)至上一步的變形操作。實(shí)例一
繪制圖形
一、使用橢圓工具繪制一個(gè)正圓形;選中圖形輪廓線,按下delete鍵將其刪除,并為其填充放射狀漸變色。
二、選擇這個(gè)填充圖形,執(zhí)行“修改”/“組合”命令,將圖形結(jié)合在一起。(繪制的圖形為散點(diǎn)狀構(gòu)成,沒(méi)有上下層關(guān)系,填充色相同的圖形相互疊壓時(shí)會(huì)相互粘連,填充色不同的圖形相互疊壓時(shí)會(huì)相互剪切,如果需要進(jìn)行上下排列時(shí),應(yīng)將繪制的圖形首先執(zhí)行“修改”/“組合”命令。)
三、選擇這個(gè)組合后的圖形,將該圖形復(fù)制兩個(gè),將其中一個(gè)圖形進(jìn)行等比例放大,另一個(gè)圖形進(jìn)行等比例縮小。
四、選擇最小的圖形,執(zhí)行“修改”/“排列”/“移至頂層”命令,將其置于最上層;選擇最大的圖形,執(zhí)行“修改”/“排列”/“移至底層”命令,將其置于最下一層。
五、圈選舞臺(tái)上已排列好上下關(guān)系的3個(gè)圖形,分別按下“垂直中齊”、“水平中齊”按鈕。
三、任意變形工具(參見(jiàn)書(shū)63頁(yè))
“任意變形”工具結(jié)合了旋轉(zhuǎn)與傾斜、縮放、扭曲和封套多種功能,可用于編輯各種物體。
使用“封套”功能修改形狀允許彎曲或扭曲對(duì)象。封套是一個(gè)邊框,其中包含一個(gè)或多個(gè)對(duì)象,當(dāng)用戶(hù)通過(guò)調(diào)整封套的點(diǎn)和切線手柄來(lái)編輯封套形狀時(shí),該封套內(nèi)對(duì)象的形狀也將受到影響。
許多物體都不能直接用于“扭曲”變化和“封套”變化,必須通過(guò)“修改”/“取消組合”命令或“修改”/“分離”命令,使之成為打散的圖形后,才可以進(jìn)行扭曲和封套變化。實(shí)例二
繪制卡通風(fēng)車(chē)
繪制卡通風(fēng)車(chē),主要使用“矩形工具”、“選擇工具”繪制風(fēng)車(chē)的一片扇葉形狀,通過(guò)“復(fù)制并應(yīng)用變形”命令快速?gòu)?fù)制并旋轉(zhuǎn)對(duì)象,創(chuàng)建出風(fēng)車(chē)對(duì)象。在此基礎(chǔ)上使用“任意變形工具”,結(jié)合“組合”、“排列”命令對(duì)風(fēng)車(chē)添加眼睛和嘴巴。
一、新建文檔(尺寸為550*800,背景顏色為#ff6600),繪制一個(gè)寬和高均為214像素的黑色無(wú)邊框正圓。
二、選擇“選擇工具”,雙擊正圓,進(jìn)入該對(duì)象工作區(qū),使正圓處于被選擇狀態(tài),然后在“混色器”面板中設(shè)置漸變顏色(【255,0,255】、【255,0,255】、【255,153,255】、【255,255,255】)進(jìn)行填充。
三、切換至“場(chǎng)景1”,選擇“矩形工具”,繪制大小為51*147的矩形,顏色為#66cc99;按下Shift鍵,將矩形與正圓同時(shí)選中,單擊“水平中齊”按鈕,使其相對(duì)于正圓水平中齊。
四、使用“任意變形工具”選擇矩形,將中心控制點(diǎn)拖動(dòng)至正圓的中心位置,進(jìn)入矩形的“繪制對(duì)象”工作區(qū),調(diào)整其形狀。
五、切換至“場(chǎng)景1”,使用“選擇工具”選擇矩形,設(shè)置“旋轉(zhuǎn)”數(shù)值(18),然后單擊“復(fù)制并應(yīng)用”按鈕多次。
六、使用“選擇工具”選擇圓形,右擊鼠標(biāo),執(zhí)行“排列”/“移至頂層”命令;按下Shift鍵將風(fēng)車(chē)扇葉全部選中,將其組合。
七、為風(fēng)車(chē)添加眼睛、嘴巴和手柄。
第三章
編輯圖形
第一講(第四周 2學(xué)時(shí))課題名稱(chēng):編輯對(duì)象
目的要求:主要介紹編輯對(duì)象的操作,包括選擇工具的使用、改變對(duì)象的形狀、群組和打散對(duì)象、對(duì)齊對(duì)象和合并對(duì)象的操作方法。教學(xué)過(guò)程:
四、將線條轉(zhuǎn)換為填充(補(bǔ)充)
選擇一條或多條線,執(zhí)行“修改”/“形狀”/“將線條轉(zhuǎn)換為填充”命令,這樣就可以使用漸變來(lái)填充線條。
五、擴(kuò)展填充(補(bǔ)充)
選擇一個(gè)填充形狀,執(zhí)行“修改”/“形狀”/“擴(kuò)展填充”命令,并設(shè)置“擴(kuò)展填充”中的距離數(shù)值以及方向?!皵U(kuò)展”可以放大形狀,而“插入”則縮小形狀。
六、柔化填充邊緣(補(bǔ)充)
選擇一個(gè)填充形狀,執(zhí)行“修改”/“形狀”/“柔化填充邊緣”命令,并設(shè)置“柔化填充邊緣”對(duì)話框中各選項(xiàng)?!熬嚯x”指柔邊的寬度,“步驟數(shù)”指控制用于柔邊效果的曲線數(shù)(使用的步驟數(shù)越多,效果就越平滑,增加步驟數(shù)會(huì)使文件變大并降低速度)。實(shí)例三
制作郵票 結(jié)合“矩形工具”、“選擇工具”,通過(guò)自定義線條形狀,使用“將線條轉(zhuǎn)換為填充”命令以及復(fù)制、原位粘貼等命令制作出郵票的鋸齒形狀。
一、新建文檔(600*450);將素材導(dǎo)入到舞臺(tái)中央。
二、在圖層1下方新建圖層2,然后選擇“矩形工具”繪制比圖像四周略大的矩形(586*430,紅色邊框,填充顏色為白色);然后在“屬性”面板中單擊“自定義”按鈕,并設(shè)置參數(shù)(粗細(xì):18,類(lèi)型:點(diǎn)狀線,點(diǎn)距:9)。
三、對(duì)繪制的矩形執(zhí)行分離操作。
四、在矩形邊框處于被選中狀態(tài)時(shí),執(zhí)行“修改”/“形狀”/“將線條轉(zhuǎn)換為填充”命令;使用“選擇工具”選擇 場(chǎng)景中的白色矩形,將其剪切;選擇圖層2,將第1幀刪除,并插入關(guān)鍵幀,將剪切的圖像粘貼至原位。
思考與練習(xí)
一、填空題
1、使用“任意變形工具”選擇對(duì)象時(shí)會(huì)出現(xiàn)()個(gè)控制句柄。
2、“變形”面板在設(shè)置對(duì)象的寬與高的百分比值時(shí),如果百分比值的數(shù)值大于(),那么對(duì)象就放大。
3、在場(chǎng)景中選擇要組合的對(duì)象,可以按快捷鍵()進(jìn)行組合。
4、在使用“變形”面板縮放、旋轉(zhuǎn)和傾斜實(shí)例、組以及字體時(shí),可以通過(guò)該面板中的()按鈕,將變形的對(duì)象還原到設(shè)置前的狀態(tài)。
二、選擇題
1、旋轉(zhuǎn)對(duì)象可以用()面板設(shè)置。A,對(duì)齊
B,變形
C,信息
D,屬性
2、下面哪個(gè)時(shí)打開(kāi)“變形”面板的快捷鍵()A,Ctrl+J
B,Ctrl+R
C,Ctrl+T
D,Ctrl+G
3、下面哪個(gè)選項(xiàng)不屬于貼緊功能的內(nèi)容()A,使用對(duì)象貼緊功能
B,使用像素貼緊功能 C,使用貼緊對(duì)齊功能
D,相對(duì)于舞臺(tái)中心對(duì)齊
4、在Flash中鎖定對(duì)象的組合鍵是()
A,Ctrl+S
B,Ctrl+Alt+B
C,Ctrl+Alt+L
D,Ctrl+Alt+Shift+L
三、問(wèn)答題
1、簡(jiǎn)述將線條轉(zhuǎn)換為填充的作用與方法。
參考答案
一、填空題 1、8 2、100%
3、Ctrl+G
4、重置
二、選擇題
1、B
2、C
3、D
4、B
第四章
應(yīng)用圖層
第一講(第五周 2學(xué)時(shí))課題名稱(chēng):圖層的操作
目的要求:主要介紹圖層的操作,包括圖層的分類(lèi)、圖層的操作、制作遮罩動(dòng)畫(huà)等。教學(xué)過(guò)程:
在Flash文檔中,可以導(dǎo)入其他應(yīng)用程序中創(chuàng)建的各種矢量圖形和位圖圖像,方便用戶(hù)在不同軟件之間進(jìn)行操作。靈活應(yīng)用圖層,不僅能夠更好地組織和管理層,而且可以輕松地制作出動(dòng)感豐富、效果精彩的Flash影片。
一、圖層概述(參見(jiàn)書(shū)76頁(yè))圖層類(lèi)似于一張透明的薄紙,每張紙上繪制著一些圖形或文字,而一副作品就是由許多張這樣的薄紙疊合在一起而形成的。它可以幫助用戶(hù)組織文檔中的插圖,可以在圖層上繪制和編輯對(duì)象,而不影響其他圖層上的對(duì)象(圖層具有獨(dú)立性)。Flash中的圖層內(nèi)容有: ? 一般圖層:默認(rèn)情況下新建一個(gè)Flash文檔后只有一個(gè)普通圖層。? 遮罩層、被遮罩層:在遮罩層中創(chuàng)建的對(duì)象具有透明效果,被遮罩層中相同位置的內(nèi)容將顯示出現(xiàn),其他部分則被遮住。? 引導(dǎo)層、被引導(dǎo)層:引導(dǎo)層引導(dǎo)下面圖層中的對(duì)象按著本層繪制的路徑運(yùn)動(dòng),但不會(huì)出現(xiàn)在作品的最終效果中。
注意:Flash中的圖層分為普通圖層、引導(dǎo)層和遮罩層3種。
二、層的基本使用(參見(jiàn)書(shū)77頁(yè)~82頁(yè))層控制區(qū)在時(shí)間軸的左邊,是時(shí)間軸的一部分;
選擇圖層是對(duì)圖層進(jìn)行各種操作的基礎(chǔ),被選擇的圖層叫做當(dāng)前圖層; 單擊層控制區(qū)左下方的“插入圖層”按鈕,即可獲得一個(gè)新層,新層會(huì)排列在所選層的上方; 雙擊圖層的圖層名,將進(jìn)入可編輯狀態(tài),在文本框中輸入新名字,按下回車(chē)鍵確認(rèn),即可重命名圖層;
選中需要?jiǎng)h除的層,再單擊層控制區(qū)右下角的刪除圖層按鈕,該層即被刪除; 將光標(biāo)置于某層上,按住鼠標(biāo)左鍵不放并上下拖動(dòng)層,可調(diào)整層之間的上下順序。在層控制區(qū)右上方有“隱藏或顯示圖層”按鈕、“鎖定或解除鎖定圖層”按鈕、“輪廓顯示圖層”按鈕;
三、遮罩層(參見(jiàn)書(shū)123頁(yè))
在Flash中,使用遮罩層可以創(chuàng)建一些特殊的動(dòng)畫(huà)效果,如百葉窗、聚光燈等。遮罩動(dòng)畫(huà)由遮罩層和被遮罩層組成。在創(chuàng)建時(shí),使用遮罩層創(chuàng)建一個(gè)孔,通過(guò)這個(gè)孔可以看到遮罩層下面的內(nèi)容。其中,遮罩項(xiàng)目可以是填充的形狀、文字對(duì)象、圖形元件的實(shí)例或影片剪輯。遮罩層的特點(diǎn):(補(bǔ)充)? “遮罩層”是功能性圖層,用來(lái)制造動(dòng)畫(huà)特效; ? “遮罩層”下方必須要有“被遮罩層”,“遮罩層”才能起作用; ? 在“遮罩層”中圖形的色彩無(wú)意義,圖形的填充形狀有意義; ? “遮罩層”中的填充形狀為透空狀態(tài),“被遮罩層”中的內(nèi)容在透空范圍內(nèi)可見(jiàn),在透空范圍以外則被遮蓋; ? 動(dòng)畫(huà)測(cè)試時(shí)和發(fā)布后,“遮罩層”中的圖形不可見(jiàn); ? 至少有一個(gè)層有動(dòng)畫(huà)效果,“遮罩層”才能發(fā)揮作用,才有存在的意義。創(chuàng)建遮罩層的步驟: ? 選擇或創(chuàng)建一個(gè)層作為被遮罩層,在該層中應(yīng)包含將出現(xiàn)在遮罩中的對(duì)象; ? 在被遮罩層上面新建圖層2,該圖層將作為遮罩層,然后在該層上創(chuàng)建填充形狀、文字或元件的實(shí)例; ? 在“時(shí)間軸”面板中右擊圖層2,執(zhí)行“遮罩層”命令,該層將轉(zhuǎn)換為遮罩層。? 遮罩層和被遮罩層自動(dòng)鎖定,遮罩動(dòng)畫(huà)創(chuàng)建完成。實(shí)例一
遮罩層的創(chuàng)建
一、建立新文檔,插入圖層2。
二、在圖層2上單擊鼠標(biāo)右鍵,執(zhí)行“遮罩層”命令(兩個(gè)層的圖標(biāo)和編輯狀態(tài)都發(fā)生了變化,圖層2為遮罩層,圖層1為被遮罩層,圖層1的圖標(biāo)和名稱(chēng)向后縮進(jìn);兩個(gè)層均為鎖定編輯狀態(tài),為了繼續(xù)編輯,單擊鎖定所有圖層按鈕,即可將兩個(gè)層全部解除鎖定)。
三、單擊圖層1的第1幀,在舞臺(tái)上輸入文字,并將文本框移至舞臺(tái)左側(cè)。
四、在圖層1的第1幀上單擊鼠標(biāo)右鍵,執(zhí)行“創(chuàng)建補(bǔ)間動(dòng)畫(huà)”命令;再在第40幀上單擊鼠標(biāo)右鍵,執(zhí)行“插入關(guān)鍵幀”命令,然后單擊舞臺(tái)上的文本框,將其移至舞臺(tái)右側(cè)。
五、單擊圖層2的第1幀,在舞臺(tái)上繪制橢圓形,刪除輪廓線,將其對(duì)齊到舞臺(tái)中心;右擊圖層2的第40幀,執(zhí)行“插入幀”命令。
六、在舞臺(tái)上可播放帶有遮罩效果的動(dòng)畫(huà);在文本框移動(dòng)到橢圓形范圍內(nèi)時(shí),文本內(nèi)容才可見(jiàn)。
第0幀
第25幀 實(shí)例二
文字電影序幕效果
利用遮罩動(dòng)畫(huà)技術(shù)來(lái)實(shí)現(xiàn)文字的電影序幕效果。
一、新建文檔,在圖層1輸入一段文字,做由下至上的運(yùn)動(dòng)(在第100幀,插入關(guān)鍵幀,并創(chuàng)建補(bǔ)間動(dòng)畫(huà))。
二、新建圖層2,在圖層2繪制一個(gè)矩形。
三、以圖層2作為圖層1的遮罩。
第0幀
第50幀 實(shí)例三
探照燈
一、建立新文檔,插入圖層。
二、在圖層2上單擊鼠標(biāo)右鍵,執(zhí)行“遮罩層”命令。
三、單擊圖層1的第1幀,在舞臺(tái)上輸入一大段文字,并在第80幀上單擊鼠標(biāo)右鍵,執(zhí)行“插入幀”命令。
四、單擊圖層2的第1幀,在舞臺(tái)上繪制正圓形;并單擊鼠標(biāo)右鍵,執(zhí)行“創(chuàng)建補(bǔ)間動(dòng)畫(huà)”命令;在圖層2的20、40、60、80幀上分別插入關(guān)鍵幀,并移動(dòng)到不同的位置;
五、單擊“鎖定所有圖層”按鈕,將兩個(gè)層同時(shí)鎖定,在舞臺(tái)上播放動(dòng)畫(huà),查看效果。
第20幀
第40幀 實(shí)例四
萬(wàn)花筒(參見(jiàn)書(shū)124頁(yè))
一、新建文檔(400*400),導(dǎo)入素材,將其打散;并將圖片四周的白色區(qū)域刪除,進(jìn)行組合。
二、將修改過(guò)的圖片轉(zhuǎn)換為圖形元件。
三、新建一個(gè)影片剪輯元件,將圖片元件拖入到場(chǎng)景中央。
四、在圖層1上新建圖層2,繪制一個(gè)無(wú)邊框的圓,位于場(chǎng)景中央,并將其打散。
五、單擊線條工具,在圓的中央畫(huà)一條直線,使用任意變形工具,移動(dòng)旋轉(zhuǎn)中心點(diǎn),在變形面板的旋轉(zhuǎn)文本框中輸入45度,單擊復(fù)制并應(yīng)用變形按鈕;使用多邊形套索工具,刪除多余的圖形得到扇形,并進(jìn)行組合。
六、選擇圖層1,在第60幀,插入關(guān)鍵幀,創(chuàng)建補(bǔ)間動(dòng)畫(huà);并在屬性面板設(shè)置沿順時(shí)針旋轉(zhuǎn)1次。
七、選擇圖層2,在第60幀插入普通幀,并將其轉(zhuǎn)換為遮罩層。
八、回到場(chǎng)景1,將圖形元件刪除,將扇形元件拖入到場(chǎng)景,在變形面板的旋轉(zhuǎn)文本框中輸入45度,單擊復(fù)制并應(yīng)用變形按鈕,拼合成一個(gè)圓形。
九、將場(chǎng)景中的元件,進(jìn)行組合。
實(shí)例五
蒙版遮罩效果
使用“矩形工具”在遮罩層上繪制多個(gè)圓角矩形,通過(guò)該圖層將下一層中的人物部分區(qū)域顯示。
一、新建文檔(368.6*276.4),導(dǎo)入素材,并將其相對(duì)于舞臺(tái)中心對(duì)齊。
二、新建圖層2,選擇“矩形工具”,在“屬性”面板中設(shè)置參數(shù),在需要將圖像顯示的位置處繪制圓角矩形(在繪制圓角矩形的過(guò)程中,需要禁用“對(duì)象繪制”功能,否則將影響遮罩效果的制作)。
三、右擊“圖層2”圖標(biāo),執(zhí)行“遮罩層”命令。
第四章 應(yīng)用圖層
第二講(第五周 2學(xué)時(shí))課題名稱(chēng):圖層的操作
目的要求:主要介紹圖層的操作,包括圖層的分類(lèi)、圖層的操作、制作引導(dǎo)動(dòng)畫(huà)等。教學(xué)過(guò)程:
四、引導(dǎo)層(參見(jiàn)書(shū)120頁(yè))
“引導(dǎo)層”也是一種特殊的層,可以制作具有引導(dǎo)路徑作用的特殊圖層,它由引導(dǎo)層和被引導(dǎo)層組成,其中引導(dǎo)層用于放置對(duì)象運(yùn)動(dòng)的路徑,被引導(dǎo)層用于放置運(yùn)動(dòng)的對(duì)象。引導(dǎo)層的特點(diǎn):(補(bǔ)充)? “引導(dǎo)層”下方必須要有被引導(dǎo)層; ? 在“引導(dǎo)層”中只有線條造型有作用,線條就是引導(dǎo)路徑; ? “引導(dǎo)層”中的線條樣式、粗細(xì)和色彩無(wú)意義,線條的長(zhǎng)短和線條的形狀才是關(guān)鍵所在,因此不要做復(fù)雜線條,徒增文件體積; ? 發(fā)布后,“引導(dǎo)層”圖層不可見(jiàn); ? 被引導(dǎo)層中的物件一般要有位置移動(dòng)變化,引導(dǎo)路徑才有意義; ? 直線運(yùn)動(dòng)不需要“引導(dǎo)層”引導(dǎo)。創(chuàng)建引導(dǎo)動(dòng)畫(huà)的步驟: ? 創(chuàng)建引導(dǎo)層,在引導(dǎo)層中繪制對(duì)象的運(yùn)動(dòng)路徑; ? 在被引導(dǎo)層中將創(chuàng)建的運(yùn)動(dòng)對(duì)象放在路徑的起點(diǎn);在被引導(dǎo)層中創(chuàng)建另一關(guān)鍵幀,并將對(duì)象移動(dòng)到路徑終點(diǎn); ? 在被引導(dǎo)層的兩個(gè)關(guān)鍵幀之間創(chuàng)建動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)。制作引導(dǎo)動(dòng)畫(huà)的注意事項(xiàng): ? 引導(dǎo)路徑中不能出現(xiàn)中斷現(xiàn)象; ? 引導(dǎo)路徑不能出現(xiàn)交叉、重疊的現(xiàn)象; ? 引導(dǎo)路徑轉(zhuǎn)折不宜過(guò)多,且轉(zhuǎn)折處的線條彎轉(zhuǎn)不宜過(guò)急; ? 被引導(dǎo)層中的運(yùn)動(dòng)對(duì)象必須是元件,且被準(zhǔn)確吸附到路徑上,否則將無(wú)法沿引導(dǎo)路徑運(yùn)動(dòng)。
實(shí)例六
小球沿圓周運(yùn)動(dòng)
一、建立新文檔,在圖層1繪制一個(gè)橢圓線框作為運(yùn)動(dòng)路徑。
二、插入圖層2,繪制小球物件;在圖層2的第1幀上單擊鼠標(biāo)右鍵,執(zhí)行“創(chuàng)建補(bǔ)間動(dòng)畫(huà)”命令;在圖層1的15、30、45、60幀上分別插入關(guān)鍵幀,并移動(dòng)到不同的位置。
三、單擊圖層2,在層管理器的下方按“添加運(yùn)動(dòng)引導(dǎo)層”按鈕,在圖層2的上方插入一個(gè)新層,即圖層2的引導(dǎo)層(層樣式與圖標(biāo)發(fā)生變化,“引導(dǎo)層”的時(shí)間軸長(zhǎng)度與“被引導(dǎo)層”自動(dòng)同步)。
四、單擊引導(dǎo)層的第1幀,將圖層1的橢圓線框復(fù)制,作為引導(dǎo)線(將圖層1刪除)。
五、測(cè)試動(dòng)畫(huà),此時(shí)引導(dǎo)線消失。
第1幀
第15幀
第30幀
第45幀 實(shí)例七
星星
一、新建文檔,導(dǎo)入素材;調(diào)整圖片位置和大小,使其剛好能覆蓋場(chǎng)景;
二、使用多角星星工具和線條工具,繪制一個(gè)有尾巴的星星圖案;并轉(zhuǎn)換為圖形元件;
三、新建一個(gè)影片剪輯元件,將圖片元件拖到場(chǎng)景中的任意位置;
四、在圖層1上新建一個(gè)引導(dǎo)層,使用線條工具繪制一條路徑;
五、單擊圖層1的第一幀,將星星移動(dòng)到路徑的一端,創(chuàng)建補(bǔ)間動(dòng)畫(huà);在第60幀插入關(guān)鍵幀,將星星移動(dòng)到路徑的另一端;再在引導(dǎo)層第60幀插入關(guān)鍵幀。
六、回到場(chǎng)景1,拖動(dòng)影片剪輯元件到窗口中。綜合實(shí)例
手寫(xiě)動(dòng)畫(huà)
一、打開(kāi)文檔,拖動(dòng)庫(kù)中的位圖到場(chǎng)景中作為背景;新建文字圖層,輸入文字;
二、在圖層1上方新建被遮罩圖層,在第一幀繪制一個(gè)小矩形;
三、在圖層1和文字圖層的第60幀插入幀;在被遮罩圖層的第60幀插入關(guān)鍵幀,并改變矩形的大小來(lái)覆蓋所有文字,創(chuàng)建形狀補(bǔ)間動(dòng)畫(huà);
四、用鼠標(biāo)右鍵文字圖層,選擇遮罩層命令;
思考與練習(xí)
一、填空題
1、遮罩項(xiàng)目可以是填充的形狀、文字對(duì)象、()、影片剪輯。
2、若要?jiǎng)?chuàng)建動(dòng)態(tài)遮罩效果,可以使()動(dòng)起來(lái)。
3、使用位圖來(lái)填充對(duì)象時(shí),可以使用()工具縮放、旋轉(zhuǎn)或者傾斜填充的位圖。
二、選擇題
1、層的主要特性是()
A,互補(bǔ)性
B,相互獨(dú)立性
C,相互依賴(lài)性
D,不可編輯性
2、一個(gè)引導(dǎo)層能與()個(gè)圖層建立連接 A,1個(gè)
B,2個(gè)
C,3個(gè)
D,無(wú)數(shù)個(gè)
3、遮罩層可以起到的作用是()A,將其下面的連接層區(qū)域完全覆蓋 B,將其下面的連接層區(qū)域替換
C,使其下面的連接層區(qū)域失去可視性
D,通過(guò)創(chuàng)建的遮罩對(duì)象可以看到位于它下面的連接層區(qū)域
4、圖層分為()模式
A,當(dāng)前、鎖定、輪廓、隱藏
B,編輯、鎖定、輪廓、隱藏 C,編輯、當(dāng)前、輪廓、鎖定
D,編輯、鎖定、隱藏、當(dāng)前
5、下列哪個(gè)是導(dǎo)入位圖的組合鍵()
A,Ctrl+J
B,Ctrl+R
C,Ctrl+B
D,Ctrl+G
三、問(wèn)答題
1、怎樣將普通層轉(zhuǎn)換為遮罩層。
參考答案
一、填空題
1、圖形元件實(shí)例
2、遮罩層
3、填充變形
二、選擇題
1、B
2、D
3、D
4、A
5、B
三、問(wèn)答題
1、右擊圖層,執(zhí)行“遮罩層”命令,該普通層將轉(zhuǎn)換為遮罩層。
第五章
元件、實(shí)例、庫(kù)和濾鏡 第一講(第六周 2學(xué)時(shí))課題名稱(chēng):元件、庫(kù)和實(shí)例 目的要求:主要介紹了元件、庫(kù)和實(shí)例的操作,包括創(chuàng)建和編輯元件、操作庫(kù)和編輯實(shí)例等。教學(xué)過(guò)程:
在Flash中,可以導(dǎo)入和創(chuàng)建多種資源來(lái)填充Flash文檔,這些資源在Flash中作為元件、實(shí)例和庫(kù)資源進(jìn)行管理。
一、元件的概念
“元件”是Flash中一種比較獨(dú)特的、可重復(fù)使用的對(duì)象;“元件”包括“圖形元件”、“按鈕元件”和“影片剪輯元件”3種。“元件”創(chuàng)建后會(huì)自動(dòng)進(jìn)入“庫(kù)”中,可從“庫(kù)”中拖至舞臺(tái)稱(chēng)為“元件實(shí)例”重復(fù)使用,不明顯增加文件體積(元件只在動(dòng)畫(huà)中存儲(chǔ)一次,不管引用多少次,它只在動(dòng)畫(huà)中占用很少的空間,所以使用元件可以大大地降低文件的大小)。實(shí)例是元件在場(chǎng)景中的應(yīng)用,它是位于舞臺(tái)上或鑲嵌在另一個(gè)元件內(nèi)的元件副本。實(shí)例的外觀和動(dòng)作無(wú)需和元件一樣,每個(gè)實(shí)例都可以有不同的顏色和大小,并可以提供不同的交互。編輯元件可以更新它的所有實(shí)例,但對(duì)元件的一個(gè)實(shí)例應(yīng)用效果則只更新該實(shí)例。
要?jiǎng)?chuàng)建元件的實(shí)例,可以先在時(shí)間軸上選擇一幀,接著將該元件從“庫(kù)”面板中拖動(dòng)到舞臺(tái)上。
二、庫(kù)的概念
“庫(kù)”是存放動(dòng)畫(huà)物件的地方,可管理和編輯物件屬性、預(yù)覽物件樣式等;在“庫(kù)”中可存放的物件包括元件、位圖、組件、聲音等;從“庫(kù)”中刪除的物件不可恢復(fù);每個(gè)文檔都有自己的“庫(kù)”,其他文檔“庫(kù)”中的物件也可以在當(dāng)前文檔中使用。從“庫(kù)”中拖入到舞臺(tái)中的物件可任意改變,對(duì)“庫(kù)”中物件的性質(zhì)沒(méi)有影響。
三、圖形元件
“圖形元件”是為動(dòng)畫(huà)建立可重復(fù)使用的靜態(tài)圖形。
圖形元件的創(chuàng)建步驟:執(zhí)行“插入”/“新建元件”命令,在打開(kāi)的“創(chuàng)建新元件”對(duì)話框中進(jìn)行名稱(chēng)(進(jìn)行名稱(chēng)設(shè)定時(shí),應(yīng)使用英文字母或數(shù)字進(jìn)行表述,且不要用數(shù)字開(kāi)頭,以免最后發(fā)布時(shí)出現(xiàn)錯(cuò)誤)與行為的相關(guān)設(shè)定;按下“確定”按鈕后,直接進(jìn)入“圖形元件”編輯狀態(tài),在編輯狀態(tài)的舞臺(tái)中心,有一個(gè)定位準(zhǔn)星,可以為圖形定位;完成物件編輯后,單擊“場(chǎng)景”名稱(chēng)退出“圖形元件”編輯狀態(tài),回到主場(chǎng)景的舞臺(tái)上。實(shí)例一
制作壁紙
通過(guò)將對(duì)象轉(zhuǎn)換為元件以及“庫(kù)”面板的使用,制作壁紙。
一、新建文檔(800*600),繪制與文檔大小一樣的矩形線框;
二、打開(kāi)“混色器”面板,在填充類(lèi)型中選擇“位圖”,打開(kāi)“導(dǎo)入到庫(kù)”對(duì)話框,導(dǎo)入素材(打開(kāi)“庫(kù)”面板,用戶(hù)可以查看“庫(kù)”中的元件。元件只在動(dòng)畫(huà)中存儲(chǔ)一次,不管引用多少次,它只在動(dòng)畫(huà)中占有很少的空間,可以降低文件的大?。?;選擇“顏料桶工具”,填充矩形線框;
三、選擇“填充變形工具”,選擇單個(gè)位圖,對(duì)其進(jìn)行縮放與旋轉(zhuǎn)操作(在對(duì)填充的任意一個(gè)位置進(jìn)行縮放與旋轉(zhuǎn)操作,其他的位圖也隨之改變,這樣就可以得到所要的紋理效果);
四、選擇填充后的圖形和邊框線,執(zhí)行“修改”/“轉(zhuǎn)換為元件”,打開(kāi)“轉(zhuǎn)換為元件”對(duì)話框,啟用“影片剪輯”選項(xiàng),單擊“確定”按鈕;
五、選擇轉(zhuǎn)換為影片剪輯后填充的圖形及輪廓,在“屬性”面板的“顏色”下拉列表中選擇“高級(jí)”,單擊“設(shè)置”按鈕,打開(kāi)“高級(jí)效果”對(duì)話框,設(shè)置參數(shù)(102,-57,-215,255)。
四、按鈕元件
“按鈕元件”是為動(dòng)畫(huà)提供交互的媒介物,可通過(guò)鼠標(biāo)讓用戶(hù)操縱動(dòng)態(tài)變化。
要?jiǎng)?chuàng)建按鈕元件,可以在打開(kāi)的“創(chuàng)建新元件”或“轉(zhuǎn)換為元件”對(duì)話框中,單擊“按鈕”單選按鈕,并單擊“確定”按鈕,進(jìn)入按鈕元件的編輯環(huán)境。按鈕元件除了擁有圖形元件全部的變形功能外,其特殊性還在于它具有4個(gè)狀態(tài)幀:彈起(該幀代表指針沒(méi)有經(jīng)過(guò)按鈕時(shí)該按鈕的狀態(tài))、指針經(jīng)過(guò)(該幀代表當(dāng)指針滑過(guò)按鈕時(shí)該按鈕的外觀)、按下(該幀代表單擊按鈕時(shí),該按鈕的外觀)和點(diǎn)擊(該幀用于定義響應(yīng)鼠標(biāo)單擊的區(qū)域,此區(qū)域在SWF文件是不可見(jiàn)的)。前3個(gè)狀態(tài)幀中,可以放置除了按鈕元件本身外的所有Flash對(duì)象,在最后一個(gè)狀態(tài)幀“點(diǎn)擊”中的內(nèi)容是一個(gè)圖形,該圖形決定著當(dāng)鼠標(biāo)指向按鈕時(shí)的有效范圍。
按鈕元件的創(chuàng)建過(guò)程:首先進(jìn)入按鈕元件的編輯環(huán)境,使用繪圖工具、導(dǎo)入一副圖形或在舞臺(tái)上放置另一個(gè)元件的實(shí)例,以創(chuàng)建彈起狀態(tài)的按鈕圖像。然后單擊標(biāo)識(shí)為“指針經(jīng)過(guò)”的第2幀,并選擇“修改”/ “時(shí)間軸”/“轉(zhuǎn)換為關(guān)鍵幀”選項(xiàng),將“彈出”狀態(tài)下的圖像效果更改為“指針經(jīng)過(guò)”狀態(tài)下的效果。使用同樣的方法,創(chuàng)建“按下”狀態(tài)和“點(diǎn)擊”狀態(tài)下的圖形效果。實(shí)例二
制作按鈕
制作QQ表情按鈕。該按鈕是當(dāng)前網(wǎng)站上比較流行的按鈕類(lèi)型。使用Flash制作的按鈕,不僅在變換上更加隨心所欲,而且可以為網(wǎng)站起到畫(huà)龍點(diǎn)睛的作用。
鼠標(biāo)彈起
鼠標(biāo)經(jīng)過(guò)
一、新建文檔;執(zhí)行“插入”/“新建元件”,創(chuàng)建按鈕;導(dǎo)入“表情1”素材。
二、選擇“圖層1”的“指針經(jīng)過(guò)”,右擊鼠標(biāo),選擇“插入空白關(guān)鍵幀”命令,導(dǎo)入“表情2”素材。
三、返回“場(chǎng)景1”,打開(kāi)“庫(kù)”面板,將按鈕拖動(dòng)到場(chǎng)景中。
四、執(zhí)行“控制”/“測(cè)試影片”命令,測(cè)試影片效果。
五、影片剪輯元件
“影片剪輯元件”就是我們平常說(shuō)的MC,它是一段獨(dú)立的動(dòng)畫(huà)片段,主要用來(lái)為動(dòng)畫(huà)、按鈕提供動(dòng)畫(huà)片段,增加動(dòng)畫(huà)的復(fù)雜程度,與舞臺(tái)中的動(dòng)畫(huà)編輯方式?jīng)]有區(qū)別??捎糜诎粹o中,豐富按鈕的樣式,也可用于動(dòng)畫(huà)中,增加動(dòng)畫(huà)層次。
在Flash中,創(chuàng)建影片剪輯元件的方法同圖形元件的創(chuàng)建方法相似。
六、使用濾鏡
在Flash中,可以為文本、按鈕和影片剪輯對(duì)象添加濾鏡,從而產(chǎn)生投影、模糊、發(fā)光等特殊效果,要使用濾鏡功能,需要先在舞臺(tái)上選擇文本、按鈕或影片剪輯對(duì)象,然后進(jìn)入濾鏡面板,單擊“添加濾鏡”按鈕,從彈出的菜單中選擇相應(yīng)的濾鏡選項(xiàng)。對(duì)象mei 添加一個(gè)新的濾鏡,在屬性檢查器中,就會(huì)將其添加到該對(duì)象所應(yīng)用的濾鏡列表中??梢詫?duì)一個(gè)對(duì)象應(yīng)用多個(gè)濾鏡,也可以刪除以前應(yīng)用的濾鏡。實(shí)例三
制作熒光字
通過(guò)文字分離功能,結(jié)合“柔化填充邊緣”和“濾鏡”命令,制作出熒光字效果。
一、新建文檔(500*350,#3300CC);在場(chǎng)景中創(chuàng)建文本(150磅,#FF9900)。
二、使用“選擇工具”選擇文本內(nèi)容,按快捷鍵Ctrl+B兩次;
三、選擇“墨水瓶工具”,設(shè)置“筆觸高度”為2,“筆觸顏色”為#FFFF66,將鼠標(biāo)指針移動(dòng)到工作區(qū)鼠標(biāo)指針將變成墨水瓶形狀,依次單擊文字邊框(在使用“墨水瓶工具”為文字添加邊框時(shí),使其處于不被選中狀態(tài)進(jìn)行操作)。
四、使用“選擇工具”將文字除邊框以外的內(nèi)容刪除,并將邊框全部選中,執(zhí)行“修改”/“形狀”/“將線條轉(zhuǎn)換為填充”命令;再執(zhí)行“修改”/“形狀”/“柔化填充邊緣”命令,設(shè)置參數(shù)(距離為10像素,步驟數(shù)為18)。
五、選擇“橢圓工具”,禁用“筆觸顏色”,在場(chǎng)景中繪制一個(gè)白色的正圓,將其轉(zhuǎn)換為“影片剪輯”元件;使用“選擇工具”將正圓選中,在“濾鏡”面板中單擊加號(hào)按鈕,選擇“模糊”選項(xiàng),設(shè)置參數(shù)。
六、復(fù)制多個(gè)正圓,調(diào)整其大小,分別設(shè)置不同的顏色,完成最終效果。實(shí)例四
制作漸變斜角文字效果
一、輸入文字內(nèi)容,將其轉(zhuǎn)換為“影片剪輯”;
二、在“濾鏡”面板中添加“漸變斜角”文字效果,設(shè)置其參數(shù)(模糊:8,強(qiáng)度:100%,角度:252,距離:5,類(lèi)型:外側(cè))。
思考與練習(xí)
一、填空題
1、()是在Flash中創(chuàng)建的圖形、按鈕或影片剪輯。
2、()是指位于舞臺(tái)上或鑲套在另一個(gè)元件內(nèi)的元件副本。
3、濾鏡效果只適用于文本、()和按鈕。
二、選擇題
1、()是可以反復(fù)取出使用的一段小動(dòng)畫(huà),并可獨(dú)立于主動(dòng)畫(huà)進(jìn)行播放。A,圖形元件
B,按鈕元件
C,影片剪輯元件
D,字體元件
2、按鈕元件的時(shí)間軸上的每一幀都有一個(gè)特定的功能,其中第一幀是()
A,“彈起”狀態(tài)
B,“指針經(jīng)過(guò)”狀態(tài)
C,“按下”狀態(tài)
D,“點(diǎn)擊”狀態(tài)
3、在下列選項(xiàng)中,()不屬于濾鏡的功能 A,模糊
B,展開(kāi)
C,斜角
D,漸變發(fā)光
三、問(wèn)答題
1、列舉Flash中的幾種元件類(lèi)型。參考答案
一、填空題
1、元件
2、實(shí)例
3、影片剪輯
二、選擇題
1、C
2、A
3、B
三、問(wèn)答題
“圖形元件”是為動(dòng)畫(huà)建立可重復(fù)使用的靜態(tài)圖形。
“按鈕元件”是為動(dòng)畫(huà)提供交互的媒介物,可通過(guò)鼠標(biāo)讓用戶(hù)操縱動(dòng)態(tài)變化。
“影片剪輯元件”就是我們平常說(shuō)的MC,它是一段獨(dú)立的動(dòng)畫(huà)片段,主要用來(lái)為動(dòng)畫(huà)、按鈕提供動(dòng)畫(huà)片段,增加動(dòng)畫(huà)的復(fù)雜程度,與舞臺(tái)中的動(dòng)畫(huà)編輯方式?jīng)]有區(qū)別。可用于按鈕中,豐富按鈕的樣式,也可用于動(dòng)畫(huà)中,增加動(dòng)畫(huà)層次。
第六章
創(chuàng)建動(dòng)畫(huà)
第一講(第七周 2學(xué)時(shí))課題名稱(chēng):制作動(dòng)畫(huà)
目的要求:主要介紹制作動(dòng)畫(huà)的方法,包括逐幀動(dòng)畫(huà)、動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)、形狀補(bǔ)間動(dòng)畫(huà)。教學(xué)過(guò)程: 動(dòng)畫(huà)原理解析:動(dòng)畫(huà)是逐漸變化的物體加上變化的過(guò)程而形成的,其中需要通過(guò)人工或程序生成物件,并按照一定的方法進(jìn)行設(shè)置。
Flash動(dòng)畫(huà)是通過(guò)更改連續(xù)幀的內(nèi)容創(chuàng)建的。在Flash中,可以創(chuàng)建兩種類(lèi)型的動(dòng)畫(huà),即補(bǔ)間動(dòng)畫(huà)和逐幀動(dòng)畫(huà)。在補(bǔ)間動(dòng)畫(huà)中,用戶(hù)可以創(chuàng)建起始幀和結(jié)束幀,而讓Flash創(chuàng)建中間的幀,還可以通過(guò)更改起始幀和結(jié)束幀之間的對(duì)象大小、旋轉(zhuǎn)、顏色和其他屬性來(lái)創(chuàng)建運(yùn)動(dòng)的效果;而在逐幀動(dòng)畫(huà)中,用戶(hù)必須創(chuàng)建每一幀中的圖像。
一、幀的概念(參見(jiàn)書(shū)82頁(yè))
幀是形成動(dòng)畫(huà)的基本時(shí)間單位,在“時(shí)間軸”上,一個(gè)小格就是一幀,不同的幀有不同的表示方法。在Flash中,動(dòng)畫(huà)制作需要不同的幀來(lái)共同完成,通過(guò)時(shí)間軸可以清晰地判斷出幀的類(lèi)型。動(dòng)畫(huà)中幀的數(shù)量及播放速度決定了動(dòng)畫(huà)的長(zhǎng)度。
關(guān)鍵幀:在制作動(dòng)畫(huà)的過(guò)程中,在某一時(shí)刻需要定義對(duì)象的某種新?tīng)顟B(tài),這個(gè)時(shí)刻所對(duì)應(yīng)的幀稱(chēng)為關(guān)鍵幀。實(shí)心圓點(diǎn)是有內(nèi)容的關(guān)鍵幀,即實(shí)關(guān)鍵幀,無(wú)內(nèi)容的關(guān)鍵幀(即空白關(guān)鍵幀)用空心圓點(diǎn)表示。
在“時(shí)間軸”上的幀的適當(dāng)位置單擊鼠標(biāo)右鍵,執(zhí)行“插入關(guān)鍵幀”命令(或按F6),即可增加一個(gè)“關(guān)鍵幀”。
在“時(shí)間軸”上的幀的適當(dāng)位置單擊鼠標(biāo)右鍵,執(zhí)行“插入空白關(guān)鍵幀”命令(或按F7),即可增加一個(gè)“空白關(guān)鍵幀”。普通幀:普通幀也稱(chēng)為靜態(tài)幀,在時(shí)間軸上顯示為一個(gè)個(gè)矩形單元格?!捌胀◣笔乔耙弧瓣P(guān)鍵幀”的延續(xù)。多個(gè)連續(xù)“普通幀”時(shí),白方塊在最后一幀上,前面多個(gè)“普通幀”只是連續(xù)的灰色,沒(méi)有其他標(biāo)記。例如,制作動(dòng)畫(huà)背景,就是將一個(gè)含有背景圖案的關(guān)鍵幀的內(nèi)容沿用到后面的幀上。
在“時(shí)間軸”上的幀的適當(dāng)位置單擊鼠標(biāo)右鍵,執(zhí)行“插入幀”命令(或按F5),即可增加一個(gè)“普通幀”。
過(guò)渡幀:過(guò)渡幀實(shí)際上也是普通幀。過(guò)渡幀中包括了許多幀,但其中至少要有兩個(gè)幀:起始關(guān)鍵幀和結(jié)束關(guān)鍵幀。在Flash中,利用過(guò)渡幀可以制作兩類(lèi)過(guò)渡動(dòng)畫(huà),即運(yùn)動(dòng)過(guò)渡和形狀過(guò)渡。
二、動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)(參見(jiàn)書(shū)103頁(yè))
動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)是制作Flash動(dòng)畫(huà)時(shí)使用最多的一種動(dòng)畫(huà)類(lèi)型,可以制作出位置移動(dòng)、縮放和旋轉(zhuǎn)等動(dòng)畫(huà)效果。它適用于文字、位圖和實(shí)例,對(duì)于被打散的對(duì)象不能直接設(shè)置動(dòng)畫(huà)補(bǔ)間,需要將其轉(zhuǎn)換為元件或組合后才能產(chǎn)生動(dòng)畫(huà)效果。動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)原理解析(補(bǔ)充): ? 從開(kāi)始到結(jié)束“動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)”是一個(gè)逐漸變化的過(guò)程,物件從開(kāi)始到結(jié)束會(huì)發(fā)生一定的變化;中間的過(guò)程由Flash自動(dòng)生成(只需進(jìn)行開(kāi)始幀與結(jié)束幀的樣式變化即可,中間的變化是由程序自動(dòng)生成的); ? 開(kāi)始與結(jié)束的圖形是一個(gè)圖形(由于“動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)”的變化重點(diǎn)在于大小、位置、色彩、旋轉(zhuǎn)等方面,因此只要開(kāi)始與結(jié)束時(shí)的物件是同一個(gè)即可)。動(dòng)畫(huà)漸變動(dòng)畫(huà)的設(shè)置步驟: ? 在動(dòng)畫(huà)的起始幀上編輯對(duì)象;再單擊鼠標(biāo)右鍵,執(zhí)行“創(chuàng)建補(bǔ)間動(dòng)畫(huà)”命令; ? 在時(shí)間軸中確定結(jié)束幀位置后,在該幀上單擊鼠標(biāo)右鍵,執(zhí)行“插入關(guān)鍵幀”命令; ? 單擊結(jié)束幀,在舞臺(tái)上改變圖形的大小、位置、色彩或旋轉(zhuǎn)方式等,單獨(dú)或混合上述幾種改變方式均可。實(shí)例一
位移
一、在第1幀的舞臺(tái)上繪制一個(gè)較小的正圓形,這個(gè)圖形沒(méi)有輪廓線;在第1幀上單擊鼠標(biāo)右鍵,執(zhí)行“創(chuàng)建補(bǔ)間動(dòng)畫(huà)”命令,移動(dòng)圓球到舞臺(tái)的左下角,動(dòng)畫(huà)將從這里開(kāi)始。
二、在第10幀上單擊鼠標(biāo)右鍵,執(zhí)行“插入關(guān)鍵幀”命令,將小球移動(dòng)到舞臺(tái)的上邊緣。
三、在第20幀上單擊鼠標(biāo)右鍵,執(zhí)行“插入關(guān)鍵幀”命令,將小球移動(dòng)到舞臺(tái)的下邊緣。
四、在第30幀上單擊鼠標(biāo)右鍵,執(zhí)行“插入關(guān)鍵幀”命令,將小球移動(dòng)到舞臺(tái)的右上角。實(shí)例二
淡出
一、新建文檔,導(dǎo)入素材,并將素材貼到該文件第1幀的舞臺(tái)正中位置。
二、在第1幀上單擊鼠標(biāo)右鍵,執(zhí)行“創(chuàng)建補(bǔ)間動(dòng)畫(huà)”命令。
三、在第15幀上單擊鼠標(biāo)右鍵,執(zhí)行“插入關(guān)鍵幀”命令;并選擇圖形,進(jìn)行同心等比例放大,并在“屬性”面板中設(shè)置旋轉(zhuǎn)方式為順時(shí)針,旋轉(zhuǎn)次數(shù)為1。
四、在第30幀上單擊鼠標(biāo)右鍵,執(zhí)行“插入關(guān)鍵幀”命令;并選擇圖形,將圖形再次放大。
五、在第45幀上單擊鼠標(biāo)右鍵,執(zhí)行“插入關(guān)鍵幀”命令;并選擇圖形,進(jìn)行同心等比例縮小,在“屬性”面板中設(shè)置顏色選項(xiàng)中的Alpha值為0%。注意:
Alpha指透明度。在許多Flash動(dòng)畫(huà)中都會(huì)設(shè)置這個(gè)值制作一些特殊效果,如制作一個(gè)物件 慢慢消失的動(dòng)畫(huà)效果。
當(dāng)動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)創(chuàng)建成功時(shí),關(guān)鍵幀之間將出現(xiàn)紫色背景的箭頭;如果不成功,箭頭將以虛線表示;可以單擊“屬性”面板中的警告按鈕,系統(tǒng)將會(huì)自動(dòng)彈出提示對(duì)話框,告知?jiǎng)?chuàng)建不成功的原因。
第六章
創(chuàng)建動(dòng)畫(huà)
第二講(第七周 2學(xué)時(shí))課題名稱(chēng):制作動(dòng)畫(huà)
目的要求:主要介紹制作動(dòng)畫(huà)的方法,包括逐幀動(dòng)畫(huà)、動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)、形狀補(bǔ)間動(dòng)畫(huà)。教學(xué)過(guò)程:
三、形狀補(bǔ)間動(dòng)畫(huà)(參見(jiàn)書(shū)106頁(yè))
形狀補(bǔ)間就是變形,可以是位置、尺寸和顏色的變化,但更主要的是形狀的改變。形狀補(bǔ)間的對(duì)象是分離的可編輯圖形,可以是同一層上的多個(gè)圖形,也可以是單個(gè)圖形。但一般來(lái)說(shuō),要讓多個(gè)對(duì)象同時(shí)變形,將它們放在不同的層上分別變形比放在同一個(gè)層上進(jìn)行變形得到的效果要好得多。
如果是實(shí)例、組合、文本塊或位圖需要進(jìn)行形狀補(bǔ)間,必須首先執(zhí)行“修改”/“分離”命令,將其打散,使之變成分離的圖形,然后才能進(jìn)行變形。形狀補(bǔ)間動(dòng)畫(huà)原理解析(補(bǔ)充): ? “形狀補(bǔ)間動(dòng)畫(huà)”是一個(gè)逐漸變化的過(guò)程,物件從開(kāi)始到結(jié)束會(huì)發(fā)生一定的變化;制作“形狀補(bǔ)間動(dòng)畫(huà)”只需要進(jìn)行開(kāi)始幀與結(jié)束幀的樣式改變即可,中間的變化由程序自動(dòng)生成; ? 開(kāi)始幀與結(jié)束幀上的圖形不是一個(gè)圖形,圖形必須是“分離”狀態(tài);“形狀補(bǔ)間動(dòng)畫(huà)”的變化重點(diǎn)在于形狀變化、多少變化、填充色彩變化等方面,只要開(kāi)始與結(jié)束時(shí)一定不是同一個(gè)物件即可。
形狀漸變動(dòng)畫(huà)設(shè)置步驟: ? 在第1幀的舞臺(tái)上制作圖形,單擊鼠標(biāo)右鍵,執(zhí)行“創(chuàng)建補(bǔ)間動(dòng)畫(huà)”命令;在“屬性”面板的“補(bǔ)間”選項(xiàng)中選擇“形狀”選項(xiàng); ? 在結(jié)束幀上單擊鼠標(biāo)右鍵,執(zhí)行“插入空白關(guān)鍵幀”命令,在舞臺(tái)上繪制另外一個(gè)圖形。實(shí)例三
起伏
一、新建文檔;單擊“直線工具”,繪制一條水平直線;
二、選擇第1幀,在“屬性”面板的“補(bǔ)間”中選擇“形狀”選項(xiàng);
三、在第15幀和第30幀上分別添加“關(guān)鍵幀”;
四、選擇第15幀,單擊“選擇工具”,將鼠標(biāo)移到直線的中間位置,按住鼠標(biāo)左鍵不放并向上拖動(dòng),使直線變?yōu)榛【€。實(shí)例四
變形
一、新建文檔,在第1、10、20、30幀上分別添加“關(guān)鍵幀”,并分別在這4個(gè)關(guān)鍵幀的舞臺(tái)上繪制圖形;
二、在第40幀上添加“關(guān)鍵幀”,并將第1、10、20、30幀上的圖形復(fù)制粘貼到第40幀的舞臺(tái);
三、在“屬性”面板上的“補(bǔ)間”選項(xiàng)中,分別為第1、10、20、30幀選擇“形狀”選項(xiàng)。注意:
當(dāng)形狀補(bǔ)間動(dòng)畫(huà)創(chuàng)建成功時(shí),關(guān)鍵幀之間將出現(xiàn)綠色背景的箭頭;如果不成功,箭頭將以虛線表示;可以單擊“屬性”面板中的警告按鈕,系統(tǒng)將會(huì)自動(dòng)彈出提示對(duì)話框,告知?jiǎng)?chuàng)建不成功的原因。
四、添加形狀提示的動(dòng)畫(huà)(參見(jiàn)書(shū)110頁(yè))
在“形狀補(bǔ)間動(dòng)畫(huà)”的編輯中,會(huì)遇到一些變化不夠理想的狀況,經(jīng)歷了一個(gè)混亂的過(guò)程,因?yàn)閯?chuàng)建形狀補(bǔ)間動(dòng)畫(huà)的兩個(gè)對(duì)象之間的變形過(guò)渡是隨機(jī)的。為了讓變化過(guò)程顯得順暢自如,使用形狀提示可以控制圖形間對(duì)應(yīng)部位的變形,即讓一個(gè)圖形上的某一點(diǎn)變換到另一個(gè)圖形上的某一點(diǎn),使得對(duì)象之間的變形過(guò)渡不再隨機(jī),而是有規(guī)律的。利用形狀提示可以制作出各種復(fù)雜有趣的變形效果。形狀提示是一個(gè)有顏色的實(shí)心小圓,上面寫(xiě)著一個(gè)英文字母,表示物體部位的名稱(chēng),最多可用26個(gè)英文字母來(lái)表示圖形上的部位,即最多可以給圖形添加26個(gè)形狀提示。實(shí)例五
“1變2”
一、新建文檔,選擇“文本工具”,輸入數(shù)字“1”;
二、在第20幀上單擊右鍵,執(zhí)行“插入關(guān)鍵幀”命令,雙擊“1”字,將文本工具激活,將選中的“1”改為“2”;
三、將“1”字和“2”字進(jìn)行分離處理,準(zhǔn)備進(jìn)行“形狀漸變動(dòng)畫(huà)”的編輯;
四、單擊第1幀,在“屬性”面板上“補(bǔ)間”選項(xiàng)中選擇“形狀”選項(xiàng)。
五、單擊第1幀,執(zhí)行“修改”/“形狀”/“添加形狀提示”命令3次,該幀的圖形上一共有3個(gè)“形狀提示”標(biāo)記;(選擇第20幀,可以看見(jiàn)舞臺(tái)上2字的中間也出現(xiàn)了形狀提示標(biāo)記,與1字上的形狀提示標(biāo)記分布情況是完全一樣的)
六、在第1幀的舞臺(tái)上,光標(biāo)在“形狀提示”標(biāo)記上時(shí)按住鼠標(biāo)左鍵不放并進(jìn)行拖動(dòng),將3個(gè)標(biāo)記進(jìn)行排布;
七、在第20幀的舞臺(tái)上,光標(biāo)在“形狀提示”標(biāo)記上時(shí)按住鼠標(biāo)左鍵不放并進(jìn)行拖動(dòng),將3個(gè)標(biāo)記進(jìn)行擺放。注意:
“形狀提示”的使用一定要按照標(biāo)記的字母順序排列。復(fù)雜的圖形變化不一定都能夠成功地引導(dǎo),這需要多次的實(shí)驗(yàn)才能達(dá)成。
第六章
創(chuàng)建動(dòng)畫(huà)
第三講(第八周 2學(xué)時(shí))課題名稱(chēng):制作動(dòng)畫(huà)
目的要求:主要介紹制作動(dòng)畫(huà)的方法,包括逐幀動(dòng)畫(huà)、動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)、形狀補(bǔ)間動(dòng)畫(huà)。教學(xué)過(guò)程:
補(bǔ)間動(dòng)作是一個(gè)獨(dú)立且完整的動(dòng)畫(huà),如果需要為其添加特殊效果,可以通過(guò)使用運(yùn)動(dòng)引導(dǎo)層或者遮罩層來(lái)制作所需動(dòng)畫(huà)。
在使用遮罩層創(chuàng)建動(dòng)畫(huà)時(shí),如果要?jiǎng)?chuàng)建動(dòng)態(tài)遮罩效果,可以使遮罩層動(dòng)起來(lái),對(duì)于用作遮罩的填充形狀,可以使用形狀補(bǔ)間動(dòng)畫(huà);對(duì)于文字對(duì)象、圖形實(shí)例、影片剪輯,可以使用動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)。當(dāng)使用影片剪輯實(shí)例作為遮罩時(shí),可以讓遮罩沿著運(yùn)動(dòng)路徑運(yùn)動(dòng)。實(shí)例六
水波紋效果
制作水波紋效果的動(dòng)畫(huà)。水波紋動(dòng)畫(huà)可以使美麗但靜止的圖像動(dòng)起來(lái),主要通過(guò)插入幀、復(fù)制幀、刪除幀等操作,利用Flash中的遮罩層制作出該效果的動(dòng)畫(huà)。
一、新建文檔,導(dǎo)入素材,設(shè)置文檔大小與圖像大小相同。
二、創(chuàng)建名為“水波紋”的影片剪輯,選擇“橢圓工具”,繪制無(wú)填充色的黑色橢圓邊框(筆觸高度為0.25,選區(qū)高度、寬度分別為54和4.5)。
三、在圖層1的第80幀處,插入關(guān)鍵幀,并將橢圓變形(筆觸高度為6,選區(qū)高度、寬度分別為4678和390);然后在第1幀~第80幀之間創(chuàng)建形狀補(bǔ)間動(dòng)畫(huà)。
四、使用“選擇工具”,在幀控制區(qū)拖動(dòng)選擇“圖層1”上的第1幀~第80幀,然后右擊,執(zhí)行“復(fù)制幀”命令;在層控制區(qū)新建“圖層2”,并在該圖層第5幀處右擊,執(zhí)行“粘貼幀”命令;繼續(xù)在圖層控制區(qū)新建圖層,參考以上步驟,在新圖層上設(shè)定不同的起始幀位置,并粘貼幀,完成整個(gè)水波紋動(dòng)畫(huà)的制作(圖層3:第7幀;圖層4:第12幀;圖層5:第7幀;圖層6:第10幀;圖層7:第18幀;圖層8:第20幀;圖層9:第32幀)。
五、返回場(chǎng)景,新建圖層2,將素材拖動(dòng)到圖層2上,將其變形,比圖層1上圖片的稍大;并分離圖層2上的圖像,使用“選擇工具”選取圖像上的上半部分,按delete鍵刪除;
六、新建圖層3,將庫(kù)中創(chuàng)建的元件拖動(dòng)到舞臺(tái),右擊圖層3,執(zhí)行“遮罩層”命令,完成水波紋的制作。
五、逐幀動(dòng)畫(huà)(參見(jiàn)書(shū)120頁(yè))制作逐幀動(dòng)畫(huà)時(shí)一般是在某一幀前、后新建一個(gè)內(nèi)容完全相同的關(guān)鍵幀,再對(duì)舞臺(tái)中的內(nèi)容按照動(dòng)畫(huà)發(fā)展的要求進(jìn)行編輯、修改,使之與相鄰幀中的同一對(duì)象相比有一點(diǎn)變化,如此重復(fù),直至完成全部動(dòng)畫(huà)的幀系列。
逐幀動(dòng)畫(huà)的優(yōu)點(diǎn)是變化復(fù)雜,可以制作出任何效果;缺點(diǎn)是制作過(guò)程比較繁瑣,生成的動(dòng)畫(huà)文件比較大。
逐幀動(dòng)畫(huà)原理解析:每一幀都是關(guān)鍵幀;每一幀都有變化。逐幀畫(huà)設(shè)置步驟:在“時(shí)間軸”上的每一幀制作或插入圖形、物件等;按F6可快速添加 “關(guān)鍵幀”;按F5可快速添加“普通幀”;需要減慢速度時(shí),可在“關(guān)鍵幀”間插入“普通幀”,也可通過(guò)調(diào)整幀頻率改變動(dòng)畫(huà)速度。實(shí)例七
剝皮
一、新建文檔,繪制一個(gè)正圓形,并置于舞臺(tái)的正中;
二、將圖形的輪廓線選中,執(zhí)行“剪切”命令;
三、插入圖層2,單擊圖層2的第1幀,執(zhí)行“粘貼到當(dāng)前位置”命令(從舞臺(tái)效果看,還是原來(lái)的圖形樣式,但此時(shí)的圖形填充色部分和輪廓線部分已經(jīng)分置于兩個(gè)層了;輪廓線是有動(dòng)畫(huà)變化的,而填充色只是靜態(tài)延續(xù))。
四、選擇“橡皮擦工具”,在圖層2的第1幀上單擊,按F6鍵,在其后面添加一個(gè)新的“關(guān)鍵幀”;選中“橡皮擦工具”,在輪廓線上單擊鼠標(biāo)左鍵,擦去一段輪廓線;
五、用上述的方法,不斷地添加“關(guān)鍵幀”,不斷地按順序擦除輪廓線,直至將其全部擦除掉。
實(shí)例八
寫(xiě)字
一、新建文檔,選擇“刷子工具”,按住鼠標(biāo)左鍵,在舞臺(tái)上拖動(dòng)光標(biāo),自由書(shū)寫(xiě)字體;
二、不斷地按F6鍵插入新的“關(guān)鍵幀”,單擊“橡皮擦工具”,不斷地按與書(shū)寫(xiě)路徑相反的方向均勻擦除;
三、單擊第1幀,按住鼠標(biāo)左鍵向后拖動(dòng),這一層上所有“關(guān)鍵幀”均被選中;在被選中的任何位置上單擊鼠標(biāo)右鍵,執(zhí)行“翻轉(zhuǎn)幀”命令,被選擇的這段動(dòng)畫(huà)整個(gè)被翻轉(zhuǎn)了順序。實(shí)例九
數(shù)字變化
一、新建文檔,選擇“文本工具”,在舞臺(tái)上單擊后,在文本框中輸入數(shù)字“1”;
二、按F6鍵9次(時(shí)間軸上共有10個(gè)關(guān)鍵幀,每個(gè)關(guān)鍵幀上都是數(shù)字1);
三、將第2幀到第10幀上的數(shù)字“1”按順序分別改為2、3、4、5、6、7、8、9、0;
四、播放動(dòng)畫(huà),查看效果;如果認(rèn)為播放速度過(guò)快,可以在“關(guān)鍵幀”間插入“普通幀”,使動(dòng)畫(huà)變化的過(guò)程延長(zhǎng)。
六、動(dòng)畫(huà)特效(補(bǔ)充)
執(zhí)行“插入/ 時(shí)間軸特效/??”的相關(guān)命令,可以快速實(shí)現(xiàn)一些動(dòng)畫(huà)效果,如“變形”、“分離”、“展開(kāi)”等。實(shí)例十
動(dòng)畫(huà)特效
一、在舞臺(tái)上輸入一個(gè)詞組;
二、執(zhí)行“插入/ 時(shí)間軸特效/效果/模糊”命令,打開(kāi)“模糊”對(duì)話框,對(duì)字體進(jìn)行特效的參數(shù)設(shè)置;單擊對(duì)話框右上角的“更新預(yù)覽”按鈕,查看動(dòng)畫(huà)效果;
三、單擊“確定”按鈕,退出特效編輯,在舞臺(tái)上查看編輯后的效果。
思考與練習(xí)
一、填空題
1、當(dāng)創(chuàng)建逐幀動(dòng)畫(huà)時(shí),每個(gè)幀都是()。
2、將對(duì)象分散到層的方法是:選擇要分散的對(duì)象,按()快捷鍵。
3、一個(gè)圖形最多可以使用()個(gè)形狀提示。
4、可以在()文本框中輸入補(bǔ)間幀之間的速率值。
5、補(bǔ)間動(dòng)畫(huà)分為動(dòng)畫(huà)補(bǔ)間和()補(bǔ)間。
二、選擇題
1、幀包括()
A,普通幀、關(guān)鍵幀、動(dòng)作幀、空白關(guān)鍵幀
B,普通幀、關(guān)鍵幀、空白關(guān)鍵幀、過(guò)渡幀
C,普通幀、關(guān)鍵幀、空白幀、空白關(guān)鍵幀
D,動(dòng)作幀、關(guān)鍵幀、空白關(guān)鍵幀、過(guò)渡幀
2、下列關(guān)于幀的說(shuō)法,正確的是()
A,普通幀也稱(chēng)為動(dòng)態(tài)幀,顯示同一層上最后一個(gè)關(guān)鍵幀的內(nèi)容 B,關(guān)鍵幀是用來(lái)定義動(dòng)畫(huà)中的變化的 C,空白關(guān)鍵幀以一個(gè)實(shí)心的小圓圈表示 D,過(guò)渡幀中包括了逐幀過(guò)渡與運(yùn)動(dòng)過(guò)渡
3、在Flash中,下列說(shuō)法正確的是()A,按快捷鍵F6可以建立一個(gè)關(guān)鍵幀
B,幀不可以用鼠標(biāo)來(lái)創(chuàng)建
C,關(guān)鍵幀不能為空白
D,幀和關(guān)鍵幀是一個(gè)概念
4、要使用實(shí)體、位圖、文本塊等元素創(chuàng)建形狀補(bǔ)間動(dòng)畫(huà),必須先將它們()A,組合B,分離
C,對(duì)齊
D,變形
三、問(wèn)答題
1、簡(jiǎn)要敘述形狀提示的作用和使用方法。
參考答案
一、填空題
1、關(guān)鍵幀
2、Ctrl+Shift+D 3、26
4、緩動(dòng)
5、形狀
二、選擇題
1、B
2、B
3、A
4、B
三、問(wèn)答題
使用形狀提示可以控制圖形間對(duì)應(yīng)部位的變形,即讓一個(gè)圖形上的某一點(diǎn)變換到另一個(gè)圖形上的某一點(diǎn),使得對(duì)象之間的變形過(guò)渡不再隨機(jī),而是有規(guī)律的。
第六章
創(chuàng)建動(dòng)畫(huà)
第四講(第九周 2學(xué)時(shí))課題名稱(chēng):動(dòng)畫(huà)綜合實(shí)例
目的要求:主要制作折扇自動(dòng)展開(kāi)與折疊的動(dòng)畫(huà)。該實(shí)例的制作綜合使用了選擇工具、線條工具、橢圓工具等,從而得到扇子的扇面形狀,而該動(dòng)畫(huà)的重點(diǎn)在于復(fù)制并應(yīng)用變形、復(fù)制幀、粘貼幀、翻轉(zhuǎn)幀命令的應(yīng)用,以得到扇子展開(kāi)與折疊的動(dòng)畫(huà)。教學(xué)過(guò)程: 制作折扇:
一、新建(600*400);創(chuàng)建圖形元件“扇柄”(360*20,筆觸顏色為#CCB977,填充顏色為#DCCFA2)
二、執(zhí)行“視圖/標(biāo)尺”命令,拖出5條參考線,將扇柄4等分,然后使用部分選取工具,將右端高度變小。
三、創(chuàng)建影片剪輯“展開(kāi)的扇子”,將圖層1重命名為“扇柄”,并將扇柄拖入至場(chǎng)景。選擇“任意變形工具”,調(diào)整扇柄中心點(diǎn)位置;打開(kāi)“變形”面板,啟用旋轉(zhuǎn)選項(xiàng)(8度),單擊“復(fù)制并應(yīng)用變形”按鈕,共得到18個(gè)扇柄。
四、在“扇柄”元件上單擊鼠標(biāo)右鍵并執(zhí)行“分散到圖層”命令。
五、選擇最下方的扇柄,在第67幀處插入幀,延長(zhǎng)該幀處的內(nèi)容。然后選擇其上的扇柄,將第1幀移動(dòng)到第10幀,并延長(zhǎng)到該層第66幀,依次類(lèi)推。
六、在所有扇柄圖層之上新建一個(gè)鉚釘?shù)膱D層,繪制一個(gè)正圓(寬和高為6,黑白徑向漸變)和一條水平線(寬度為4,黑色),將其兩者水平與垂直中齊,并延長(zhǎng)至67幀。
七、在鉚釘圖層上新建扇面圖層,繪制一個(gè)正圓(610*610);再繪制一個(gè)同心的小圓填充另一種顏色,然后選中小圓將其刪除;并選擇“線條工具”,在圓環(huán)上繪制兩條直線,將直線和下部分的環(huán)形刪除。
八、在扇面圖層上,將第一幀拖動(dòng)到第10幀,接著在第11幀到第26幀處插入關(guān)鍵幀。在每一幀扇柄的左側(cè)相應(yīng)的位置繪制直線,然后將繪制的各直線以及對(duì)應(yīng)部分刪除。選中第10幀到第26幀,復(fù)制幀;在第50幀粘貼幀,翻轉(zhuǎn)幀和刪除幀。
九、交換扇面圖層與鉚釘圖層的位置;并在扇面圖層的下方新建一個(gè)扇面圖圖層,在該圖層的第10幀導(dǎo)入素材,然后延長(zhǎng)幀內(nèi)容到66幀。
第七章 應(yīng)用音頻
在Flash中,用戶(hù)既可以導(dǎo)入外部聲音文件,也可以使用共享庫(kù)中的聲音文件。導(dǎo)入后的聲音文件,可以獨(dú)立于時(shí)間軸連續(xù)播放,也可以使用時(shí)間軸將動(dòng)畫(huà)與音軌保持同步。通過(guò)在Flash影片中使用聲音可以增強(qiáng)導(dǎo)航元素,如按鈕的交互性,同時(shí),利用聲音的淡入淡出功能還可以調(diào)整音軌使其更加優(yōu)美。另外,還可以通過(guò)給網(wǎng)頁(yè)添加背景音樂(lè),讓網(wǎng)站訪問(wèn)者在漫游網(wǎng)站的同時(shí),欣賞優(yōu)雅的背景音樂(lè)。
一、將聲音導(dǎo)入到Flash Flash提供多種使用聲音的方式。Flash的聲音分為事件聲音和音頻流兩種。事件聲音和音頻流之間最大的區(qū)別不是聲音文件本省的不同,而主要體現(xiàn)在動(dòng)畫(huà)播放過(guò)程中的不同。事件聲音必須完全下載后才能開(kāi)始播放,如果沒(méi)有明確的停止指令,它將一直連續(xù)播放;音頻流則在前幾幀下載了足夠的數(shù)據(jù)后就開(kāi)始播放,通過(guò)和時(shí)間軸同步使其更好地在網(wǎng)站上播放。將聲音導(dǎo)入到文檔后,將與位圖、元件一起保存在庫(kù)面板中,因此與使用元件一樣,只需要一個(gè)聲音文件的副本,就可以在影片中以各種方式使用該聲音。
二、為影片和按鈕添加聲音
將聲音從庫(kù)添加到影片中并放置在單獨(dú)的圖層上后,用戶(hù)既可以聆聽(tīng)聲音的原始效果,還可以通過(guò)屬性面板中聲音控制區(qū)域的選項(xiàng),為聲音制作淡入淡出或者音量由高到底等效果,也可以控制聲音在某個(gè)時(shí)候播放或停止。
建議:將每個(gè)聲音放在一個(gè)獨(dú)立的圖層上,使每個(gè)層作為一個(gè)獨(dú)立的聲音通道。當(dāng)播放影片時(shí),所有層上的聲音混合在一起。
在時(shí)間軸上選擇包含聲音文件的任意幀,在“屬性”面板的“效果”列表框中可以簡(jiǎn)單設(shè)置音頻的效果,還可以通過(guò)編輯封套對(duì)話框精確制作所需的效果。在“屬性”面板的“同步”下拉列表框中,可以設(shè)置聲音的同步方式,也可以控制在動(dòng)畫(huà)中播放聲音的起始事件。
第八章
動(dòng)畫(huà)腳本與動(dòng)作面板
隨著互聯(lián)網(wǎng)技術(shù)的快速發(fā)展,F(xiàn)lash動(dòng)畫(huà)在多媒體上的運(yùn)動(dòng)逐漸成為眾多網(wǎng)頁(yè)制作好愛(ài)者和個(gè)人動(dòng)畫(huà)制作者的話題。由于Flash在實(shí)際應(yīng)用中越來(lái)越重要,F(xiàn)lash動(dòng)作腳本技術(shù)的需求也隨著多了起來(lái)。它通過(guò)編程手段利用一系列的代碼來(lái)控制Flash的動(dòng)畫(huà)效果。這也是Flash區(qū)別于其他動(dòng)畫(huà)制作軟件的優(yōu)勢(shì)所在。如果不使用腳本,也可以做出效果不錯(cuò)的動(dòng)畫(huà),但缺陷是無(wú)法實(shí)現(xiàn)交互性,一些較高級(jí)的效果也無(wú)法實(shí)現(xiàn)或者實(shí)現(xiàn)起來(lái)相當(dāng)吃力,而且最終效果不佳。
一、動(dòng)作面板
Flash中進(jìn)行“動(dòng)作”腳本編輯的地方是“動(dòng)作”面板。在該面板上,可以書(shū)寫(xiě)相關(guān)代碼、編輯相應(yīng)程序,并有配合使用的大量工具。
在鍵盤(pán)上按下F9鍵,可快速打開(kāi)“動(dòng)作”面板;默認(rèn)情況下,“動(dòng)作”面板鑲嵌在窗口下方的面板折疊區(qū),單擊“動(dòng)作”面板標(biāo)題欄,可打開(kāi)或關(guān)閉“動(dòng)作”面板?!皠?dòng)作”面板分為動(dòng)作工具箱、腳本導(dǎo)航器和腳本編輯區(qū)。
二、使用動(dòng)作面板
1、動(dòng)畫(huà)的停止 函數(shù):stop()
說(shuō)明:在指定幀停止播放影片,直到滿(mǎn)足某一條件后繼續(xù)播放影片。實(shí)例一
stop
一、制作一段剝皮的動(dòng)畫(huà);
二、選擇圖層2,在中間某幀上插入關(guān)鍵幀,按F9鍵打開(kāi)動(dòng)作面板,輸入動(dòng)作指令(全局函數(shù)/時(shí)間軸控制/stop);
2、播放動(dòng)畫(huà) 函數(shù):play()
說(shuō)明:當(dāng)影片處于停止?fàn)顟B(tài)時(shí),使用此命令可以播放影片。實(shí)例二
play
一、制作一段剝皮的動(dòng)畫(huà);
二、選擇圖層2,在第1幀加入動(dòng)作指令stop;
三、新建圖層3,在第1幀創(chuàng)建按鈕元件,按F9打開(kāi)動(dòng)作面板,輸入動(dòng)作指令: On(releae){play()};實(shí)例三
用按鈕控制動(dòng)畫(huà)的停止與播放
一、制作一段逐字顯示數(shù)字信息的動(dòng)畫(huà),并在第1幀加入動(dòng)作指令stop;
二、新建圖層2,在第1幀創(chuàng)建兩個(gè)按鈕元件(播放、停止),按F9打開(kāi)動(dòng)作面板,輸入動(dòng)作指令。
3、影片的內(nèi)部鏈接
GotoAndPlay:跳轉(zhuǎn)到指定場(chǎng)景的指定幀并播放; GotoAndStop:跳轉(zhuǎn)到指定場(chǎng)景的指定幀并停止;
NextFrame:跳轉(zhuǎn)到當(dāng)前場(chǎng)景的當(dāng)前幀的下一幀并停止; NextScene:跳轉(zhuǎn)到下一場(chǎng)景的第一幀并播放; Play:開(kāi)始播放;
PrevFrame:跳轉(zhuǎn)到當(dāng)前場(chǎng)景的當(dāng)前幀的上一幀并停止; PrevScene:跳轉(zhuǎn)到上一場(chǎng)景的第一幀并播放; Stop:停止影片的播放。實(shí)例四
影片控制
一、制作有兩個(gè)場(chǎng)景的動(dòng)畫(huà);
二、在第一個(gè)場(chǎng)景中分別新建名為Playbtn、Stopbtn、NextFrame、PrevFrame、NextScene的5個(gè)層,并將制作好的按鈕分別放入,分別輸入動(dòng)作指令。提示:
本實(shí)例的代碼都是寫(xiě)在“按鈕實(shí)例”上的。實(shí)際上,代碼也可以寫(xiě)在“關(guān)鍵幀”上、“影片剪輯實(shí)例”上、“影片剪輯”內(nèi)部的“元件”上和“影片剪輯”的“關(guān)鍵幀”上?!笆髽?biāo)事件”是指鼠標(biāo)發(fā)生的動(dòng)作,如按下鼠標(biāo)、松開(kāi)鼠標(biāo)等。常見(jiàn)的“鼠標(biāo)事件”: Press:在光標(biāo)經(jīng)過(guò)按鈕時(shí)按下鼠標(biāo)左鍵; Release:在光標(biāo)經(jīng)過(guò)按鈕時(shí)釋放鼠標(biāo)左鍵;
Releaseoutside:當(dāng)光標(biāo)在按鈕之內(nèi)時(shí)按下鼠標(biāo)左鍵后,將光標(biāo)移到按鈕之外,此時(shí)釋放鼠標(biāo)左鍵;
Rollout:光標(biāo)滑出按鈕區(qū)域; Rollover:光標(biāo)滑過(guò)按鈕;
Dragout:在光標(biāo)滑過(guò)按鈕時(shí)按下鼠標(biāo)左鍵,然后滑出此按鈕區(qū)域;
Dragover:在光標(biāo)滑過(guò)按鈕時(shí)按下鼠標(biāo)左鍵,然后滑出此按鈕區(qū)域,再滑回此按鈕區(qū)域; Keypress(“key”):按下指定的鍵,此參數(shù)的key部分,用于指定按下的鍵盤(pán)上的按鍵名稱(chēng)。
4、超級(jí)鏈接
URL通俗地講就是網(wǎng)址的意思。通過(guò)URL的設(shè)置,可以實(shí)現(xiàn)在影片播放過(guò)程中,觸發(fā)某一動(dòng)作時(shí),然后鏈接到某一特定的網(wǎng)站或網(wǎng)頁(yè)。實(shí)現(xiàn)網(wǎng)頁(yè)鏈接使用的是動(dòng)作指令: gerURL(url)實(shí)例五
超鏈接
一、新建文檔,在圖層1的舞臺(tái)中放入一個(gè)制作好的按鈕元件;
二、在動(dòng)作面板的代碼框中輸入代碼。
三、創(chuàng)建一個(gè)影片剪輯,在影片剪輯的編輯舞臺(tái)輸入提示信息;回到主場(chǎng)景,將做好的影片剪輯拖入圖層2中,在動(dòng)作面板的代碼框中輸入代碼。提示:
從實(shí)例中可以發(fā)現(xiàn),腳本是由分布在不同地方的代碼組成的,這是Flash腳本代碼的一個(gè)特點(diǎn)。實(shí)際上,F(xiàn)lash文件的腳本可以存儲(chǔ)為一個(gè)獨(dú)立的代碼文件,擴(kuò)展名是.as,需要時(shí),可使用#include將該文件包含進(jìn)來(lái),這樣的好處是代碼可以重復(fù)使用。
5、鼠標(biāo)拖曳及影片剪輯的控制
“鼠標(biāo)拖曳”的功能是當(dāng)目標(biāo)“影片剪輯”在影片播放過(guò)程中將鼠標(biāo)光標(biāo)放在播放窗口上,按住左鍵不放即可將其拖動(dòng)。一次只能設(shè)定拖動(dòng)一個(gè)“影片剪輯”。執(zhí)行StartDrag動(dòng)作后,影片剪輯將保持可拖動(dòng)狀態(tài),直到被StopDrag動(dòng)作明確停止為止,或者直到其他影片剪輯調(diào)用了StartDrag動(dòng)作為止。實(shí)例六
鼠標(biāo)拖曳
一、新建文檔,使用“文本工具”在舞臺(tái)上輸入一排數(shù)字,執(zhí)行兩次“分離”操作,將文字轉(zhuǎn)換為圖形。
二、用“墨水瓶工具”在每個(gè)數(shù)字圖形的邊緣單擊,為其添加黃色輪廓線;分別選擇每個(gè)數(shù)字,將其分別組合。
三、分別選中每個(gè)數(shù)字圖形,將其分別定義為影片剪輯;依次選中每個(gè)影片剪輯實(shí)例在動(dòng)作面板的代碼框中輸入代碼。on(press){ startDrag(this);} on(release){ stopDrag();} 實(shí)例七
影片剪輯的控制
一、新建文檔,共建六個(gè)圖層;
二、在圖層1的舞臺(tái)上拖入制作好的影片剪輯,在屬性面板中輸入實(shí)例名為move;
三、在action層中單擊第一幀,在動(dòng)作面板代碼框中輸入代碼:_global.i=0;
四、在stop層的舞臺(tái)上拖入制作好的按鈕元件,在動(dòng)作面板代碼框中輸入代碼: on(release){ this.move.stop();}
七、在play層的舞臺(tái)上拖入制作好的按鈕元件,在動(dòng)作面板代碼框中輸入代碼: on(release){ this.move.play();}
八、在copy層的舞臺(tái)上拖入制作好的按鈕元件,在動(dòng)作面板代碼框中輸入代碼: on(release){ i++;duplicateMovieClip(this.move,“move”+i,i);}
九、在delete層的舞臺(tái)上拖入制作好的按鈕元件,在動(dòng)作面板代碼框中輸入代碼: on(release){ removeMovieClip(this[“move”+i]);i--;if(i<=0){i=0;} } 提示:
刪除影片剪輯只能刪除那些使用代碼生成的影片剪輯。如實(shí)例中的刪除按鈕只能刪除被復(fù)制產(chǎn)生的副本,而不能刪除影片剪輯自身。
六、Loading程序
當(dāng)影片被發(fā)布至網(wǎng)絡(luò)上,網(wǎng)絡(luò)速度很慢時(shí),如果下載的速度跟不上播放的速度可能導(dǎo)致影片的播放不正常。要解決這個(gè)問(wèn)題,可以使用一個(gè)預(yù)下載程序,在影片沒(méi)有下載完畢時(shí)先播放預(yù)下載程序。
實(shí)例八
Loading程序的制作
一、新建文檔,建立兩個(gè)圖層。
二、新建一個(gè)影片剪輯,制作一個(gè)模擬Loading效果的影片剪輯(在影片剪輯的編輯狀態(tài)下,建立兩個(gè)圖層,在下面的層中制作一個(gè)沒(méi)有變化的矩形圖形;在上面的層中制作一段動(dòng)畫(huà),完成一個(gè)矩形圖形的逐漸展開(kāi)效果)。
三、回到主場(chǎng)景,在圖層1第1幀的舞臺(tái)上拖入上一步完成的影片剪輯。
四、單擊圖層1的第1幀,在動(dòng)作面板的代碼框中輸入代碼: var totalbytes=_root.getBytesTotal();var loadedbytes=_root.getBytesLoaded();if(totalbytes==loadedbytes){nextFrame();} 提示:
Loading程序只有加載在體積較大的影片中才能顯示其功能。代碼中首先定義了兩個(gè)變量來(lái)存儲(chǔ)影片文件的全部大小和已經(jīng)下載完畢的字節(jié)數(shù);之后,通過(guò)判斷已經(jīng)下載的字節(jié)數(shù)是否與文件的全部大小相等,如果是則開(kāi)始播放;如果不是則返回第1幀。
七、計(jì)數(shù)器
計(jì)時(shí)器的使用是一種典型的函數(shù)使用。調(diào)用函數(shù)是任何編程語(yǔ)言重要的一種事件處理方式。函數(shù)和變量一樣都附加在定義它們的影片剪輯的時(shí)間軸上,必須使用目標(biāo)路徑才能調(diào)用它們。
實(shí)例九
計(jì)時(shí)器
一、新建文檔,建立6個(gè)圖層;
二、在text圖層中拖動(dòng)光標(biāo)繪制4個(gè)動(dòng)態(tài)文本框,實(shí)例名分別為“hours”、“minutes”、“seconds”、“milliseconds”,并在4個(gè)文本框間繪制間隔符。
三、在star、stop、clear圖層的第1幀各拖放一個(gè)按鈕組件,在屬性面板上選擇參數(shù)標(biāo)簽,將label屬性分別改為“star”、“stop”、“reset”;并更改實(shí)例名。
第三篇:《FLASH動(dòng)畫(huà)》教案
Flash動(dòng)畫(huà)教案
第一章 網(wǎng)頁(yè)設(shè)計(jì)制作概述
授課時(shí)數(shù):2 理論講授:1 教學(xué)目的和任務(wù):
通過(guò)分析國(guó)內(nèi)外優(yōu)秀動(dòng)畫(huà)作品,了解動(dòng)畫(huà)的發(fā)展和歷史。欣賞不同國(guó)家動(dòng)畫(huà)片的特色,以及學(xué)院派和商業(yè)派的不同。確立今后的學(xué)習(xí)目的。
教學(xué)重點(diǎn): 欣賞動(dòng)畫(huà)片分析學(xué)院派動(dòng)畫(huà)和商業(yè)動(dòng)畫(huà)的區(qū)別以及目的。思考傳統(tǒng)動(dòng)畫(huà)轉(zhuǎn)嫁到當(dāng)今時(shí)代的無(wú)市動(dòng)畫(huà)的優(yōu)勢(shì)和缺點(diǎn)。
教學(xué)方法:講授、示范、課堂作業(yè)評(píng)解與逐一輔導(dǎo)。教學(xué)過(guò)程(內(nèi)容、方法、步驟): 動(dòng)畫(huà)在長(zhǎng)時(shí)間的發(fā)展至今的形式以及傳播的方式 個(gè)人動(dòng)畫(huà)與團(tuán)體動(dòng)畫(huà)的區(qū)別 動(dòng)畫(huà)周邊
第二章 認(rèn)識(shí)flash 授課時(shí)數(shù):6 理論講授:1
教學(xué)目標(biāo):要求學(xué)生掌握f(shuō)lash軟件的基本特征以及和其他軟件的區(qū)別。
重點(diǎn):動(dòng)畫(huà)中時(shí)間的掌握
難點(diǎn):楨的概念以及圖符號(hào)的理論
教學(xué)方法:理論講授與實(shí)踐指導(dǎo)
教學(xué)過(guò)程:不斷演示flash軟件的基本操作
一、界面環(huán)境介紹
二、工具箱的介紹
工具箱提供了用于圖形繪制和圖形編輯的各種工具。工具箱內(nèi)從上到下分為4個(gè)欄:“工具”欄、“查看”欄、“顏色”欄和“選項(xiàng)”欄,單擊某個(gè)工具的按鈕,即可激活相應(yīng)的操作功能,以后把這一操作叫作使用某個(gè)工具。
(1)“工具”欄:工具箱之“工具”欄內(nèi)的工具用來(lái)繪制圖形、輸入文字和編輯圖形。(2)“查看”欄:工具箱之“查看”欄內(nèi)的工具是用來(lái)調(diào)整舞臺(tái)編輯畫(huà)面的觀察位置和顯示比例的。其中兩個(gè)工具按鈕的名稱(chēng)與作用如表1-1-3所示。
(3)“顏色”欄:工具箱之“顏色”欄的工具是用來(lái)確定繪制圖形的線條和填充的顏色。其中各工具按鈕的名稱(chēng)與作用如下。
(筆觸顏色)按鈕:用于給線著色,也叫作描繪顏色。(填充色)按鈕:用于給填充著色。
(從左到右分別是:黑白、沒(méi)有顏色和交換顏色)按鈕:?jiǎn)螕簟昂诎住卑粹o,可使筆觸顏色和填充色恢復(fù)到默認(rèn)狀態(tài)(筆觸顏色為黑色,填充色為白色)。在選擇了橢圓或矩形工具后,“沒(méi)有顏色”按鈕才有效,變?yōu)?,單擊它可以在沒(méi)有顏色和有顏色之間切換。單擊“交換顏色”按鈕,可以使筆觸顏色與填充色互換。
(4)“選項(xiàng)”欄:工具箱之“選項(xiàng)”欄中放置了用于對(duì)當(dāng)前激活的工具進(jìn)行設(shè)置的一些屬性和功能按鈕等選項(xiàng)。這些選項(xiàng)是隨著用戶(hù)選用工具的改變而變化的,大多數(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、使用“墨水瓶”工具給圓環(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))
第三章
Flash工作區(qū) 使用元件、實(shí)例和庫(kù)資源
授課時(shí)數(shù):7 理論講授:1
教學(xué)目標(biāo):掌握f(shuō)lash軟件的工作區(qū)中不同菜單欄里的特性。
重點(diǎn):不同工做區(qū)的劃分以及軟件自身不同工作的位子
難點(diǎn):將flash與其他平面軟件比較找出相似的地方
教學(xué)方法:觀察法、對(duì)比法、練習(xí)法
教學(xué)過(guò)程:
Flash時(shí)間楨的掌握,在不斷演示中將flash軟件制作的基本流程
一、動(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)的幀,即編輯舞臺(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ū)別
① 1)關(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)作腳本,普通幀上則不能。
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à)中A-->B-->C之間即為形狀變形。
操作步驟: ①設(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)鍵幀設(shè)定“形狀”動(dòng)畫(huà)補(bǔ)間。
2、旋轉(zhuǎn)動(dòng)畫(huà):
一般旋轉(zhuǎn)度數(shù)在360度以上,則采用實(shí)例,即旋轉(zhuǎn)的對(duì)象必須是通過(guò)元件調(diào)入的。而旋轉(zhuǎn)度小于360度,則旋轉(zhuǎn)對(duì)象可以是形狀。動(dòng)畫(huà)設(shè)定只需二個(gè)關(guān)鍵幀。
例如:拖影文字
操作步驟: ①建立文字元件。
②創(chuàng)建第一圖層,設(shè)定第一、二關(guān)鍵幀(同幀),并設(shè)制“動(dòng)畫(huà)”補(bǔ)間,旋轉(zhuǎn)為1次。
②創(chuàng)建第二圖層,此層為陰影層,復(fù)制第一層的關(guān)鍵幀。
③創(chuàng)建第三至第九圖層,這些層均為拖影層,每層之間涉后二幀。與第一圖層相比,這些層均要調(diào)整透明度。
3、直線運(yùn)動(dòng)動(dòng)畫(huà):任何對(duì)象都可以設(shè)置直線動(dòng)畫(huà),只需二個(gè)關(guān)鍵幀
4、漸變運(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)完成的。
作
業(yè): 思考不同簡(jiǎn)單重復(fù)動(dòng)做的制作,繪制不同動(dòng)作的圖形以及在不同時(shí)間上所出現(xiàn)的形態(tài)
要
求: 掌握時(shí)間在動(dòng)畫(huà)制作中的重要性,加速與減速。
第四章
Flash動(dòng)畫(huà)基礎(chǔ)
授課時(shí)數(shù):5 理論講授:3
教學(xué)目標(biāo):在動(dòng)畫(huà)表現(xiàn)種以每秒為單位,掌握不同類(lèi)型動(dòng)畫(huà)的楨頻以及原畫(huà)和過(guò)度畫(huà)的區(qū)別。
重點(diǎn):在傳播途徑中動(dòng)畫(huà)的楨頻的不同決定了單位每秒的不同。
難點(diǎn):flash軟件中時(shí)間軸和關(guān)鍵楨的理解。
教學(xué)方法:觀察法、對(duì)比法、練習(xí)法
教學(xué)過(guò)程:
Flash時(shí)間楨的掌握,在不斷演示中將flash軟件制作的基本流程給學(xué)生做大致的介紹
復(fù)習(xí)鞏固:
1、直線動(dòng)畫(huà):二個(gè)關(guān)鍵幀,對(duì)象有位移。
2、旋轉(zhuǎn)動(dòng)畫(huà):二個(gè)關(guān)鍵幀,對(duì)象是元件就可實(shí)現(xiàn)自轉(zhuǎn),自轉(zhuǎn)時(shí)要注意中心點(diǎn)的確立。
3、漸變動(dòng)畫(huà):二個(gè)關(guān)鍵幀,必須是元件才可實(shí)現(xiàn)色調(diào)、透明色的變化。
4、幀幀動(dòng)畫(huà):整個(gè)動(dòng)畫(huà)是由多個(gè)關(guān)鍵幀排列完成的,一般有二類(lèi),即逐幀動(dòng)畫(huà),或閃爍動(dòng)畫(huà)(中間帶空幀)。
作
業(yè): 用繪制圖符的辦法繪制不同圖形,人物 植物 動(dòng)物
要
求: 在掌握基本變形處理的基礎(chǔ)上做到適當(dāng)夸張變形處理。
第五章 交 互 動(dòng) 畫(huà) 入 門(mén)
教學(xué)任務(wù):
1、掌握按鈕制作技巧(基礎(chǔ))
2、了解動(dòng)作腳本入門(mén)及控制影片方法(提高)
3、學(xué)會(huì)幾個(gè)常用動(dòng)作函數(shù)(基礎(chǔ))
教學(xué)重點(diǎn):掌握按鈕制作技巧和幾個(gè)常用動(dòng)作函數(shù)
教學(xué)難點(diǎn):幾個(gè)常用動(dòng)作函數(shù)
教學(xué)方法:講解、演示
教學(xué)手段:多媒體輔助教學(xué)
教學(xué)課時(shí):3課時(shí)
教學(xué)過(guò)程:
一、交互動(dòng)畫(huà)的概念
能夠產(chǎn)生畫(huà)面跳轉(zhuǎn)變化或者執(zhí)行相應(yīng)的程序,來(lái)控制這個(gè)對(duì)象的移動(dòng)、變色、變形等一些特等任務(wù)的動(dòng)畫(huà)。
1、背景層的創(chuàng)建: ①設(shè)定場(chǎng)景色
②用鋼筆工具勾勒一個(gè)上邊為曲線的多邊形。
③復(fù)制曲線。
2、運(yùn)動(dòng)引導(dǎo)層的創(chuàng)建:
運(yùn)動(dòng)引導(dǎo)層的作用:該層中專(zhuān)門(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)鍵幀必須完全吸附在軌跡上。如圖:第一關(guān)鍵幀的定點(diǎn)
第二關(guān)鍵幀的定點(diǎn)
3、制作技巧:
①引導(dǎo)層一旦建立完成后應(yīng)將其鎖定
②對(duì)運(yùn)動(dòng)對(duì)象定位時(shí)最好打開(kāi)“帖緊至對(duì)象”工具,這樣當(dāng)吸附正確時(shí)中心點(diǎn)會(huì)放大。
二、交互動(dòng)畫(huà)的組成
事件、動(dòng)作 事件是觸發(fā)動(dòng)作的信號(hào),動(dòng)作是事件的結(jié)果。
1、水泡的制作
透明度為0,2,100
水泡的顏色調(diào)板:白色
2、浮起的水泡制作(影片元件)
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)方向。
三、按鈕的制作(重點(diǎn))
① 自制按鈕
[插入]/[新建元件]/[按鈕] ②公用庫(kù)中的按鈕
[窗口]/[其他面板]/[公用庫(kù)]/[相應(yīng)按鈕] 制作按鈕的步驟
1、新建一個(gè)FLASH文件。
2、插入--新元件--按鈕。
3、“彈起”是指按鈕的基本樣式。
4、“經(jīng)過(guò)”是指鼠標(biāo)移到按鈕上的按鈕樣式。
5、“按下”是指鼠標(biāo)按下后的按鈕樣式。
6、“點(diǎn)擊”是指按鈕可點(diǎn)擊的范圍
7、如果要制作透明按鈕,僅在“點(diǎn)擊”畫(huà)出點(diǎn)范圍即可。
制作以下實(shí)例
1、基本按鈕
分析:
1、彈起:二個(gè)圖片元件
2、經(jīng)過(guò):與彈起時(shí)的一個(gè)圖片元件相同,在此基礎(chǔ)上用“按我”的圖片元件創(chuàng)建一個(gè)影片元件。
3、按下:“謝謝”圖片元件
練習(xí):制作一個(gè)帶有以下動(dòng)畫(huà)效果的按鈕
四、常用動(dòng)作函數(shù)
① Stop():用來(lái)控制動(dòng)畫(huà)的與幀停止
② Play():用來(lái)控制動(dòng)畫(huà)的播放
③ GotoAndPlay():用來(lái)控制動(dòng)畫(huà)中場(chǎng)景和幀的跳轉(zhuǎn) 按鈕的點(diǎn)擊作用
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)擊按鈕后,就會(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ǔ)句如下:
on(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、rollOut 鼠標(biāo)指針滑出按鈕區(qū)域。制作方法同上,完整的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)擊它。我們可以利用on的這個(gè)特點(diǎn)來(lái)制作一些圖示板,非常簡(jiǎn)單有效。
5、rollOver 鼠標(biāo)指針滑過(guò)按鈕。制作方法同上,完整的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)作。}
如圖所示。
dragOver動(dòng)作
拖過(guò)的效果是在按鈕上點(diǎn)擊并按住鼠標(biāo)不放,移出按扭區(qū),再移回按鈕上釋放的事件。注意:此例中是一個(gè)文字按鈕,在做文字按鈕的時(shí)候,應(yīng)在文字的下方用一透明方塊,以增加按鈕的反應(yīng)區(qū)域,或者在按鈕的第4幀繪制一個(gè)矩形來(lái)增加反映區(qū)。
7、dragOver 在鼠標(biāo)指針滑過(guò)按鈕時(shí)按下鼠標(biāo)按鈕,然后滑出此按鈕,再滑回此按鈕。完整的as是:
on(dragOut){ //當(dāng)鼠標(biāo)拖離按鈕時(shí)執(zhí)行下面的動(dòng)作。play();//執(zhí)行播放動(dòng)作 }
如圖所示。
dragOut動(dòng)作
拖離與拖過(guò)有所不同,只要在按鈕上按住鼠標(biāo)左鍵然后移動(dòng)到按鈕外就會(huì)相應(yīng)。他于滑離的區(qū)別在于拖離需要按住鼠標(biāo)左鍵。
8、keyPress(“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)作 }
如圖所示。
keyPress動(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ō)明,你使用了拖離,滑離等事件來(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ā)揮他們的功能。
小結(jié): 按鈕的制作
常用動(dòng)作函數(shù)
上機(jī)實(shí)習(xí):
一、自制播放與暫停按鈕
二、用公用庫(kù)中的按鈕制作播放與暫停
三、制作一簡(jiǎn)單的文字移動(dòng)動(dòng)畫(huà),并使用上面的按鈕及stop()和Play()代碼控制動(dòng)畫(huà)的播放與停止。
四、制作多個(gè)場(chǎng)景(大余2個(gè)),并用按鈕及GotoAndPlay命令實(shí)現(xiàn)場(chǎng)景之間的跳轉(zhuǎn)。
第六章
交互的Flash 動(dòng)畫(huà)
授課時(shí)數(shù):44 理論講授:6
教學(xué)目標(biāo):在了解二維動(dòng)畫(huà)的基礎(chǔ)上,加強(qiáng)對(duì)鏡頭理解的處理,故事的敘述以及環(huán)境的渲染。
重點(diǎn):如何將簡(jiǎn)單的圖形動(dòng)起來(lái),如何將動(dòng)起來(lái)的圖形做到故事性趣味性。
難點(diǎn):flash軟件中綜合所有的方法。
教學(xué)方法:觀察法、對(duì)比法、練習(xí)法
教學(xué)過(guò)程:
Flash軟件中實(shí)現(xiàn)不同動(dòng)作的制作,圖層的重要性以及關(guān)鍵楨的運(yùn)用,錯(cuò)層和交叉關(guān)鍵楨的作用。動(dòng)作與聲音的配合。
一、“下雨”與“下雪”的制作
1、制作一個(gè)影片元件:一滴雨水滴落的過(guò)程(四個(gè)關(guān)鍵幀)
雨滴落下
水圈擴(kuò)大
2、“下雨”的代碼: 第一關(guān)鍵幀上的代碼:
第三關(guān)鍵幀上的代碼:
(二)動(dòng)畫(huà)的制作:
1、制作一個(gè)圖處元件:雪片
2、制作一個(gè)影片元件:一片雪花飄落的過(guò)程(引導(dǎo)層)
3、“下雪”的代碼: 第一關(guān)鍵幀上的代碼:
第二關(guān)鍵幀上的代碼:
第三關(guān)鍵幀上的代碼:
制作并講解上一節(jié)課的作業(yè)縱向百葉窗。
知識(shí)點(diǎn): ①分散到圖層。②直線動(dòng)畫(huà)的制作。③關(guān)鍵幀的復(fù)制。④遮照的使用。
二、制作跑車(chē)廣告
1、準(zhǔn)備工作,試著制作下列圖案
2、查看跑車(chē)廣告
3、分析跑車(chē)廣告的元件及圖層 ①數(shù)字計(jì)時(shí):幀幀動(dòng)畫(huà)
②遮照效果:遮照層:動(dòng)畫(huà)層(形狀補(bǔ)間的變形動(dòng)畫(huà)、)被遮照層:清晰跑車(chē) 背景層:模糊跑車(chē)
③落下帷幕:縮放動(dòng)畫(huà)、變形動(dòng)畫(huà)。
4、時(shí)間軸參考
第四篇:《FLASH遮罩動(dòng)畫(huà)》教案
Flash面具動(dòng)畫(huà)課程計(jì)劃
教材分析
本課程是基于山西經(jīng)濟(jì)出版社信息化教學(xué)內(nèi)容的基礎(chǔ)上發(fā)展的教學(xué)。本課的教學(xué)內(nèi)容是閃光光掩模動(dòng)畫(huà)。作為一個(gè)開(kāi)發(fā)類(lèi),重點(diǎn)關(guān)注學(xué)生理解面具動(dòng)畫(huà)的原理和生產(chǎn)簡(jiǎn)單面具效果動(dòng)畫(huà),進(jìn)一步提高學(xué)生動(dòng)畫(huà)技能的水平。
學(xué)習(xí)分析
由于新教科書(shū)沒(méi)有具體安排本章的面具動(dòng)畫(huà),而是學(xué)生在基本動(dòng)畫(huà)前面學(xué)會(huì)了不能滿(mǎn)足學(xué)生擴(kuò)大意識(shí)的需要,學(xué)生在簡(jiǎn)單的逐幀動(dòng)畫(huà),動(dòng)作補(bǔ)間和形狀填充之后,想要掌握更深的操作技能,學(xué)生通過(guò)生產(chǎn)閃光燈面具動(dòng)畫(huà)的原理和基本應(yīng)用,開(kāi)發(fā)學(xué)生深入研究Flash興趣和實(shí)踐學(xué)習(xí)能力。
教學(xué)目標(biāo)
知識(shí)和技能
(1)掌握面具動(dòng)畫(huà)的基本原理;(2)了解掩模層和掩模層之間的關(guān)系;(3)使用面具知識(shí),學(xué)習(xí)探照燈,動(dòng)態(tài)文字效果動(dòng)畫(huà)制作;2.方法和方法
(1)通過(guò)分析掩模盒,掌握生產(chǎn)的掩模 三個(gè)步驟加深理解掩模的原理;(2)通過(guò)生產(chǎn)面具實(shí)例,提高學(xué)生使用掩蔽能力的靈活性;情感態(tài)度和價(jià)值觀
(1)培養(yǎng)學(xué)生深入研究閃光興趣,體驗(yàn)創(chuàng)作成功的喜悅和成就感;(2)通過(guò)知識(shí)點(diǎn)的遷移,培養(yǎng)學(xué)生的創(chuàng)新精神和適應(yīng)能力;教學(xué)重點(diǎn)和困難
教學(xué)重點(diǎn)
掩模原理和掩模效應(yīng)的三步法生產(chǎn)。2.教學(xué)困難
了解掩模和掩模之間的關(guān)系。
教學(xué)法
教學(xué)方法,演示方法,分層任務(wù)驅(qū)動(dòng)方法,自主查詢(xún)學(xué)習(xí)方法
教學(xué)準(zhǔn)備
多媒體網(wǎng)絡(luò)教室,面具動(dòng)畫(huà)案例
班級(jí)安排
安排1小時(shí)。
教學(xué)過(guò)程
一,進(jìn)口情況
晚上在燈塔中顯示動(dòng)畫(huà)卡通貓和老鼠拍攝電影的照片,同時(shí)顯示動(dòng)畫(huà)效果的一些例子,本課的內(nèi)容:閃光面具動(dòng)畫(huà)。
學(xué)生欣賞的工作,激發(fā)學(xué)習(xí)興趣,清除本課的目標(biāo)
設(shè)計(jì)意圖:通過(guò)展示大量的面具示例來(lái)激發(fā)學(xué)生的學(xué)習(xí)興趣,引導(dǎo)學(xué)生思考,導(dǎo)出本課 內(nèi)容。
二,探索新知識(shí)
示例分析
以探照燈效果為例,通過(guò)網(wǎng)絡(luò)教學(xué)軟件顯示源文件時(shí)間軸面板,幫助學(xué)生分析動(dòng)畫(huà)的組成。題:
A.有幾層?
二,一層是背景,一層是圖形(圓)
B.圓圈層中的動(dòng)畫(huà)類(lèi)型是什么?(動(dòng)作補(bǔ)間)
學(xué)生小心觀察和回答問(wèn)題
設(shè)計(jì)意圖:通過(guò)問(wèn)題來(lái)幫助學(xué)生審查前面的知識(shí)點(diǎn)(層,動(dòng)作補(bǔ)間動(dòng)畫(huà)的特點(diǎn))2.原則說(shuō)明
面具的意義有點(diǎn)抽象,可以準(zhǔn)備一個(gè)預(yù)先準(zhǔn)備的教具提供形狀;B.被覆蓋-提供被阻止的內(nèi)容(文字,圖片等)3.示范
到探照燈。fla文檔,例如,解釋其特性和生產(chǎn)方法。
強(qiáng)調(diào):生產(chǎn)思想3步:
A.哪一層先?什么層(掩模層/掩模層)?首先做掩模層,做掩模層。B.重新分析誰(shuí)是掩模層,誰(shuí)是掩模層?背景被掩蓋,圓圈被掩蓋。C.最后,誰(shuí)在移動(dòng)?什么樣的舉動(dòng)?在動(dòng)作中循環(huán)移動(dòng)運(yùn)動(dòng)。
(引導(dǎo)學(xué)生設(shè)置圖形層是通過(guò)圖形層來(lái)完成掩膜層,以查看文字掩模效果,從而實(shí)現(xiàn)探照燈效果)
4.學(xué)生在機(jī)器練習(xí)
基本任務(wù):探照燈面罩動(dòng)畫(huà)。
展開(kāi)任務(wù):動(dòng)態(tài)文本。
教師巡查咨詢(xún),及時(shí)關(guān)注糾正學(xué)生錯(cuò)誤的問(wèn)題
設(shè)計(jì)意圖:基本任務(wù)比較簡(jiǎn)單,擴(kuò)展任務(wù)集 是幫助學(xué)生一步一步完成整個(gè)動(dòng)畫(huà)。培養(yǎng)學(xué)生自學(xué)能力。
顯示,評(píng)估,總結(jié)。
展示學(xué)生優(yōu)秀作品,總結(jié)面具動(dòng)畫(huà)知識(shí)點(diǎn),學(xué)生自我評(píng)價(jià),缺乏反饋,總結(jié)學(xué)到的知識(shí)點(diǎn),根據(jù)情況,交流反饋,鼓勵(lì)學(xué)生積極學(xué)習(xí)Flash軟件。
第五篇:Flash遮罩動(dòng)畫(huà)教案
Flash遮罩動(dòng)畫(huà)制作
【教學(xué)目標(biāo)】
知識(shí)目標(biāo):1.掌握遮罩動(dòng)畫(huà)的原理,理解遮罩層與被遮罩層的關(guān)系。
2.掌握遮罩動(dòng)畫(huà)的制作方法。
能力目標(biāo):能夠靈活運(yùn)用Flash動(dòng)畫(huà)軟制作技巧,創(chuàng)作動(dòng)畫(huà)作品。情感目標(biāo):1.感受運(yùn)用Flash動(dòng)畫(huà)軟件創(chuàng)作作品的樂(lè)趣
2.體驗(yàn)信息技術(shù)蘊(yùn)含的文化內(nèi)涵,形成和保持對(duì)信息技術(shù)的求知欲。【教學(xué)重點(diǎn)】:遮罩的含義和遮罩效果的制作方法 【教學(xué)難點(diǎn)】:理解遮罩層與被遮罩層的關(guān)系 【學(xué)情分析】:通過(guò)前面的學(xué)習(xí),學(xué)生已經(jīng)掌握了動(dòng)畫(huà)的制作方法,理解了形狀補(bǔ)間和動(dòng)作補(bǔ)間的區(qū)別。對(duì)于遮罩動(dòng)畫(huà),大家都還未接觸過(guò),是一個(gè)全新的知識(shí) 【教學(xué)過(guò)程】
一、新課導(dǎo)入
教師展示Flash動(dòng)畫(huà)作品,讓學(xué)生觀察動(dòng)畫(huà)并找出其特點(diǎn)。教師點(diǎn)明課題《遮罩動(dòng)畫(huà)》,介紹本節(jié)課學(xué)習(xí)目標(biāo)。
二、學(xué)習(xí)新知識(shí)
(一)展示遮罩動(dòng)畫(huà)應(yīng)用實(shí)例——文字遮罩動(dòng)畫(huà),并進(jìn)行分析,歸納出遮罩動(dòng)畫(huà)的原理。
遮罩動(dòng)畫(huà)的原理:透過(guò)一種圖形看被遮擋的內(nèi)容(圖片、文字)。
(二)打開(kāi)源文件,分析圖層,講解遮罩層與被遮罩層的內(nèi)容和關(guān)系
遮罩層與被遮罩層:1.遮罩層圖形
2.被遮罩層:被擋住的圖片或文字(最終看到的內(nèi)容)
(三)展示遮罩動(dòng)畫(huà)實(shí)例2——圖片展示,讓學(xué)生分析遮罩層與被遮罩層的內(nèi)容,落實(shí)知識(shí)點(diǎn)。
大家分析:哪一個(gè)是遮罩層,哪一個(gè)是被遮罩層。
二、以實(shí)例“文字出現(xiàn)”為例,演示并講解遮罩效果的制作過(guò)程。
第一步:打開(kāi)Flash軟件,新建兩個(gè)圖層,分別命名為“遮罩層”和“被遮罩層”
注意:“遮罩層”位于“被遮罩層”上方
第二步:在“被遮罩層”中輸入文字。點(diǎn)擊第一幀,輸入文字“古城中學(xué)”,在第40幀插入關(guān)鍵幀。
第三步:在“遮罩層”中繪制圖形。在第一幀繪制一個(gè)矩形,在文字左邊,與文字不相交。在第30幀處,將矩形并行移動(dòng)到文字上直至完全與文字重疊。然后在第1幀與第30幀之間創(chuàng)建運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)。
第四步:右鍵單擊“遮罩層”,在菜單中選擇“遮罩層”。遮罩動(dòng)畫(huà)制作完成。
三、鞏固練習(xí)
學(xué)生根據(jù)教師演示的步驟,制作文字出現(xiàn)的動(dòng)畫(huà)。
四、請(qǐng)學(xué)生展示。教師總結(jié)
教學(xué)反思: