Flash初步與矢量圖課件

1第5講Flash初步與矢量圖1第5講Flash初步與矢量圖22教師信息教師：電子信箱：辦公室：電話：22教師信息教師：復(fù)習(xí)與回顧復(fù)習(xí)與回顧4教學(xué)目的了解動(dòng)畫基本原理了解動(dòng)畫的分類與存儲(chǔ)格式了解動(dòng)畫制作軟件FlashCS4初步熟悉Flash的工作環(huán)境掌握Flash的基本設(shè)置與操作掌握Flash中各種工具的使用學(xué)會(huì)繪制矢量圖4教學(xué)目的了解動(dòng)畫基本原理5重點(diǎn)和難點(diǎn)重點(diǎn)影片文檔屬性的設(shè)置工具面板和屬性面板的使用繪制矢量圖理解Flash的兩種文件格式：fla和swf難點(diǎn)面板的使用繪制矢量圖5重點(diǎn)和難點(diǎn)重點(diǎn)動(dòng)畫的原理19世紀(jì)20年代，英國科學(xué)家發(fā)現(xiàn)了人眼的“視覺殘留效應(yīng)”（物體被移動(dòng)后其形象在人眼視網(wǎng)膜上還可有約1秒的停留），揭示了連續(xù)分解的動(dòng)作在快速閃現(xiàn)時(shí)產(chǎn)生活動(dòng)影像的原理。根據(jù)“視覺殘留效應(yīng)”原理，當(dāng)連續(xù)相互關(guān)聯(lián)的圖像快速變化時(shí)，人眼看到的這個(gè)圖像變化的過程就是視頻。電影、電視、動(dòng)畫和計(jì)算機(jī)視頻都是根據(jù)這個(gè)原理來實(shí)現(xiàn)的。動(dòng)畫的原理19世紀(jì)20年代，英國科學(xué)家發(fā)現(xiàn)了人眼的“視覺殘留動(dòng)畫的產(chǎn)生傳統(tǒng)動(dòng)畫是將具有差異的圖片繪制在膠片上，然后通過攝像機(jī)連續(xù)拍攝圖片畫面，膠片播放時(shí)實(shí)現(xiàn)動(dòng)畫。計(jì)算機(jī)動(dòng)畫技術(shù)，將動(dòng)畫中的關(guān)鍵動(dòng)畫(關(guān)鍵幀)輸入計(jì)算機(jī)，動(dòng)畫的中間過程由計(jì)算機(jī)自動(dòng)產(chǎn)生。動(dòng)畫的產(chǎn)生傳統(tǒng)動(dòng)畫是將具有差異的圖片繪制在膠片上，然后通過攝計(jì)算機(jī)動(dòng)畫的類型-1二維動(dòng)畫二維動(dòng)畫只要制作關(guān)鍵幀圖像，關(guān)鍵幀之間的圖像通過計(jì)算機(jī)計(jì)算得到的插值方法來自動(dòng)實(shí)現(xiàn)。二維動(dòng)畫最常用的是基于角色動(dòng)畫。角色可以是：線條、形狀、文字、圖像或另一段動(dòng)畫。二維動(dòng)畫分類逐幀動(dòng)畫：角色變化沒有規(guī)律可尋，需要一幀幀地制作，然后連續(xù)播放。漸變補(bǔ)間動(dòng)畫：角色變化有一定規(guī)律，可以制作好角色的初始狀態(tài)和最終狀態(tài)，由計(jì)算機(jī)來產(chǎn)生中間變化過程。制作二維動(dòng)畫軟件VB、JAVA程序設(shè)計(jì)語言Adobe公司的FlashCS4就是用來制作二維動(dòng)畫GIFAnimation用來制作短小的GIF動(dòng)畫計(jì)算機(jī)動(dòng)畫的類型-1二維動(dòng)畫計(jì)算機(jī)動(dòng)畫的類型-2三維動(dòng)畫二維動(dòng)畫是平面的，只有上下左右的運(yùn)動(dòng)效果。三維動(dòng)畫還有前后（縱深）的運(yùn)動(dòng)效果，所以增加了立體感和空間感。運(yùn)用建模、透視與消隱等功能后，就制作出簡單的框架結(jié)構(gòu)的立體畫面。三維動(dòng)畫，也是由連續(xù)漸變的一幅幅畫面組成。每一幅畫面是一張靜態(tài)的三維透視圖。制作三維動(dòng)畫軟件VRML語言3DSMAX、MAYAUlead公司推出的Cool3D可以快速建立三維圖形，通過設(shè)置關(guān)鍵幀，快速完成動(dòng)畫。計(jì)算機(jī)動(dòng)畫的類型-2三維動(dòng)畫計(jì)算機(jī)動(dòng)畫的類型-3虛擬現(xiàn)實(shí)虛擬現(xiàn)實(shí)，英文名為VirtualReality，簡稱VR技術(shù)，也稱假想現(xiàn)實(shí)，也就是用計(jì)算機(jī)合成人工世界。虛擬現(xiàn)實(shí)的最大特點(diǎn)是用戶可以與虛擬環(huán)境進(jìn)行人機(jī)交互，將被動(dòng)式觀看變成更逼真地體驗(yàn)互動(dòng)。應(yīng)用于旅游、房地產(chǎn)、大廈、別墅公寓、寫字樓、景點(diǎn)展示、觀光游覽、酒店飯店、賓館餐飲、園林景觀、公園展覽展示、博物館，地鐵、機(jī)場、車站、碼頭等行業(yè)項(xiàng)目展示、宣傳。計(jì)算機(jī)動(dòng)畫的類型-3虛擬現(xiàn)實(shí)常用的動(dòng)畫存儲(chǔ)格式GIF動(dòng)畫格式GIF圖像文件的數(shù)據(jù)是經(jīng)過無損壓縮的，在一個(gè)GIF文件中可以存多幅彩色圖像，把存于一個(gè)文件中的多幅圖像數(shù)據(jù)逐幅讀出并顯示到屏幕上，就可構(gòu)成一種最簡單的動(dòng)畫。AVI格式AVI是對(duì)視頻、音頻文件采用的一種有損壓縮方式，該方式的壓縮率較高，并可將音頻和視頻混合到一起，其應(yīng)用范圍非常廣泛。SWF格式SWF是ADOBE公司的動(dòng)畫設(shè)計(jì)軟件Flash的專用格式，是一種支持矢量和點(diǎn)陣圖形的動(dòng)畫文件格式，被廣泛應(yīng)用于網(wǎng)頁設(shè)計(jì)，動(dòng)畫制作等領(lǐng)域。FLICFLI/FLC格式

