《多媒體CAI課件制作應(yīng)用教程》第四章Flash動畫型課件設(shè)計

高等學(xué)校計算機應(yīng)用規(guī)劃教材《多媒體CAI課件制作應(yīng)用教程》第四

章

Flash動畫型課件設(shè)計學(xué)習(xí)目標(biāo)Flash是Adobe公司出品的一款多媒體矢量動畫軟件，在互聯(lián)網(wǎng)、多媒體課件制作以及游戲軟件制作等領(lǐng)域得到了廣泛應(yīng)用。使用該軟件制作的多媒體CAI課件不僅界面美觀、動靜結(jié)合、聲形并茂，而且極大地方便了老師與學(xué)生之間的相互交流。相對于其他課件制作軟件而言，F(xiàn)lashCS6具有簡單易學(xué)、操作方便，適用于網(wǎng)絡(luò)發(fā)布等優(yōu)點，同時使用該軟件所制作的動畫有著良好的兼容性，能夠很方便地被Dreamweaver、PowerPoint等課件制作軟件調(diào)用，因此受到廣闊教師的青睞。通過對本章的學(xué)習(xí)，讀者應(yīng)了解并掌握FlashCS6的功能特點和根本使用方法，并且能夠應(yīng)用該軟件制作出圖文并茂的多媒體CAI課件。4.1Flash動畫制作根底

Flash動畫是一種以Web應(yīng)用為主的二維動畫形式，不僅能通過文字、圖片、視頻以及聲音等綜合手段展現(xiàn)動畫意圖，還可以通過強大的交互功能實現(xiàn)與觀眾之間的互動。提高其學(xué)習(xí)的興趣和效率。

Flash動畫的特點認(rèn)識FlashCS6工作界面4.1.1Flash動畫的特點

Flash是目前最為流行的二維動畫制作軟件之一，是矢量圖編輯和動畫創(chuàng)作的專業(yè)軟件。Flash軟件提供的物體變形和透明技術(shù)使得創(chuàng)立動畫更加容易；交互設(shè)計讓用戶可以隨心所欲地控制動畫，用戶有更多的主動權(quán)；優(yōu)化的界面設(shè)計和強大的工具使Flash更簡單實用。Flash還具有導(dǎo)出獨立運行程序的能力。4.1.2認(rèn)識FlashCS6工作界面

FlashCS6的工作界面中主要包括【菜單欄】、【工具箱】、【時間軸】面板、【舞臺】、【屬性】面板及面板集等界面元素。4.2Flash課件的根本操作使用FlashCS6可以創(chuàng)立新的課件文檔以進行全新的動畫制作，也可以翻開以前保存的課件文檔進行再次編輯。本節(jié)主要介紹Flash課件文檔的新建、保存和翻開等根本操作。新建Flash課件文檔保存Flash課件文檔翻開Flash課件文檔4.2.1新建Flash課件文檔

使用FlashCS6可以創(chuàng)立新的課件文檔或翻開以前保存的課件文檔，也可以在工作時翻開新的窗口并且設(shè)置新建課件文檔或現(xiàn)有課件文檔的屬性。創(chuàng)立一個Flash課件文檔有新建空白課件文檔和新建模板課件文檔兩種方式。

4.2.2保存Flash課件文檔

在完成對Flash課件文檔的編輯和修改后，需要對其進行保存操作?？蛇x擇【文件】|【保存】命令，也可單擊主工具欄上的【保存】按鈕，翻開【另存為】對話框，如圖4-14所示，在該對話框中設(shè)置文件的保存路徑、文件名和文件類型后，單擊【保存】按鈕即可。4.2.3翻開Flash課件文檔選擇【文件】|【翻開】命令，或者單擊【主工具欄】上的【翻開】按鈕，翻開【翻開】對話框，如圖4-18所示，選擇要翻開的文件，單擊【翻開】按鈕，即可翻開選中的文件。4.3在課件中繪制矢量線條

矢量線條是構(gòu)成圖形最根底的元素之一，在FlashCS6中，矢量線條繪圖工具主要包括【線條】、【鉛筆】和【鋼筆】工具。使用【線條】工具使用【鉛筆】工具使用【鋼筆】工具4.3.1使用【線條】工具

【線條】工具主要用于繪制不同角度的矢量直線。在【工具】面板中選擇【線條】工具，將光標(biāo)移動到舞臺上，會顯示為十字形狀，按住鼠標(biāo)左鍵向任意方向拖動，即可繪制出一條直線。4.3.2使用【鉛筆】工具

