常寶寶北京大學(xué)信息科學(xué)技術(shù)學(xué)院chbb@pku.edu.cn 計(jì)算機(jī)網(wǎng)絡(luò)和多媒體技術(shù)課件

1、常寶寶北京大學(xué)信息科學(xué)技術(shù)學(xué)院計(jì)算機(jī)網(wǎng)絡(luò)和多媒體技術(shù)動(dòng)畫(huà)制作軟件Flash介紹Flash簡(jiǎn)介Flash是美國(guó)Macromedia 公司開(kāi)發(fā)的一個(gè)優(yōu)秀的網(wǎng)頁(yè)交互式動(dòng)畫(huà)設(shè)計(jì)軟件。Flash使用矢量圖形和流式播放技術(shù)。矢量圖形可以任意縮放動(dòng)畫(huà)尺寸而不影響圖形質(zhì)量，而流式播放技術(shù)使得可以邊下載動(dòng)畫(huà)邊播放動(dòng)畫(huà)。（圖形和圖像的存儲(chǔ)方式不同，圖像是點(diǎn)陣式儲(chǔ)存，圖形是矢量?jī)?chǔ)存。圖像放大會(huì)失真，出現(xiàn)鋸齒，矢量圖形沒(méi)有關(guān)系。）Flash使用關(guān)鍵幀和圖符,生成的動(dòng)畫(huà)文件非常小，非常符合網(wǎng)頁(yè)動(dòng)畫(huà)設(shè)計(jì)的需要。 使用Flash可以將交互式融入動(dòng)畫(huà)，從而做出可以和用戶交互的動(dòng)畫(huà)作品。 Flash工作界面菜單工具欄舞臺(tái)時(shí)間軸

2、窗口圖符庫(kù)窗口繪圖工具欄播放控制欄狀態(tài)欄動(dòng)畫(huà)創(chuàng)作者可以用Flash提供的各種工具在舞臺(tái)上繪制動(dòng)畫(huà)內(nèi)容。動(dòng)畫(huà)是由許許多多稱為幀（frame）的圖片組成的。舞臺(tái)是動(dòng)畫(huà)創(chuàng)作者制作幀的作坊。 時(shí)間軸用來(lái)描述動(dòng)畫(huà)中幀如何隨著時(shí)間而變化。利用時(shí)間軸窗口，用戶可以把舞臺(tái)上的不同圖層中的圖形作為幀安放在時(shí)間軸上的某一刻，定義出不同幀的播放順序。 可以重復(fù)使用的圖形元素如：圖片、按紐和動(dòng)畫(huà)片段可以圖符（symbol）的形式保存下來(lái)，這些圖符被存在圖符庫(kù)中。提供了創(chuàng)作和編輯圖形的工具，利用這些工具，可以在舞臺(tái)上繪制、編輯圖形對(duì)象。播放控制工具欄提供了一組控制動(dòng)畫(huà)播放的按紐。如播放、停止播放按紐等等。 設(shè)置舞臺(tái)屬性

3、操作：（菜單）Modify|Movie （熱鍵）Ctrl+M舞臺(tái)屬性Frame Rate : 幀播放速率(網(wǎng)頁(yè)動(dòng)畫(huà)以每秒12幀為宜)Dimensions : 幀的寬度和高度，單位是像素，最小為18，最大是2880。Match: content：按舞臺(tái)上的對(duì)象設(shè)定舞臺(tái)大小。printer：按照當(dāng)前選定的紙型設(shè)定舞臺(tái)大小。Background : 背景顏色Ruler Unit : 標(biāo)尺、網(wǎng)格單位設(shè)定 繪制圖形和文字繪制工具繪制橢圓利用繪圖工具欄的橢圓工具(Oval Tool)繪制橢圓利用Windows|Panels|Stroke進(jìn)行橢圓線條屬性設(shè)定利用Windows|Panels|Fill進(jìn)行橢圓