FLC/FLI是Autodesk公司在其出品的2D、3D動(dòng)畫制作軟件中采用的動(dòng)畫文件格式。AutodeskAnimator和3DSudio等動(dòng)畫制作軟件均采用了這種彩色動(dòng)畫文件格式。MOV、QT格式

MOV即QuickTime影片格式，它是Apple公司開發(fā)的一種音頻、視頻文件格式。Qt是諾基亞開發(fā)的一個(gè)跨平臺(tái)的C++圖形用戶界面應(yīng)用程系框架。它提供給應(yīng)用程序開發(fā)者建立藝術(shù)級(jí)的圖形用戶界面所需的所用功能。虛擬現(xiàn)實(shí)動(dòng)畫（VR）VR是一項(xiàng)綜合集成技術(shù)，涉及計(jì)算機(jī)圖形學(xué)、人機(jī)交互技術(shù)、傳感技術(shù)、人工智能等領(lǐng)域，它用計(jì)算機(jī)生成逼真的三維視、聽、嗅覺等感覺，使人作為參與者通過適當(dāng)裝置，自然地對(duì)虛擬世界進(jìn)行體驗(yàn)和交互作用。常用的動(dòng)畫存儲(chǔ)格式GIF動(dòng)畫格式12Flash背景知識(shí)AdobeFlash簡介AdobeFlash前稱MacromediaFlash，簡稱Flash。自從Macromedia公司于2005年被Adobe公司收購，F(xiàn)lash也就成為了Adobe旗下的軟件。AdobeFlash特點(diǎn)基于矢量繪圖流式播放技術(shù)多媒體特性強(qiáng)大的交互功能廣泛的平臺(tái)支持易學(xué)易用、可擴(kuò)展性好Flash與網(wǎng)絡(luò)聯(lián)系密切，其大量的特性是與網(wǎng)絡(luò)相關(guān)的?？梢哉f，沒有網(wǎng)絡(luò)的結(jié)合，F(xiàn)lash絕對(duì)不能取得如此大的成功。12Flash背景知識(shí)AdobeFlash簡介Flash特點(diǎn)-基于矢量繪圖矢量圖像僅由線條和線條所封閉的填充區(qū)域組成，所需存儲(chǔ)空間小，可任意縮放尺寸而不影響畫面質(zhì)量。位圖圖像由大量的像素點(diǎn)組成，比較逼真，但所需存儲(chǔ)空間大，隨著圖像尺寸的放大畫面品質(zhì)將大幅度下降。Flash特點(diǎn)-基于矢量繪圖矢量圖像僅由線條和線條所封閉的Flash特點(diǎn)-流式播放技術(shù)流式（stream）播放技術(shù)使得動(dòng)畫可以邊播放邊下載，從而緩解瀏覽者焦急等待的情緒。GIF動(dòng)畫需等到動(dòng)畫全部下載完畢后才能觀看，對(duì)于大動(dòng)畫等待時(shí)間過長。Flash特點(diǎn)-流式播放技術(shù)流式（stream）播放技術(shù)使Flash的特點(diǎn)-多媒體特性可以將動(dòng)畫、視頻、音樂、聲效等有機(jī)融合在一起支持多種圖像格式文件導(dǎo)入可導(dǎo)入Photoshop、Illustrator、Freehand等軟件制作的圖形和圖像可導(dǎo)入AdobePDF電子文檔和AdobeIllustrator10文件支持視頻、音頻文件導(dǎo)入可從外部調(diào)用視頻文件可使用MP3支持多種動(dòng)畫輸出格式SWF、SPL、GIF、AI、BMP、JPG、PNG、AVI、MOV、MAV、EMF、WMF、EPS、DXFFlash的特點(diǎn)-多媒體特性可以將動(dòng)畫、視頻、音樂、聲效等有Flash的特點(diǎn)-強(qiáng)大的交互功能內(nèi)置的ActionScript腳本語言，易于精確實(shí)現(xiàn)復(fù)雜的交互事件行為控制可在動(dòng)畫中加入滾動(dòng)條、復(fù)選框、下拉菜單和拖動(dòng)物體等各種交互組件?？膳cJava或其他類型的程序融合在一起，在不同的操作平臺(tái)和瀏覽器中播放。支持動(dòng)態(tài)數(shù)據(jù)交互，ASP功能的全面嵌入使其可用于動(dòng)態(tài)電子商務(wù)網(wǎng)站及虛擬社區(qū)等的建設(shè)。Flash的特點(diǎn)-強(qiáng)大的交互功能內(nèi)置的ActionScripFlash的特點(diǎn)-廣泛的平臺(tái)支持任何安裝有FlashPlayer插件的網(wǎng)頁瀏覽器都可以觀看Flash動(dòng)畫，目前已經(jīng)有95%以上的瀏覽器安裝了FlashPlayer，幾乎包含了所有的瀏覽器和操作系統(tǒng)。IE、Firefox、OperaFlash的特點(diǎn)-廣泛的平臺(tái)支持任何安裝有FlashPlaFlash的特點(diǎn)-易學(xué)易用、可擴(kuò)展性好強(qiáng)大的動(dòng)畫編輯功能使得設(shè)計(jì)者可以隨心所欲地設(shè)計(jì)出高品質(zhì)的動(dòng)畫。通過第三方開發(fā)的Flash插件程序，可以方便地實(shí)現(xiàn)一些以往需要非常繁瑣的操作才能實(shí)現(xiàn)的動(dòng)態(tài)效果，大大提高了Flash影片的制作效率。Flash的特點(diǎn)-易學(xué)易用、可擴(kuò)展性好強(qiáng)大的動(dòng)畫編輯功能使得Flash的發(fā)展史FutureSplashAnimator(1995年)-由簡單的工具和時(shí)間線組成MacromediaFlash1(1996年)-Macromedia更名后為Flash的第一個(gè)版本MacromediaFlash2(1997年)-引入庫的概念MacromediaFlash3(1998年)-影片剪輯，Javascript插件，獨(dú)立播放器MacromediaFlash4(1999年)-文本輸入框，ActionScript，流媒體，MP3MacromediaFlash5(2000年)-HTML文本格式和SmartClip(智能影片剪輯)MacromediaFlashMX(2002年)-Unicode，組件，XML，流媒體視頻編碼MacromediaFlashMX2004(2003年)-ActionScript2.0，流媒體視頻行為MacromediaFlash8(2005年)-為移動(dòng)設(shè)備開發(fā)的功能，創(chuàng)建FlashWebAdobeFlashCS3(2007年)-Adobe耗資34億美元并購MacromediaAdobeFlashCS4(2008年)-Actionscript3.0，針對(duì)AdobeAIR進(jìn)行創(chuàng)作