使用【鉛筆】工具可以繪制任意線條，在【工具】面板選擇【鉛筆】工具后，在所需位置按下鼠標(biāo)左鍵拖動即可。在使用【鉛筆】工具繪制線條時，按住【Shift】鍵，可以繪制出水平或垂直方向的線條。4.3.3使用【鋼筆】工具

【路徑】是由一個或多個直線段和曲線段組成，線段的起始點和結(jié)束點由錨點標(biāo)記。使用【工具】面板中的【鋼筆】工具，可以創(chuàng)立和編輯路徑，以便繪制出需要的圖形。

FlashCS6提供的幾何圖形繪制工具用來繪制標(biāo)準(zhǔn)的幾何圖形，這些圖形繪制工具主要包括【橢圓】、【矩形】以及【多角星形】工具等。使用【矩形】工具使用【橢圓】工具使用【多角星形】工具使用【橡皮擦】工具4.4在課件中繪制幾何圖形

4.4.1使用【矩形】工具

【工具】面板中的【矩形】工具和【根本矩形】工具用于繪制矩形圖形，這些工具不僅能設(shè)置矩形的形狀、大小、顏色，還能設(shè)置邊角半徑來修改矩形形狀。4.4.2使用【橢圓】工具

【橢圓】工具和【根本橢圓】工具用于繪制橢圓圖形，它和矩形工具類似，差異主要在于橢圓工具的選項中有關(guān)角度和內(nèi)徑的設(shè)置。4.4.3使用【多角星形】工具

使用【多角星形】工具可以繪制多邊形圖形和多角星形圖形，選擇【多角星形】工具后，將鼠標(biāo)光標(biāo)移動到舞臺上，按住鼠標(biāo)左鍵拖動繪制出五邊形。翻開其【屬性】面板，在該面板中的大局部參數(shù)選項與之前介紹的圖形繪制工具相同。4.4.4使用【橡皮擦】工具

【橡皮擦】工具就是一種擦除工具，可以快速擦除舞臺中的任何矢量對象，包括筆觸和填充區(qū)域。Deco工具是裝飾性繪畫工具，可以將創(chuàng)立的圖形形狀轉(zhuǎn)變?yōu)閺?fù)雜的幾何圖案。Deco工具使用算術(shù)計算(稱為過程繪圖)。這些計算將應(yīng)用于【庫】面板中創(chuàng)立的【影片剪輯】或【圖形】元件。FlashCS6的Deco工具較之前版本有了很大的擴展，其繪制效果在原來的【藤蔓式填充】、【網(wǎng)格填充】和【對稱刷子】這3個根底效果之上，又添加了【3D刷子】、【建筑物刷子】、【裝飾性刷子】、【火焰動畫】和【火焰刷子】等一共13種。選擇Deco工具后，在【屬性】面板中翻開【繪制效果】下拉列表框，可以查看和選擇這些效果。藤蔓式填充網(wǎng)格填充裝飾性刷子4.5使用Deco裝飾性繪畫工具

4.5.1

藤蔓式填充

選擇【藤蔓式填充】效果，可以用藤蔓式圖案填充設(shè)計區(qū)、元件或封閉區(qū)域。用戶還可以選擇【庫】中的元件替換葉子和花朵的插圖，生成的圖案將包含在影片剪輯中，而影片剪輯本身包含組成圖案的元件。4.5.2網(wǎng)格填充

選擇【網(wǎng)格填充】效果，可以以元件填充設(shè)計區(qū)、元件或封閉區(qū)域。將網(wǎng)格填充繪制到設(shè)計區(qū)中，如果移動填充元件或調(diào)整其大小，那么網(wǎng)格填充將隨之移動或調(diào)整大小。4.5.3裝飾性刷子

裝飾性刷子效果在進行Flash繪圖時很有用，我們可以通過應(yīng)用裝飾性刷效果，繪制出多種裝飾線，例如梯形圖案、繩形、星形、波浪線等。文本是Flash課件中重要的組成元素之一，不僅可以幫助影片表述內(nèi)容，也可以對影片起到一定的美化作用。FlashCS6對【文本】工具有了很大的改變和加強，在豐富原有傳統(tǒng)文本模式的根底上，又新增了TLF文本模式，可以使用戶更有效地加強對文本的控制。文本的類型創(chuàng)立傳統(tǒng)文本創(chuàng)立TLF文本設(shè)置文本屬性文本的別離與變形4.6在課間中創(chuàng)立和編輯文本4.6.1文本的類型

