Flash動(dòng)畫(huà)型課件制作

第4章Flash動(dòng)畫(huà)型課件制作實(shí)例2023/2/5清華大學(xué)出版社主編：方其桂Flash是一款非常著名的動(dòng)畫(huà)制作軟件，它操作簡(jiǎn)便、易學(xué)，而且功能強(qiáng)大，利用它可以制作出界面美觀、動(dòng)靜結(jié)合、聲形并茂、交互方便的多媒體CAI課件。同時(shí)Flash所制作的動(dòng)畫(huà)有著良好的兼容性，可以很方便地被其他課件制作工具如Authorware、PowerPoint等所調(diào)用，因而受到越來(lái)越多教師的喜愛(ài)。本章以FlashCS6軟件版本為例，詳細(xì)介紹Flash課件的制作方法與技巧。內(nèi)

容提要Flash基礎(chǔ)知識(shí)01輸入課件文本02導(dǎo)入課件元素04設(shè)計(jì)課件動(dòng)畫(huà)05設(shè)置課件交互06繪制課件圖形03目錄制作課件實(shí)例074.1.1認(rèn)識(shí)界面單擊“開(kāi)始”按鈕，選擇“程序”→“AdobeFlashProfessionalCS6”命令，運(yùn)行FlashCS6軟件。首先看到的是FlashCS6的使用界面，如圖所示。4.1Flash基礎(chǔ)知識(shí)菜單欄工具箱控制面板編輯區(qū)時(shí)間軸4.1.1認(rèn)識(shí)界面（菜單欄）菜單欄位于工作界面的最上方，其中包含了FlashCS6的所有菜單命令、關(guān)鍵字搜索以及控制按鈕等，提供了動(dòng)畫(huà)、傳統(tǒng)、調(diào)試、設(shè)計(jì)人員、開(kāi)發(fā)人員、基本功能及小屏幕等不同組合的工作區(qū)。其中的“傳統(tǒng)”模式，繼承了以前版本的風(fēng)格，F(xiàn)lash的老用戶可能更習(xí)慣這種模式。4.1Flash基礎(chǔ)知識(shí)4.1.1認(rèn)識(shí)界面（