AdobeFlashCS5Professional(2010年)-FlashBuilder、TLF文本支持AdobeFlashCS6Professional(2012年)-支持HTML、3D轉(zhuǎn)換Flash的發(fā)展史FutureSplashAnimatoFlashCS4啟動(dòng)界面FlashCS4啟動(dòng)界面FlashCS4工作界面的組成菜單欄舞臺(tái)和工作區(qū)時(shí)間軸工具面板屬性面板其他面板屬性面板舞臺(tái)和工作區(qū)時(shí)間軸工具面板FlashCS4工作界面的組成菜單欄屬性面板舞臺(tái)和工作區(qū)時(shí)22Flash的工作環(huán)境之場景Flash中，制作影片的工作區(qū)域。類似話劇、電影等的場景，在Flash里以場景的形式來劃分時(shí)間段或故事情節(jié)。在制作動(dòng)畫的過程中，可以根據(jù)創(chuàng)作的需要隨時(shí)添加、復(fù)制、移動(dòng)、修改或刪除場景。場景在flash中是不可缺少的(至少要有一個(gè)場景)。Flash在編輯的時(shí)候，只有一個(gè)當(dāng)前場景處于顯示狀態(tài)。Flash動(dòng)畫播放的時(shí)候，默認(rèn)的播放順序就是按照?qǐng)鼍暗南群蟠涡蛞来尾シ?。一個(gè)Flash文件中可以包含多個(gè)場景，播放時(shí)依次逐個(gè)播放提示：對(duì)于幀數(shù)多的，又便于“分段”的動(dòng)畫，應(yīng)該分場景制作場景管理－使用“場景”面板可以使用ActionScript的相關(guān)語句進(jìn)行播放控制。22Flash的工作環(huán)境之場景Flash中，制作影片的工作場景的操作在菜單欄選擇“插入/場景”命令，插入空白場景。使用編輯欄上的“編輯場景”按鈕，可以快速切換場景。在菜單欄選擇“窗口/其他面板/場景”命令，打開“場景”面板，可以看到當(dāng)前文件場景的列表。編輯欄中的“編輯場景”按鈕場景面板場景的操作在菜單欄選擇“插入/場景”命令，插入空白場景。編輯24Flash的工作環(huán)境之面板面板作用類似于對(duì)話框，用于進(jìn)行相關(guān)設(shè)置。通過窗口菜單可以顯示或關(guān)閉各種面板。Flash中面板包括4大類共有20幾種。常用面板屬性面板工具面板庫面板時(shí)間軸面板24Flash的工作環(huán)境之面板面板25FlashCS4面板_屬性面板屬性面板是一個(gè)綜合性的面板?？梢栽O(shè)置圖形、圖像、元件，以及工具和文檔的有關(guān)屬性。例如，選用“文本”工具時(shí)，就可以設(shè)置文本的字體、字號(hào)、顏色等屬性。提示：屬性面板中的內(nèi)容隨用戶所選定的內(nèi)容的不同而變化。25FlashCS4面板_屬性面板屬性面板是一個(gè)綜合性的面26Flash面板_工具面板26Flash面板_工具面板27Flash面板_庫面板元件（Symbol）元件也被稱作符號(hào)或圖符，是Flash動(dòng)畫的重要組成部分，元件對(duì)象可以應(yīng)用于當(dāng)前動(dòng)畫或其他動(dòng)畫中。元件的主要特性是可以被重復(fù)利用，且不會(huì)影響影片的大小。