4、填充屬性設(shè)定如何繪制圓形（同時(shí)按住shift鍵）鉛筆工具模擬鉛筆，創(chuàng)作任意形狀的圖形對(duì)象。利用繪圖工具欄的鉛筆工具(Pencil Tool)進(jìn)行繪制 線條屬性設(shè)定同線條繪制注意三種繪制模式間的細(xì)微差異拉直模式(straighten)、平滑模式(smooth)和徒手模式(ink)如何畫(huà)出水平、垂直線條(同時(shí)按住shift鍵)繪制圖形和文字繪制工具鋼筆工具繪制線條、曲線等。利用繪圖工具欄的鋼筆工具(Pen Tool)進(jìn)行繪制 線條屬性設(shè)定同線條繪制用鋼筆工具繪直線（單擊創(chuàng)建端點(diǎn)）用鋼筆工具繪曲線（單擊拖動(dòng)創(chuàng)建端點(diǎn)） 繪制圖形和文字顏色處理墨水瓶工具 使用繪圖工具欄墨水瓶工具(Ink Bottle

5、Tool)改變線條的顏色、寬度和樣式（對(duì)填充色無(wú)效），不能使用漸進(jìn)色油漆桶工具使用繪圖工具欄油漆桶工具(Paint Bucket Tool)改變填充色，對(duì)線條無(wú)效，可以使用漸進(jìn)色缺口選項(xiàng)（不封閉缺口、封閉小缺口、封閉中型缺口和封閉大缺口） 吸管工具 使用繪圖工具欄吸管工具(Dropper Tool)拾取舞臺(tái)中已有的顏色并用于其它對(duì)象對(duì)線條應(yīng)用后，自動(dòng)選擇墨水瓶工具；對(duì)區(qū)域應(yīng)用后，自動(dòng)選擇油漆桶工具按住shift在進(jìn)行顏色拾取，不自動(dòng)選擇墨水瓶以及油漆桶工具繪制圖形和文字圖形編輯橡皮擦工具使用繪圖工具欄橡皮擦工具(Eraser Tool)擦除圖形 擦除模式（正常擦除、填充擦除、線條擦除、選擇擦除

6、、內(nèi)部擦除） 水龍頭工具（整個(gè)區(qū)域或線條擦除）選定工具 箭頭工具 使用繪圖工具欄箭頭工具(Arrow Tool)單擊選定（線條或填充區(qū)域）、雙擊選定（線條、線條和區(qū)域）以及矩形選定 拉直變換、平滑變換、縮放變換、旋轉(zhuǎn)變換(Modify|Transform)繪制圖形和文字圖形編輯選定工具 套索工具 使用繪圖工具欄套索工具(Lasso Tool)任意形狀的選定多邊形選定魔術(shù)棒工具 選定工具 錨點(diǎn)選擇工具使用繪圖工具錨點(diǎn)選擇工具(Subselect Tool) 對(duì)線條或曲線進(jìn)行調(diào)整圖形組合和反組合 把多個(gè)對(duì)象組合成一個(gè)對(duì)象處理 執(zhí)行Modify|group (Ctrl+G)進(jìn)行組合執(zhí)行Modify|

7、ungroup進(jìn)行 反組合 繪制圖形和文字文字工具文字工具使用繪圖工具欄文字工具(Text Tool)文字屬性設(shè)定Windows|Panels|CharacterWindows|Panels|Paragraph繪制圖形和文字圖形編輯打散用來(lái)將文本塊、圖符實(shí)例、位圖等對(duì)象分成獨(dú)立的可編輯的元素。 執(zhí)行Modify|break apart(Ctrl+B)進(jìn)行打散 打散命令不可逆轉(zhuǎn) 打散命令對(duì)對(duì)象有下述影響： 切斷了圖符實(shí)例同圖符的聯(lián)系。將位圖轉(zhuǎn)換成填色。將文本字符轉(zhuǎn)換成輪廓線。切斷了OLE對(duì)象同其原創(chuàng)作程序的聯(lián)系。反組合命令與打散命令的區(qū)別反組合命令將集合的元素重新分成不連續(xù)的部分，這個(gè)命令不能夠