使用【文本】工具可以創(chuàng)立多種類型的文本，從FlashCS6開始，除了以前的傳統(tǒng)文本模式以外，還增添了TLF文本模式。TLF文本支持更多豐富的文本布局以及對文本屬性的更精密的控制功能。4.6.2創(chuàng)立傳統(tǒng)文本傳統(tǒng)文本是Flash的根底文本模式，它在圖文制作方面發(fā)揮著重要的作用。傳統(tǒng)文本類型可分為靜態(tài)文本、動態(tài)文本、輸入文本共3種。4.6.3創(chuàng)立TLF文本

TLF文本的出現(xiàn)，使得Flash在文字排版方面的功能大大加強。4.6.4設(shè)置文本屬性

為了使Flash動畫中的文字更加靈活，用戶可以使用【文本】工具的屬性面板對文本的字體和段落屬性進行設(shè)置。其中，文本的字符屬性包括字體、字體大小、樣式、顏色、字符間距、自動調(diào)整字距和字符位置等；段落屬性包括對齊方式、邊距、縮進和行距等。4.6.5文本的別離與變形Flash動畫需要豐富多彩的文本效果，因此在對文本進行根底排版之后，用戶經(jīng)常還要對其進行更進一步的加工，這時就需要用到文本的別離與變形功能。時間軸是用于組織和控制動畫內(nèi)容在一定時間內(nèi)播放的圖層數(shù)與幀數(shù)。動畫播放的長度不是以時間為單位的，而是以幀為單位，創(chuàng)立Flash動畫，實際上就是創(chuàng)立連續(xù)幀上的內(nèi)容。認(rèn)識時間軸認(rèn)識幀幀的根本操作4.7時間軸與幀的概念

4.7.1認(rèn)識時間軸

時間軸是用于組織和控制動畫內(nèi)容在一定時間內(nèi)播放的圖層數(shù)與幀數(shù)。動畫播放的長度不是以時間為單位的，而是以幀為單位，創(chuàng)立Flash動畫，實際上就是創(chuàng)立連續(xù)幀上的內(nèi)容。4.7.2認(rèn)識幀

幀是Flash動畫的最根本組成局部，F(xiàn)lash動畫正是由不同的幀組合而成的。時間軸是擺放和控制幀的地方，幀在時間軸上的排列順序?qū)Q定動畫的播放順序，至于每一幀中有什么具體內(nèi)容，那么需在相應(yīng)的幀的工作區(qū)域內(nèi)進行制作，比方在第一幀繪了一幅圖，那么這幅圖只能作為第一幀的內(nèi)容，第二幀還是空的。4.7.3幀的根本操作在制作動畫時，可以根據(jù)需要對幀進行一些根本操作，例如插入、選擇、刪除、去除、復(fù)制、移動和翻轉(zhuǎn)幀等。對于大多數(shù)Flash動畫的初學(xué)者而言，逐幀動畫是最簡單易懂的一種動畫形式，學(xué)習(xí)起來也比較簡單，本節(jié)將介紹如何在課件中使用逐幀動畫效果。逐幀動畫的原理課件范例——倒計時效果4.8課件的逐幀動畫效果

4.8.1逐幀動畫的原理

逐幀動畫，也叫【幀幀動畫】，是最常見的動畫形式，最適合于圖像在每一幀中都在變化而不是在舞臺上移動的復(fù)雜動畫。4.8.2課件范例——倒計時效果

本節(jié)通過實例介紹逐幀動畫的制作過程。當(dāng)需要在課件中展示移動位置、改變大小、旋轉(zhuǎn)、改變色彩等效果時，就可以使用動作補間動畫了。在制作動作補間動畫時，用戶只需對最后一個關(guān)鍵幀的對象進行改變，其中間的變化過程即可自動形成，因此大大減少了工作量。課件范例——彈簧振子動作補間動畫的編輯4.9課件的動作補間動畫效果4.9.1課件范例——彈簧振子