Flash中包括三種元件類型，分別為圖形元件、影片剪輯元件與按鈕元件，每一種元件都具有獨(dú)特的屬性。庫（Library）Flash中的所有元件都被歸納在庫面板中，庫可以理解為保存各種元件的文件夾，當(dāng)元件被創(chuàng)建后，將自動(dòng)保存到庫中。應(yīng)用庫面板中的元件時(shí)，只需將元件從庫中拖拽到場景舞臺(tái)。即使在場景中將所有元件全部刪除，也不會(huì)影響庫面板中的元件。27Flash面板_庫面板元件（Symbol）28Flash面板_時(shí)間軸面板主要用于組織和控制影片中圖層和幀的內(nèi)容，使這些內(nèi)容隨著時(shí)間的推移而發(fā)生相應(yīng)變化。設(shè)計(jì)者可以將不同的對(duì)象安排在時(shí)間軸內(nèi)，讓不同的對(duì)象或圖層上的部件，有一個(gè)共同的時(shí)間標(biāo)準(zhǔn)。只要對(duì)準(zhǔn)了同一幀，就可保證所有的動(dòng)作都會(huì)在同一時(shí)間發(fā)生。時(shí)間軸最重要的組成部分：幀、圖層和播放頭。28Flash面板_時(shí)間軸面板主要用于組織和控制影片中圖層29圖層幀播放頭時(shí)間軸時(shí)間軸面板示意圖29圖層幀播放頭時(shí)間軸時(shí)間軸面板示意圖30Flash的工作環(huán)境之工具欄工具欄主工具欄－命令按鈕編輯欄－場景編輯、元件編輯、顯示比例控制器－控制影片播放通過“窗口/工具欄”打開或關(guān)閉各個(gè)工具欄30Flash的工作環(huán)境之工具欄工具欄基本操作工具面板中的復(fù)合工具和提示面板的折疊與展開、打開與關(guān)閉、移動(dòng)及變形通過折疊按鈕實(shí)現(xiàn)面板折疊與展開通過“窗口”菜單實(shí)現(xiàn)面板打開與關(guān)閉通過鼠標(biāo)拖動(dòng)實(shí)現(xiàn)面板移動(dòng)及變形“基本功能”菜單可以切換工作界面的布局基本操作工具面板中的復(fù)合工具和提示32動(dòng)畫的制作過程-1創(chuàng)建新文件或打開文件設(shè)置文檔屬性通過菜單“修改/文檔”或“屬性面板”設(shè)置導(dǎo)入文件(素材)通過菜單“文件/導(dǎo)入”可以導(dǎo)入導(dǎo)入到舞臺(tái)(將素材導(dǎo)入到舞臺(tái)，同時(shí)也導(dǎo)入到庫)導(dǎo)入到庫(將素材只導(dǎo)入到庫)32動(dòng)畫的制作過程-1創(chuàng)建新文件或打開文件33動(dòng)畫的制作過程-2創(chuàng)建動(dòng)畫在舞臺(tái)上和時(shí)間軸中排列各種對(duì)象元素，以定義它們?cè)趧?dòng)畫中顯示的時(shí)間和顯示方式。常用的動(dòng)畫逐幀動(dòng)畫形狀補(bǔ)間動(dòng)畫動(dòng)作補(bǔ)間動(dòng)畫動(dòng)畫參數(shù)設(shè)置33動(dòng)畫的制作過程-2創(chuàng)建動(dòng)畫34動(dòng)畫的制作過程-3播放在編輯環(huán)境中演示動(dòng)畫?？刂破鳌椿剀?、“控制”菜單。測試在獨(dú)立窗口中演示動(dòng)畫。相當(dāng)于發(fā)布成SWF影片后，用播放器播放（按Ctrl＋Enter）。會(huì)自動(dòng)生成SWF文件。發(fā)布“發(fā)布”就是把Flash編輯成果以多種形式保存?！鞍l(fā)布設(shè)置”對(duì)話框上設(shè)置保存形式?！鞍l(fā)布預(yù)覽”保存成設(shè)置形式，并在在獨(dú)立窗口中播放。34動(dòng)畫的制作過程-3播放35動(dòng)畫的制作過程-4保存文件的幾種格式Flash文件（擴(kuò)展名fla）Flash的編輯格式影片文件（擴(kuò)展名swf）－SWF用Flash播放器播放－SWF文件可與播放器集成網(wǎng)頁中用插件（Active控件）播放動(dòng)畫GIF（非逐幀動(dòng)畫不能用此方式）35動(dòng)畫的制作過程-4保存文件的幾種格式36課堂示例1：矢量圖繪制利用繪圖和文字工具，繪制矢量圖和文字知識(shí)點(diǎn)：文檔屬性設(shè)置文字工具線條工具多角星形工具36課堂示例1：矢量圖繪制利用繪圖和文字工具，繪制矢量圖和文課堂示例1-關(guān)鍵步驟新建Flash文件，“屬性面板”設(shè)置文檔屬性：舞臺(tái)顏色設(shè)置為藍(lán)色；“文本工具”輸入并設(shè)置文字格式；字體BlackadderITC，顏色#00FFFF，大小100點(diǎn)，間距20；分離兩次墨水瓶工具（黃色描邊）利用“橢圓”工具畫橢圓，利用“箭頭”工具拉出心形，注意筆觸顏色和填充顏色；注意有無按Ctrl鍵的不同“線條工具”繪制直線：黃色，筆觸大小2；按樣張做成彎曲形狀；“矩形工具”展開運(yùn)用“多角星形工具”繪制五角星：注意筆觸顏色和填充顏色；保存為“矢量圖.fla”，導(dǎo)出為“矢量圖.swf”。課堂示例1-關(guān)鍵步驟新建Flash文件，“屬性面板”設(shè)置文檔38課堂示例2：藝術(shù)的制作利用繪制工具繪制有規(guī)律矢量圖形。知識(shí)點(diǎn)：文檔屬性設(shè)置橢圓工具顏料桶工具任意變形工具變形面板38課堂示例2：藝術(shù)的制作利用繪制工具繪制有規(guī)律矢量圖形。39課堂示例2-關(guān)鍵步驟修改文檔背景為淺棕黃色；“橢圓工具”繪制橢圓，改變橢圓形狀；設(shè)置筆觸顏色為紅色按Ctrl鍵，用鼠標(biāo)拖動(dòng)橢圓邊緣改變形狀打開“顏色面板”，設(shè)置紅到白的漸變色；“顏料桶工具”填充橢圓，繪制單片形狀；（注意漸變變形工具的使用）利用“任意變形工具”將單片形狀的中心調(diào)整到底端；利用“變形面板”，設(shè)置旋轉(zhuǎn)角度為90度，并點(diǎn)擊“重置選區(qū)并變形”按鈕復(fù)制該形狀形成藝術(shù)形狀；保存為“藝術(shù).fla”，導(dǎo)出為“藝術(shù).swf”。重制選區(qū)并變形39課堂示例2-關(guān)鍵步驟修改文檔背景為淺棕黃色；重制選區(qū)并變40課堂示例3：去掉圖片背景去掉老虎的白色背景，并復(fù)制。知識(shí)點(diǎn)：素材的導(dǎo)入任意變形工具對(duì)象的分離套索工具對(duì)象的復(fù)制40課堂示例3：去掉圖片背景去掉老虎的白色背景，并復(fù)制。41課堂示例3-關(guān)鍵步驟新建Flash文件；設(shè)置文檔背景為“淡黃色”；利用“文件/導(dǎo)入”菜單，將“tiger.jpg”圖片導(dǎo)入到庫；老虎從庫中拖動(dòng)舞臺(tái)上；“任意變形工具”調(diào)整圖片大??；選中老虎，利用“修改/分離”菜單命令，將老虎分離；利用“套索”工具中的“魔術(shù)棒”點(diǎn)擊老虎的白色背景，按Delete鍵刪除，注意多余線條的去除；選中老虎，通過“復(fù)制/粘貼”，將老虎復(fù)制兩個(gè)；保存為“老虎.fla”，導(dǎo)出“老虎.swf”。41課堂示例3-關(guān)鍵步驟新建Flash文件；42課堂練習(xí)完成課堂示例1－3放射線制作繪制矢量圖形；保存為“放射線.fla”,導(dǎo)出為“放射線.swf”。面具的制作繪制矢量圖形；保存為“面具.fla”,導(dǎo)出為“面具.swf”。注意：粉紅色是文檔背景的顏色。42課堂練習(xí)完成課堂示例1－3課后練習(xí)花瓣的制作繪制矢量圖形，保存為“花瓣.fla”，“花瓣.swf”