工具箱）工具箱中包含了很多繪畫(huà)工具，其中放置了可供圖形和文本編輯的工具，用這些工具可以繪圖、選取、噴涂、修改以及編排文字等。工具箱可以根據(jù)需要調(diào)整大小和位置?？赏ㄟ^(guò)選擇“窗口”→“工具”命令打開(kāi)或關(guān)閉工具箱，如圖所示。4.1Flash基礎(chǔ)知識(shí)4.1.1認(rèn)識(shí)界面（控制面板）控制面板主要用于幫助用戶查看、組織和編輯各類對(duì)象，通過(guò)面板上的各個(gè)選項(xiàng)控制元件、實(shí)例、顏色、類型、幀等對(duì)象的特征。如果所需的面板沒(méi)有顯示，可通過(guò)“窗口”菜單中的命令來(lái)打開(kāi)，也可將某個(gè)控制面板關(guān)閉，如圖所示為“屬性”面板和“庫(kù)”面板。4.1Flash基礎(chǔ)知識(shí)4.1.1認(rèn)識(shí)界面（編輯區(qū)）編輯區(qū)是制作動(dòng)畫(huà)的工作區(qū)域，也可用于多場(chǎng)景管理，包括工作區(qū)(舞臺(tái)四周的灰色區(qū)域)和舞臺(tái)，如圖所示。舞臺(tái)是創(chuàng)作動(dòng)畫(huà)中各幀內(nèi)容的區(qū)域，可以在其中直接繪制圖形或?qū)雸D片。4.1Flash基礎(chǔ)知識(shí)4.1.1認(rèn)識(shí)界面（“時(shí)間軸”面板）“時(shí)間軸”面板是Flash進(jìn)行動(dòng)畫(huà)創(chuàng)作和編輯的重要工具，默認(rèn)狀態(tài)下位于編輯區(qū)下方。用它可以查看每一幀的情況、調(diào)整動(dòng)畫(huà)播放的速度、安排幀的內(nèi)容、改變幀與幀之間的關(guān)系等，如圖所示。4.1Flash基礎(chǔ)知識(shí)4.1.2創(chuàng)建課件利用Flash制作多媒體CAI課件，首先要新建一個(gè)Flash動(dòng)畫(huà)文件，然后設(shè)置文件屬性。4.1Flash基礎(chǔ)知識(shí)4.1.3發(fā)布課件課件制作完成后，要將其生成為可以脫離Flash環(huán)境運(yùn)行的文件，方便用于教學(xué)。Flash可將作品輸出為多種格式的文件，如SWF、HTML、EXE等，可根據(jù)需要，選擇一種格式來(lái)輸出。4.1Flash基礎(chǔ)知識(shí)4.2.1創(chuàng)建課件文本Flash中創(chuàng)建的文本有三種類型，分別是“只讀”、“可選”和“可編輯”。這三種文本類型可以在“屬性”面板的“文本類型”選項(xiàng)中進(jìn)行設(shè)置?！爸蛔x”：設(shè)置此選項(xiàng)后，在生成的SWF動(dòng)畫(huà)中，文本框中的文本只能被看到。“可選”：設(shè)置此選項(xiàng)后，在生成的SWF動(dòng)畫(huà)中，文本框中的文本可以進(jìn)行選擇?！翱删庉嫛保涸O(shè)置此選項(xiàng)后，在生成的SWF動(dòng)畫(huà)中，文本框中的文本可以重新編輯。4.2輸入課件文本4.2.2設(shè)置文本屬性舞臺(tái)中輸入文字是包含在文本框內(nèi)，包括TLF文本與傳統(tǒng)文本。對(duì)于傳統(tǒng)文本，可以從位置和大小、字符、段落、選項(xiàng)、濾鏡等五個(gè)方面進(jìn)行設(shè)置。對(duì)于TLF文本，可以從字符、高級(jí)字符、段落、高級(jí)段落、容器和流等五個(gè)方面進(jìn)行設(shè)置。4.2輸入課件文本4.2.3編輯文本效果在FlashCS6中，可以除設(shè)置文本字體、字形、大小、顏色外，還可以使用濾鏡制作特殊的文本效果，如投影效果、發(fā)光效果等等，通過(guò)各種技術(shù)的綜合運(yùn)用，根據(jù)自己的想象力，制作需要的文本效果。4.2輸入課件文本4.2.3編輯文本效果（文本分離）位圖與文本都可以分離，分離后的文本與用繪圖工具繪制出來(lái)的圖形一樣，成為矢量圖，可以更方便地編輯，制作各種不同的效果。分離方法：選中文本，選擇“修改”→“分離”命令。選中文本，按Ctrl+B組合鍵。如果選中的是多個(gè)文本，要經(jīng)過(guò)兩次分離，文本第一次會(huì)被分離為單個(gè)文本，單個(gè)文本再次分離會(huì)得到矢量圖。4.2輸入課件文本4.3.1認(rèn)識(shí)繪圖工具常用的繪制圖形工具有“線條工具”、“鉛筆工具”、“矩形工具”、“橢圓工具”、“多邊形工具”、“刷子工具”和“噴涂刷工具”，使用這些工具可以繪制出課件所需的裝飾圖案，也可以繪制課件中所需要的圖形。4.3繪制課件圖形4.3.1輔助繪畫(huà)工具在FlashCS6中，常用的輔助繪圖工具有選擇工具、套索工具、縮放工具、手形工具和任意變形工具等。選取工具：用于選取操作對(duì)象。部分選取工具：用于顯示繪制對(duì)象的路徑或路徑的錨點(diǎn)，并可對(duì)錨點(diǎn)進(jìn)行選擇、刪除、移動(dòng)等操作。任意變形工具：轉(zhuǎn)動(dòng)和縮放對(duì)象。套索工具：利用套索可以在工作區(qū)選定一個(gè)不規(guī)則的區(qū)域。手形工具：手形工具的作用就是通過(guò)平移舞臺(tái)，在不改變舞臺(tái)縮放比率的情況下，查看對(duì)象的不同部分?？s放工具：縮放工具用于縮小或放大視圖，從而便于查看編輯操作。4.3繪制課件圖形4.3.2繪制課件圖形在Flash中，除了可以繪制各種圖形，也可繪制課件中的各種圖形，如化學(xué)試驗(yàn)裝置圖、物理光學(xué)圖形、力學(xué)圖形、數(shù)學(xué)中的幾何圖形等。4.3繪制課件圖形4.3.3編輯課件圖形編輯課件圖形是Flash的基礎(chǔ)操作，包括選擇對(duì)象、復(fù)制對(duì)象、改變對(duì)象形狀、排列對(duì)象等。在本節(jié)中將講解如何改變對(duì)象形狀與編輯對(duì)象。4.3繪制課件圖形4.3.4制作課件元件使用Flash制作課件時(shí)，經(jīng)常使用到元件和實(shí)例。創(chuàng)建后的元件保存在“庫(kù)”面板中，當(dāng)從“庫(kù)”面板中將元件置入舞臺(tái)上時(shí)，就創(chuàng)建了一個(gè)該元件的實(shí)例。4.3繪制課件圖形FlashCS6可以使用外部多媒體素材，如圖像、動(dòng)畫(huà)、聲音、視頻等，F(xiàn)lashCS6支持多種格式的音頻和視頻文件，導(dǎo)入并使用這些外部元素，可以大大豐富課件的表現(xiàn)能力。4.4導(dǎo)入課件元素導(dǎo)入圖片素材導(dǎo)入聲音素材導(dǎo)入動(dòng)畫(huà)素材導(dǎo)入視頻素材4.4.1導(dǎo)入圖像素材要制作一個(gè)復(fù)雜的Flash動(dòng)畫(huà)，全部使用繪制的矢量圖形是很浪費(fèi)時(shí)間的，對(duì)于動(dòng)畫(huà)制作來(lái)說(shuō)，外部圖像素材獲取方便，表現(xiàn)力豐富。FlashCS6可以導(dǎo)入以下等類型的圖形圖像文件。JPEGPSDPNGGIFWMFEPS4.4導(dǎo)入課件元素4.4.2導(dǎo)入聲音素材Flash課件中的聲音是通過(guò)外部聲音文件而得到的，與導(dǎo)入圖片的操作一樣，選擇“文件”→“導(dǎo)入”“導(dǎo)入到庫(kù)”命令，就可以將選擇的音頻文件導(dǎo)入到文檔中。4.4導(dǎo)入課件元素4.4.3導(dǎo)入動(dòng)畫(huà)素材Flash中可以自己制作動(dòng)畫(huà)，也可以導(dǎo)入外部的動(dòng)畫(huà)文件，如GIF、SWF等，與導(dǎo)入圖片的操作一樣，選擇“文件”→“導(dǎo)入”“導(dǎo)入到庫(kù)”命令，就可以將選擇的動(dòng)畫(huà)文件導(dǎo)入到文檔中。4.4導(dǎo)入課件元素4.4.4導(dǎo)入視頻素材視頻在多媒體CAI課件中也是經(jīng)常使用到的，它可以將一些現(xiàn)象直觀地反映出來(lái)，并且比較真實(shí)。在制作多媒體課件時(shí)，有些生活現(xiàn)象用視頻來(lái)表現(xiàn)就是很好的一種方式。4.4導(dǎo)入課件元素FlashCS6中動(dòng)畫(huà)類型很多，除三種基本動(dòng)畫(huà)，補(bǔ)間形狀、傳統(tǒng)補(bǔ)間、補(bǔ)間動(dòng)畫(huà)外，還提供了三種輔助動(dòng)畫(huà)與輔助技術(shù)，分別是逐幀動(dòng)畫(huà)、遮罩動(dòng)畫(huà)、路徑動(dòng)畫(huà)，與反向運(yùn)動(dòng)與骨骼系統(tǒng)等，利用這些技術(shù)可以制作各種動(dòng)畫(huà)效果，本書(shū)從以下五個(gè)方面介紹：逐幀動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)遮罩動(dòng)畫(huà)路徑動(dòng)畫(huà)骨骼動(dòng)畫(huà)4.5設(shè)計(jì)課件動(dòng)畫(huà)4.5.1制作逐幀動(dòng)畫(huà)逐幀動(dòng)畫(huà)是指在每個(gè)幀上都有關(guān)鍵性變化的動(dòng)畫(huà)，它由許多單個(gè)的關(guān)鍵幀組合而成，當(dāng)連續(xù)播放這么多幀時(shí)，就形成了動(dòng)畫(huà)。逐幀動(dòng)畫(huà)適合制作相鄰關(guān)鍵幀中對(duì)象變化不大的動(dòng)畫(huà)。4.5設(shè)計(jì)課件動(dòng)畫(huà)4.5.2制作補(bǔ)間動(dòng)畫(huà)漸變動(dòng)畫(huà)是指制作好若干關(guān)鍵幀的畫(huà)面，由Flash自動(dòng)生成中間各幀，使得畫(huà)面從一個(gè)關(guān)鍵幀漸變到另一個(gè)關(guān)鍵幀的動(dòng)畫(huà)。在漸變動(dòng)畫(huà)中，F(xiàn)lash存儲(chǔ)的僅僅是幀之間的改變值，中間的動(dòng)畫(huà)由計(jì)算機(jī)自動(dòng)處理。4.5設(shè)計(jì)課件動(dòng)畫(huà)4.5.3制作遮罩動(dòng)畫(huà)遮罩動(dòng)畫(huà)是利用遮罩層來(lái)創(chuàng)建的動(dòng)畫(huà)。使用遮罩層后，遮罩層下面圖層的內(nèi)容就像透過(guò)一個(gè)窗口顯示出來(lái)一樣，這個(gè)窗口的形狀和大小就是遮罩層中的內(nèi)容的形狀和大小。在課件中制作遮罩動(dòng)畫(huà)能夠?qū)?dòng)畫(huà)演示限制在一個(gè)形狀或區(qū)域內(nèi)，還可以實(shí)現(xiàn)某些特殊的效果。4.5設(shè)計(jì)課件動(dòng)畫(huà)4.5.4制作引導(dǎo)動(dòng)畫(huà)課件制作中，有時(shí)候需要一種按自己設(shè)定的既定路線運(yùn)動(dòng)的動(dòng)畫(huà)，這時(shí)就可以利用引導(dǎo)動(dòng)畫(huà)來(lái)實(shí)現(xiàn)。添加引導(dǎo)圖層，在該引導(dǎo)層中繪制出運(yùn)動(dòng)路線，把要運(yùn)動(dòng)的動(dòng)畫(huà)對(duì)象放到被引導(dǎo)層中，即可輕松完成各種按既定路線運(yùn)動(dòng)的動(dòng)畫(huà)。4.5設(shè)計(jì)課件動(dòng)畫(huà)4.5.5制作骨骼動(dòng)畫(huà)骨絡(luò)動(dòng)畫(huà)是一種使用骨骼的關(guān)節(jié)結(jié)構(gòu)對(duì)一個(gè)對(duì)象或彼此相關(guān)的一組對(duì)象進(jìn)行動(dòng)畫(huà)處理的方法。FlashCS6中創(chuàng)建骨骼動(dòng)畫(huà)的對(duì)象分為兩種，一種為元件實(shí)例對(duì)象，別一種為圖形形狀。