8、打散字體、位圖或?qū)嵗?，它只是將集合元素恢?fù)到集合之前的狀態(tài)。 它也不能將字體轉(zhuǎn)換成輪廓線。 動(dòng)畫(huà)制作 基本概念基本概念 漸變動(dòng)畫(huà)（運(yùn)動(dòng)漸變、形狀漸變）制作出的動(dòng)畫(huà)文件很小，但不能作出復(fù)雜的變化，在指定了一個(gè)開(kāi)始幀和結(jié)尾幀之后，F(xiàn)lash負(fù)責(zé)制作出開(kāi)始幀和結(jié)尾幀之間的幀。 逐幀動(dòng)畫(huà) 制作出的動(dòng)畫(huà)文件較大 適合做復(fù)雜的動(dòng)畫(huà) 關(guān)鍵幀：是漸變動(dòng)畫(huà)中表示變化開(kāi)始和結(jié)束的幀。 動(dòng)畫(huà)制作 層有關(guān)層的操作創(chuàng)建新層（按紐）刪除層（按紐）改變層的堆疊順序(拖動(dòng))層的重命名（雙擊）隱藏層、鎖定層、概要顯示特殊層：引導(dǎo)層和遮罩層動(dòng)畫(huà)制作 時(shí)間軸時(shí)間軸窗口主要內(nèi)容包括：層、幀以及播放頭，在窗口左部列出的是動(dòng)畫(huà)中所有的層

9、，右部是每一層中所包含的所有的幀，窗口頂部的數(shù)字是幀的編號(hào)，粉紅色的方塊是播放頭(playhead)。窗口底部的狀態(tài)條上的數(shù)字分別是當(dāng)前選定幀的編號(hào)、幀速率以及播放到當(dāng)前選定幀所需要的時(shí)間。在時(shí)間軸窗口中，關(guān)鍵幀表示為一個(gè)黑色的圓點(diǎn) 播放頭可以通過(guò)拖動(dòng)方式改變位置。 動(dòng)畫(huà)制作 圖符圖符（symbol）是在動(dòng)畫(huà)中可以重用的圖片、按紐、聲音或者動(dòng)畫(huà)片段等。在Flash中圖符被保存在圖符庫(kù)中。在創(chuàng)作動(dòng)畫(huà)時(shí)如果需要使用圖符，則可以將圖符從圖符庫(kù)中拖動(dòng)到舞臺(tái)上，這稱做在舞臺(tái)上為該圖符創(chuàng)建了一個(gè)實(shí)例（instance）。圖符的引入會(huì)減小動(dòng)畫(huà)文件的大小，因?yàn)槿绻趧?dòng)畫(huà)文件中創(chuàng)建了一個(gè)圖符的多個(gè)實(shí)例，該圖符最

10、終在動(dòng)畫(huà)文件中只保存一次。對(duì)圖符編輯修改會(huì)影響到所有圖符實(shí)例。而對(duì)圖符某個(gè)實(shí)例的編輯修改則不影響該圖符的其它實(shí)例。 動(dòng)畫(huà)制作 圖符圖符的類別：圖片、按紐和動(dòng)畫(huà)片段 打開(kāi)圖符庫(kù)（Window|library） 創(chuàng)建圖符（Insert|new symbol） 將舞臺(tái)上選定的圖形對(duì)象轉(zhuǎn)換為圖符（Insert|Convert to Symbol）圖符實(shí)例的編輯（直接在舞臺(tái)上進(jìn)行）圖符的編輯進(jìn)入圖符編輯模式（Edit|Edit symbols）退回到動(dòng)畫(huà)編輯模式（ Edit|Edit movie ）圖符庫(kù)有關(guān)操作：建文件夾、刪除、重命名圖符等操作。動(dòng)畫(huà)制作 漸變動(dòng)畫(huà)漸變動(dòng)畫(huà)運(yùn)動(dòng)漸變（位置變化）形狀漸變（