步驟提示：(參考課堂示例2)繪制花瓣；填充漸變色；利用“任意變形工具”將該花瓣的中心調(diào)整到花瓣底端；利用“變形面板”旋轉(zhuǎn)30度并復(fù)制花瓣。閃閃的紅星繪制矢量圖形，保存為“閃閃的紅星.fla”，“閃閃的紅星.swf”步驟提示：利用“多角星形工具”繪制五角星，保留邊框，去掉填充色；用線段連接五角形的各個(gè)頂點(diǎn)；參考樣張分別填充純紅色和紅黑漸變色。課后練習(xí)花瓣的制作課后練習(xí)車輪提示：先繪制好“放射線”復(fù)制“放射線”并粘貼到當(dāng)前位置（“編輯/粘貼到當(dāng)前位置”）“修改/變形/水平翻轉(zhuǎn)”放射線課后練習(xí)車輪45下周教學(xué)內(nèi)容幀的概念圖層逐幀動(dòng)畫補(bǔ)間形狀45下周教學(xué)內(nèi)容幀的概念46第5講Flash初步與矢量圖1第5講Flash初步與矢量圖4747教師信息教師：電子信箱：辦公室：電話：22教師信息教師：復(fù)習(xí)與回顧復(fù)習(xí)與回顧49教學(xué)目的了解動(dòng)畫基本原理了解動(dòng)畫的分類與存儲(chǔ)格式了解動(dòng)畫制作軟件FlashCS4初步熟悉Flash的工作環(huán)境掌握Flash的基本設(shè)置與操作掌握Flash中各種工具的使用學(xué)會(huì)繪制矢量圖4教學(xué)目的了解動(dòng)畫基本原理50重點(diǎn)和難點(diǎn)重點(diǎn)影片文檔屬性的設(shè)置工具面板和屬性面板的使用繪制矢量圖理解Flash的兩種文件格式：fla和swf難點(diǎn)面板的使用繪制矢量圖5重點(diǎn)和難點(diǎn)重點(diǎn)動(dòng)畫的原理19世紀(jì)20年代，英國科學(xué)家發(fā)現(xiàn)了人眼的“視覺殘留效應(yīng)”（物體被移動(dòng)后其形象在人眼視網(wǎng)膜上還可有約1秒的停留），揭示了連續(xù)分解的動(dòng)作在快速閃現(xiàn)時(shí)產(chǎn)生活動(dòng)影像的原理。根據(jù)“視覺殘留效應(yīng)”原理，當(dāng)連續(xù)相互關(guān)聯(lián)的圖像快速變化時(shí)，人眼看到的這個(gè)圖像變化的過程就是視頻。電影、電視、動(dòng)畫和計(jì)算機(jī)視頻都是根據(jù)這個(gè)原理來實(shí)現(xiàn)的。動(dòng)畫的原理19世紀(jì)20年代，英國科學(xué)家發(fā)現(xiàn)了人眼的“視覺殘留動(dòng)畫的產(chǎn)生傳統(tǒng)動(dòng)畫是將具有差異的圖片繪制在膠片上，然后通過攝像機(jī)連續(xù)拍攝圖片畫面，膠片播放時(shí)實(shí)現(xiàn)動(dòng)畫。計(jì)算機(jī)動(dòng)畫技術(shù)，將動(dòng)畫中的關(guān)鍵動(dòng)畫(關(guān)鍵幀)輸入計(jì)算機(jī)，動(dòng)畫的中間過程由計(jì)算機(jī)自動(dòng)產(chǎn)生。動(dòng)畫的產(chǎn)生傳統(tǒng)動(dòng)畫是將具有差異的圖片繪制在膠片上，然后通過攝計(jì)算機(jī)動(dòng)畫的類型-1二維動(dòng)畫二維動(dòng)畫只要制作關(guān)鍵幀圖像，關(guān)鍵幀之間的圖像通過計(jì)算機(jī)計(jì)算得到的插值方法來自動(dòng)實(shí)現(xiàn)。二維動(dòng)畫最常用的是基于角色動(dòng)畫。角色可以是：線條、形狀、文字、圖像或另一段動(dòng)畫。二維動(dòng)畫分類逐幀動(dòng)畫：角色變化沒有規(guī)律可尋，需要一幀幀地制作，然后連續(xù)播放。漸變補(bǔ)間動(dòng)畫：角色變化有一定規(guī)律，可以制作好角色的初始狀態(tài)和最終狀態(tài)，由計(jì)算機(jī)來產(chǎn)生中間變化過程。制作二維動(dòng)畫軟件VB、JAVA程序設(shè)計(jì)語言Adobe公司的FlashCS4就是用來制作二維動(dòng)畫GIFAnimation用來制作短小的GIF動(dòng)畫計(jì)算機(jī)動(dòng)畫的類型-1二維動(dòng)畫計(jì)算機(jī)動(dòng)畫的類型-2三維動(dòng)畫二維動(dòng)畫是平面的，只有上下左右的運(yùn)動(dòng)效果。三維動(dòng)畫還有前后（縱深）的運(yùn)動(dòng)效果，所以增加了立體感和空間感。運(yùn)用建模、透視與消隱等功能后，就制作出簡單的框架結(jié)構(gòu)的立體畫面。三維動(dòng)畫，也是由連續(xù)漸變的一幅幅畫面組成。每一幅畫面是一張靜態(tài)的三維透視圖。制作三維動(dòng)畫軟件VRML語言3DSMAX、MAYAUlead公司推出的Cool3D可以快速建立三維圖形，通過設(shè)置關(guān)鍵幀，快速完成動(dòng)畫。計(jì)算機(jī)動(dòng)畫的類型-2三維動(dòng)畫計(jì)算機(jī)動(dòng)畫的類型-3虛擬現(xiàn)實(shí)虛擬現(xiàn)實(shí)，英文名為VirtualReality，簡稱VR技術(shù)，也稱假想現(xiàn)實(shí)，也就是用計(jì)算機(jī)合成人工世界。虛擬現(xiàn)實(shí)的最大特點(diǎn)是用戶可以與虛擬環(huán)境進(jìn)行人機(jī)交互，將被動(dòng)式觀看變成更逼真地體驗(yàn)互動(dòng)。應(yīng)用于旅游、房地產(chǎn)、大廈、別墅公寓、寫字樓、景點(diǎn)展示、觀光游覽、酒店飯店、賓館餐飲、園林景觀、公園展覽展示、博物館，地鐵、機(jī)場、車站、碼頭等行業(yè)項(xiàng)目展示、宣傳。計(jì)算機(jī)動(dòng)畫的類型-3虛擬現(xiàn)實(shí)常用的動(dòng)畫存儲(chǔ)格式GIF動(dòng)畫格式GIF圖像文件的數(shù)據(jù)是經(jīng)過無損壓縮的，在一個(gè)GIF文件中可以存多幅彩色圖像，把存于一個(gè)文件中的多幅圖像數(shù)據(jù)逐幅讀出并顯示到屏幕上，就可構(gòu)成一種最簡單的動(dòng)畫。AVI格式AVI是對(duì)視頻、音頻文件采用的一種有損壓縮方式，該方式的壓縮率較高，并可將音頻和視頻混合到一起，其應(yīng)用范圍非常廣泛。SWF格式SWF是ADOBE公司的動(dòng)畫設(shè)計(jì)軟件Flash的專用格式，是一種支持矢量和點(diǎn)陣圖形的動(dòng)畫文件格式，被廣泛應(yīng)用于網(wǎng)頁設(shè)計(jì)，動(dòng)畫制作等領(lǐng)域。FLICFLI/FLC格式