動作補間動畫也稱動畫補間動畫，它可以用于補間實例、組和類型的位置、大小、旋轉(zhuǎn)和傾斜，以及表現(xiàn)顏色、漸變顏色切換或淡入淡出效果。在動作補間動畫中要改變組或文字的顏色，必須將其變換為元件；而要使文本塊中的每個字符分別動起來，那么必須將其別離為單個字符。下面通過一個簡單實例說明動作補間動畫的創(chuàng)立方法。4.9.2動作補間動畫的編輯

在設(shè)置了動畫補間動畫之后，可以通過【屬性】面板，對動作補間動畫進行進一步的加工編輯。選中創(chuàng)立動作補間動畫的任意一幀，翻開【屬性】面板進行設(shè)置。形狀補間是一種在制作對象形狀變化時經(jīng)常被使用到的動畫形式，它的制作原理是通過在兩個具有不同形狀的關(guān)鍵幀之間指定形狀補間，以表現(xiàn)中間變化過程的方法形成動畫。課件范例——幾何切面形狀補間動畫的編輯4.10課件的形狀補間動畫效果

4.10.1課件范例——幾何切面

形狀補間動畫是通過在時間軸的某個幀中繪制一個對象，在另一個幀中修改該對象或重新繪制其他對象；然后由Flash計算出兩幀之間的差距并插入過度幀，從而創(chuàng)立出動畫的效果。要在不同的形狀之間形成形狀補間動畫，對象就不能是元件實例，對于圖形元件和文字等，必須先進行【別離】操作，然后才能創(chuàng)立形狀補間動畫。4.10.2形狀補間動畫的編輯

當(dāng)建立了一個形狀補間動畫后，可以進行適當(dāng)?shù)木庉嫴僮?。選中創(chuàng)立補間動畫中的某一幀，翻開【屬性】面板進行設(shè)置。

Flash的遮罩層功能是一個強大的動畫制作工具，利用的遮罩層功能，在動畫中只需要設(shè)置一個遮罩層，就能遮掩一些對象，可以制作出燈光移動或其他復(fù)雜的動畫效果。遮罩層動畫原理課件范例——地球自轉(zhuǎn)4.11

課件遮罩層動畫效果

4.11.1遮罩層動畫原理

Flash中的遮罩層是制作動畫時非常有用的一種特殊圖層，它的作用就是可以通過遮罩層內(nèi)的圖形看到被遮罩層中的內(nèi)容，利用這一原理，制作者可以使用遮罩層制作出多種復(fù)雜的動畫效果。4.11.2課件范例——地球自轉(zhuǎn)

在FlashCS6中新建一個文檔，使用遮罩層動畫制作一個介紹地球自轉(zhuǎn)的簡單課件。引導(dǎo)層是一種特殊的圖層，在該圖層中，同樣可以導(dǎo)入圖形和引入元件，但是最終發(fā)布動畫時引導(dǎo)層中的對象不會被顯示出來。按照引導(dǎo)層發(fā)揮的功能不同，可以將分為普通引導(dǎo)層和運動引導(dǎo)層兩種類型。普通引導(dǎo)層傳統(tǒng)運動引導(dǎo)層課件范例——地球公轉(zhuǎn)4.12課件的引導(dǎo)層動畫效果

4.12.1普通引導(dǎo)層

普通引導(dǎo)層在【時間軸】面板的圖層名稱前方會顯示圖標(biāo)，該圖層主要用于輔助靜態(tài)對象定位，并且可以不使用被引導(dǎo)層而單獨使用。

傳統(tǒng)運動引導(dǎo)層

傳統(tǒng)運動引導(dǎo)層在時間軸上以按鈕表示，該圖層主要用于繪制對象的運動路徑，可以將圖層鏈接到同一個運動引導(dǎo)層中，使圖層中的對象沿引導(dǎo)層中的路徑運動，這時該圖層將位于運動引導(dǎo)層下方并成為被引導(dǎo)層。4.12.3課件范例——地球公轉(zhuǎn)

在FlashCS6中新建一個文檔，使用引導(dǎo)層動畫制作一個介紹地球公轉(zhuǎn)的簡單課件。在Flash中參加聲音和視頻可以使動畫效果更加生動形象，提高動畫的可欣賞性。本節(jié)來介紹在Flash中參加聲音和視頻信息的技巧。導(dǎo)入聲音文件導(dǎo)入視頻文件4.13Flash中的聲音和視頻

4.13.1導(dǎo)入聲音文件

Flash在導(dǎo)入聲音時，可以給按