4.5設(shè)計(jì)課件動(dòng)畫(huà)交互型課件是指在演示或動(dòng)畫(huà)型課件的基礎(chǔ)上，教師能夠根據(jù)教學(xué)情況，對(duì)課件的內(nèi)容進(jìn)行控制，并能夠?qū)崿F(xiàn)簡(jiǎn)單人機(jī)交互的課件。例如：?jiǎn)螕舭粹o播放或后退、單擊目錄供選擇課件內(nèi)容、用按鍵控制課件內(nèi)容、錄入答案判斷正誤、將圖形拖動(dòng)到正確位置、控制時(shí)鐘等。本書(shū)從以下三個(gè)方面介紹設(shè)課件交互的方法：4.6設(shè)置課件交互用按鈕實(shí)現(xiàn)交互用輸入文本實(shí)現(xiàn)交互用組件實(shí)現(xiàn)交互4.6.1用按鈕實(shí)現(xiàn)交互使用按鈕交互是指，用鼠標(biāo)單擊課件中的一個(gè)或幾個(gè)按鈕來(lái)對(duì)課件進(jìn)行交互控制；使用按鈕能夠讓課件在實(shí)際課堂教學(xué)中更加靈活、方便，可以根據(jù)學(xué)生情況即時(shí)調(diào)整課件內(nèi)容。