FLC/FLI是Autodesk公司在其出品的2D、3D動(dòng)畫制作軟件中采用的動(dòng)畫文件格式。AutodeskAnimator和3DSudio等動(dòng)畫制作軟件均采用了這種彩色動(dòng)畫文件格式。MOV、QT格式

MOV即QuickTime影片格式，它是Apple公司開發(fā)的一種音頻、視頻文件格式。Qt是諾基亞開發(fā)的一個(gè)跨平臺(tái)的C++圖形用戶界面應(yīng)用程系框架。它提供給應(yīng)用程序開發(fā)者建立藝術(shù)級(jí)的圖形用戶界面所需的所用功能。虛擬現(xiàn)實(shí)動(dòng)畫（VR）VR是一項(xiàng)綜合集成技術(shù)，涉及計(jì)算機(jī)圖形學(xué)、人機(jī)交互技術(shù)、傳感技術(shù)、人工智能等領(lǐng)域，它用計(jì)算機(jī)生成逼真的三維視、聽、嗅覺等感覺，使人作為參與者通過適當(dāng)裝置，自然地對(duì)虛擬世界進(jìn)行體驗(yàn)和交互作用。常用的動(dòng)畫存儲(chǔ)格式GIF動(dòng)畫格式57Flash背景知識(shí)AdobeFlash簡介AdobeFlash前稱MacromediaFlash，簡稱Flash。自從Macromedia公司于2005年被Adobe公司收購，F(xiàn)lash也就成為了Adobe旗下的軟件。AdobeFlash特點(diǎn)基于矢量繪圖流式播放技術(shù)多媒體特性強(qiáng)大的交互功能廣泛的平臺(tái)支持易學(xué)易用、可擴(kuò)展性好Flash與網(wǎng)絡(luò)聯(lián)系密切，其大量的特性是與網(wǎng)絡(luò)相關(guān)的?？梢哉f，沒有網(wǎng)絡(luò)的結(jié)合，F(xiàn)lash絕對(duì)不能取得如此大的成功。12Flash背景知識(shí)AdobeFlash簡介Flash特點(diǎn)-基于矢量繪圖矢量圖像僅由線條和線條所封閉的填充區(qū)域組成，所需存儲(chǔ)空間小，可任意縮放尺寸而不影響畫面質(zhì)量。位圖圖像由大量的像素點(diǎn)組成，比較逼真，但所需存儲(chǔ)空間大，隨著圖像尺寸的放大畫面品質(zhì)將大幅度下降。Flash特點(diǎn)-基于矢量繪圖矢量圖像僅由線條和線條所封閉的Flash特點(diǎn)-流式播放技術(shù)流式（stream）播放技術(shù)使得動(dòng)畫可以邊播放邊下載，從而緩解瀏覽者焦急等待的情緒。GIF動(dòng)畫需等到動(dòng)畫全部下載完畢后才能觀看，對(duì)于大動(dòng)畫等待時(shí)間過長。Flash特點(diǎn)-流式播放技術(shù)流式（stream）播放技術(shù)使Flash的特點(diǎn)-多媒體特性可以將動(dòng)畫、視頻、音樂、聲效等有機(jī)融合在一起支持多種圖像格式文件導(dǎo)入可導(dǎo)入Photoshop、Illustrator、Freehand等軟件制作的圖形和圖像可導(dǎo)入AdobePDF電子文檔和AdobeIllustrator10文件支持視頻、音頻文件導(dǎo)入可從外部調(diào)用視頻文件可使用MP3支持多種動(dòng)畫輸出格式SWF、SPL、GIF、AI、BMP、JPG、PNG、AVI、MOV、MAV、EMF、WMF、EPS、DXFFlash的特點(diǎn)-多媒體特性可以將動(dòng)畫、視頻、音樂、聲效等有Flash的特點(diǎn)-強(qiáng)大的交互功能內(nèi)置的ActionScript腳本語言，易于精確實(shí)現(xiàn)復(fù)雜的交互事件行為控制可在動(dòng)畫中加入滾動(dòng)條、復(fù)選框、下拉菜單和拖動(dòng)物體等各種交互組件?？膳cJava或其他類型的程序融合在一起，在不同的操作平臺(tái)和瀏覽器中播放。支持動(dòng)態(tài)數(shù)據(jù)交互，ASP功能的全面嵌入使其可用于動(dòng)態(tài)電子商務(wù)網(wǎng)站及虛擬社區(qū)等的建設(shè)。Flash的特點(diǎn)-強(qiáng)大的交互功能內(nèi)置的ActionScripFlash的特點(diǎn)-廣泛的平臺(tái)支持任何安裝有FlashPlayer插件的網(wǎng)頁瀏覽器都可以觀看Flash動(dòng)畫，目前已經(jīng)有95%以上的瀏覽器安裝了FlashPlayer，幾乎包含了所有的瀏覽器和操作系統(tǒng)。IE、Firefox、OperaFlash的特點(diǎn)-廣泛的平臺(tái)支持任何安裝有FlashPlaFlash的特點(diǎn)-易學(xué)易用、可擴(kuò)展性好強(qiáng)大的動(dòng)畫編輯功能使得設(shè)計(jì)者可以隨心所欲地設(shè)計(jì)出高品質(zhì)的動(dòng)畫。通過第三方開發(fā)的Flash插件程序，可以方便地實(shí)現(xiàn)一些以往需要非常繁瑣的操作才能實(shí)現(xiàn)的動(dòng)態(tài)效果，大大提高了Flash影片的制作效率。Flash的特點(diǎn)-易學(xué)易用、可擴(kuò)展性好強(qiáng)大的動(dòng)畫編輯功能使得Flash的發(fā)展史FutureSplashAnimator(1995年)-由簡單的工具和時(shí)間線組成MacromediaFlash1(1996年)-Macromedia更名后為Flash的第一個(gè)版本MacromediaFlash2(1997年)-引入庫的概念MacromediaFlash3(1998年)-影片剪輯，Javascript插件，獨(dú)立播放器MacromediaFlash4(1999年)-文本輸入框，ActionScript，流媒體，MP3MacromediaFlash5(2000年)-HTML文本格式和SmartClip(智能影片剪輯)MacromediaFlashMX(2002年)-Unicode，組件，XML，流媒體視頻編碼MacromediaFlashMX2004(2003年)-ActionScript2.0，流媒體視頻行為MacromediaFlash8(2005年)-為移動(dòng)設(shè)備開發(fā)的功能，創(chuàng)建FlashWebAdobeFlashCS3(2007年)-Adobe耗資34億美元并購MacromediaAdobeFlashCS4(2008年)-Actionscript3.0，針對(duì)AdobeAIR進(jìn)行創(chuàng)作