11、形狀變化）漸變動(dòng)畫(huà)中，不僅可以設(shè)定舞臺(tái)上的對(duì)象運(yùn)動(dòng)和變形，而且還可以設(shè)定在運(yùn)動(dòng)和變形過(guò)程中改變大小和旋轉(zhuǎn)。在關(guān)鍵幀處運(yùn)用變換功能對(duì)圖形對(duì)象進(jìn)行變換 使用幀屬性面板執(zhí)行windows|panels|frame設(shè)定運(yùn)動(dòng)漸變或形體漸變（tweening motion/shape） 設(shè)定旋轉(zhuǎn)特性（rotate）（不旋轉(zhuǎn)，順時(shí)針旋轉(zhuǎn)、逆時(shí)針旋轉(zhuǎn)、旋轉(zhuǎn)次數(shù)） 設(shè)定變速運(yùn)動(dòng)（easing，負(fù)值表示逐漸加速，正值表示逐漸減速，0表示勻速） 動(dòng)畫(huà)制作例示（1）新建動(dòng)畫(huà)文件；（2）設(shè)定舞臺(tái)屬性，寬300像素、高50像素，背景色藍(lán)色（3）創(chuàng)建一個(gè)小球的圖符；（無(wú)輪廓線以及經(jīng)向漸進(jìn)色填充）（4）在舞臺(tái)左側(cè)建立小球的實(shí)

12、例，觀察時(shí)間軸第1幀處出現(xiàn)了一個(gè)表示關(guān)鍵幀的黑色圓點(diǎn)。（5）選定時(shí)間軸第25幀處，插入一個(gè)關(guān)鍵幀。（6）將小球平移到舞臺(tái)右側(cè)。（7）重新選定第1幀，執(zhí)行windows|panels|frame打開(kāi)幀屬性面板，點(diǎn)擊tweening標(biāo)簽，選擇motion，此時(shí)，時(shí)間軸上出現(xiàn)了一個(gè)從第1幀指向第25幀的箭頭，表明創(chuàng)建了一個(gè)運(yùn)動(dòng)漸變動(dòng)畫(huà)。（8）執(zhí)行control|test movie觀看動(dòng)畫(huà)播放效果。（9）執(zhí)行file|publish（shift+F12）發(fā)布動(dòng)畫(huà)動(dòng)畫(huà)制作例示（1）新建動(dòng)畫(huà)文件；（2）設(shè)定舞臺(tái)屬性，寬100像素、高100像素，背景色藍(lán)色（3）使用文字工具輸入字母F（4）分別在第12、2

13、4、36、48、60幀處插入關(guān)鍵幀，并分別將字母F改為L(zhǎng)、A、S、H、F（5）分別選定第1、12、24、36、48、60幀，將字母打散（6）分別選定第1、12、24、36、48幀，利用幀屬性面板，點(diǎn)擊tweening標(biāo)簽，選擇shape。（7）執(zhí)行control|test movie觀看動(dòng)畫(huà)播放效果。（8）執(zhí)行file|publish（shift+F12）發(fā)布動(dòng)畫(huà)動(dòng)畫(huà)制作遮罩層遮罩層也是一個(gè)特殊層，該層上可以有一個(gè)填充形狀或一個(gè)文字塊或一個(gè)實(shí)例。并且遮罩層總是和一個(gè)被罩層聯(lián)系在一起，在播放時(shí)，被遮罩層中只有蓋在遮罩層中形狀對(duì)象下面的部分會(huì)顯示出來(lái)。使用遮罩層選定被遮罩層，執(zhí)行Insert|layer，在被遮罩層上方創(chuàng)建一個(gè)新層。選擇新創(chuàng)建的層，執(zhí)行context menu|mask，該層就變作遮罩層。 動(dòng)畫(huà)制作導(dǎo)向?qū)釉贔lash中，如果想建立復(fù)雜的運(yùn)動(dòng)路線，則可以通過(guò)建立運(yùn)動(dòng)導(dǎo)向?qū)雍瓦\(yùn)動(dòng)路徑的辦法，如果希望層A上的圖形對(duì)象沿著一個(gè)復(fù)雜的運(yùn)動(dòng)路徑運(yùn)動(dòng)，則可以為層A建立一個(gè)運(yùn)動(dòng)導(dǎo)向?qū)印２⒃趯?dǎo)向?qū)由嫌勉U筆工具、鋼筆工具、矩形工具等繪制運(yùn)動(dòng)路徑。為層A建立導(dǎo)向?qū)拥姆椒? 選中層A，執(zhí)行Context Menu | Add Motion Guide 。