AdobeFlashCS5Professional(2010年)-FlashBuilder、TLF文本支持AdobeFlashCS6Professional(2012年)-支持HTML、3D轉(zhuǎn)換Flash的發(fā)展史FutureSplashAnimatoFlashCS4啟動(dòng)界面FlashCS4啟動(dòng)界面FlashCS4工作界面的組成菜單欄舞臺(tái)和工作區(qū)時(shí)間軸工具面板屬性面板其他面板屬性面板舞臺(tái)和工作區(qū)時(shí)間軸工具面板FlashCS4工作界面的組成菜單欄屬性面板舞臺(tái)和工作區(qū)時(shí)67Flash的工作環(huán)境之場景Flash中，制作影片的工作區(qū)域。類似話劇、電影等的場景，在Flash里以場景的形式來劃分時(shí)間段或故事情節(jié)。在制作動(dòng)畫的過程中，可以根據(jù)創(chuàng)作的需要隨時(shí)添加、復(fù)制、移動(dòng)、修改或刪除場景。場景在flash中是不可缺少的(至少要有一個(gè)場景)。Flash在編輯的時(shí)候，只有一個(gè)當(dāng)前場景處于顯示狀態(tài)。Flash動(dòng)畫播放的時(shí)候，默認(rèn)的播放順序就是按照?qǐng)鼍暗南群蟠涡蛞来尾シ拧Ｒ粋€(gè)Flash文件中可以包含多個(gè)場景，播放時(shí)依次逐個(gè)播放提示：對(duì)于幀數(shù)多的，又便于“分段”的動(dòng)畫，應(yīng)該分場景制作場景管理－使用“場景”面板可以使用ActionScript的相關(guān)語句進(jìn)行播放控制。22Flash的工作環(huán)境之場景Flash中，制作影片的工作場景的操作在菜單欄選擇“插入/場景”命令，插入空白場景。使用編輯欄上的“編輯場景”按鈕，可以快速切換場景。在菜單欄選擇“窗口/其他面板/場景”命令，打開“場景”面板，可以看到當(dāng)前文件場景的列表。編輯欄中的“編輯場景”按鈕場景面板場景的操作在菜單欄選擇“插入/場景”命令，插入空白場景。編輯69Flash的工作環(huán)境之面板面板作用類似于對(duì)話框，用于進(jìn)行相關(guān)設(shè)置。通過窗口菜單可以顯示或關(guān)閉各種面板。Flash中面板包括4大類共有20幾種。常用面板屬性面板工具面板庫面板時(shí)間軸面板24Flash的工作環(huán)境之面板面板70FlashCS4面板_屬性面板屬性面板是一個(gè)綜合性的面板?？梢栽O(shè)置圖形、圖像、元件，以及工具和文檔的有關(guān)屬性。例如，選用“文本”工具時(shí)，就可以設(shè)置文本的字體、字號(hào)、顏色等屬性。提示：屬性面板中的內(nèi)容隨用戶所選定的內(nèi)容的不同而變化。25FlashCS4面板_屬性面板屬性面板是一個(gè)綜合性的面71Flash面板_工具面板26Flash面板_工具面板72Flash面板_庫面板元件（Symbol）元件也被稱作符號(hào)或圖符，是Flash動(dòng)畫的重要組成部分，元件對(duì)象可以應(yīng)用于當(dāng)前動(dòng)畫或其他動(dòng)畫中。元件的主要特性是可以被重復(fù)利用，且不會(huì)影響影片的大小。

Flash中包括三種元件類型，分別為圖形元件、影片剪輯元件與按鈕元件，每一種元件都具有獨(dú)特的屬性。庫（Library）Flash中的所有元件都被歸納在庫面板中，庫可以理解為保存各種元件的文件夾，當(dāng)元件被創(chuàng)建后，將自動(dòng)保存到庫中。應(yīng)用庫面板中的元件時(shí)，只需將元件從庫中拖拽到場景舞臺(tái)。即使在場景中將所有元件全部刪除，也不會(huì)影響庫面板中的元件。27Flash面板_庫面板元件（Symbol）73Flash面板_時(shí)間軸面板主要用于組織和控制影片中圖層和幀的內(nèi)容，使這些內(nèi)容隨著時(shí)間的推移而發(fā)生相應(yīng)變化。設(shè)計(jì)者可以將不同的對(duì)象安排在時(shí)間軸內(nèi)，讓不同的對(duì)象或圖層上的部件，有一個(gè)共同的時(shí)間標(biāo)準(zhǔn)。只要對(duì)準(zhǔn)了同一幀，就可保證所有的動(dòng)作都會(huì)在同一時(shí)間發(fā)生。時(shí)間軸最重要的組成部分：幀、圖層和播放頭。28Flash面板_時(shí)間軸面板主要用于組織和控制影片中圖層74圖層幀播放頭時(shí)間軸時(shí)間軸面板示意圖29圖層幀播放頭時(shí)間軸時(shí)間軸面板示意圖75Flash的工作環(huán)境之工具欄工具欄主工具欄－命令按鈕編輯欄－場景編輯、元件編輯、顯示比例控制器－控制影片播放通過“窗口/工具欄”打開或關(guān)閉各個(gè)工具欄30Flash的工作環(huán)境之工具欄工具欄基本操作工具面板中的復(fù)合工具和提示面板的折疊與展開、打開與關(guān)閉、移動(dòng)及變形通過折疊按鈕實(shí)現(xiàn)面板折疊與展開通過“窗口”菜單實(shí)現(xiàn)面板打開與關(guān)閉通過鼠標(biāo)拖動(dòng)實(shí)現(xiàn)面板移動(dòng)及變形“基本功能”菜單可以切換工作界面的布局基本操作工具面板中的復(fù)合工具和提示77動(dòng)畫的制作過程-1創(chuàng)建新文件或打開文件設(shè)置文檔屬性通過菜單“修改/文檔”或“屬性面板”設(shè)置導(dǎo)入文件(素材)通過菜單“文件/導(dǎo)入”可以導(dǎo)入導(dǎo)入到舞臺(tái)(將素材導(dǎo)入到舞臺(tái)，同時(shí)也導(dǎo)入到庫)導(dǎo)入到庫(將素材只導(dǎo)入到庫)32動(dòng)畫的制作過程-1創(chuàng)建新文件或打開文件78動(dòng)畫的制作過程-2創(chuàng)建動(dòng)畫在舞臺(tái)上和時(shí)間軸中排列各種對(duì)象元素，以定義它們?cè)趧?dòng)畫中顯示的時(shí)間和顯示方式。常用的動(dòng)畫逐幀動(dòng)畫形狀補(bǔ)間動(dòng)畫動(dòng)作補(bǔ)間動(dòng)畫動(dòng)畫參數(shù)設(shè)置33動(dòng)畫的制作過程-2創(chuàng)建動(dòng)畫79動(dòng)畫的制作過程-3播放在編輯環(huán)境中演示動(dòng)畫?？刂破?、按回車、“控制”菜單。測試在獨(dú)立窗口中演示動(dòng)畫。相當(dāng)于發(fā)布成SWF影片后，用播放器播放（按Ctrl＋Enter）。會(huì)自動(dòng)生成SWF文件。發(fā)布“發(fā)布”就是把Flash編輯成果以多種形式保存?！鞍l(fā)布設(shè)置”對(duì)話框上設(shè)置保存形式?！鞍l(fā)布預(yù)覽”保存成設(shè)置形式，并在在獨(dú)立窗口中播放。34動(dòng)畫的制作過程-3播放80動(dòng)畫的制作過程-4保存文件的幾種格式Flash文件（擴(kuò)展名fla）Flash的編輯格式影片文件（擴(kuò)展名swf）－SWF用Flash播放器播放－SWF文件可與播放器集成網(wǎng)頁中用插件（Active控件）播放動(dòng)畫GIF（非逐幀動(dòng)畫不能用此方式）35動(dòng)畫的制作過程-4保存文件的幾種格式81課堂示例1：矢量圖繪制利用繪圖和文字工具，繪制矢量圖和文字