《Flash-CC-基礎(chǔ)與案例教程》電子教案(全)完整版課件整套教學(xué)課件

1、Flash CC 基礎(chǔ)與案例教程第1章 二維動(dòng)畫概論 Flash CC 基礎(chǔ)與案例教程動(dòng)畫的分類一二維動(dòng)畫的特點(diǎn)二二維動(dòng)畫的應(yīng)用領(lǐng)域三二維動(dòng)畫的發(fā)展前景四二維動(dòng)畫的關(guān)鍵術(shù)語(yǔ)五動(dòng)畫的分類第一部分Flash CC 基礎(chǔ)與案例教程1.1 動(dòng)畫的分類動(dòng)畫發(fā)展到現(xiàn)在，分二維動(dòng)畫和三維動(dòng)畫兩種。二維畫面是平面上的畫面，無(wú)論畫面的立體感有多強(qiáng)，終究只是在二維空間上模擬真實(shí)的三維空間效果。例如：我國(guó)經(jīng)典動(dòng)畫片大鬧天宮、哪吒鬧海等，國(guó)外經(jīng)典動(dòng)畫片白雪公主、睡美人等，如圖1-1、圖1-2、圖1-3所示。圖1-1國(guó)內(nèi)經(jīng)典二維動(dòng)畫圖1-2國(guó)外經(jīng)典二維動(dòng)畫圖1-3國(guó)外經(jīng)典二維動(dòng)畫1.1 動(dòng)畫的分類三維動(dòng)畫也稱3D動(dòng)畫，

2、三維畫面中景物有正面，也有側(cè)面和反面，調(diào)整三維空間的視點(diǎn)，能夠看到不同的內(nèi)容，三維動(dòng)畫技術(shù)模擬真實(shí)物體的方式使其成為一個(gè)有用的工具，廣泛應(yīng)用于醫(yī)學(xué)、教育、軍事、娛樂(lè)等諸多領(lǐng)域。三維動(dòng)畫片近年來(lái)發(fā)展迅速，如火如荼，如圖1-4所示。圖1-4經(jīng)典三維動(dòng)畫二維動(dòng)畫的特點(diǎn)第二部分FlashCC整站動(dòng)畫項(xiàng)目實(shí)戰(zhàn)1.2 二維動(dòng)畫的特點(diǎn)1.使用矢量圖形和流式播放技術(shù)。與位圖圖形不同的是，矢量圖形可以任意縮放尺寸而不影響圖形的質(zhì)量，流式播放技術(shù)使得動(dòng)畫可以一邊播放一邊下載，更利于網(wǎng)上傳播。2.所生成的動(dòng)畫文件非常小，幾K字節(jié)的動(dòng)畫文件已經(jīng)可以實(shí)現(xiàn)許多令人心動(dòng)的動(dòng)畫效果，用在網(wǎng)頁(yè)設(shè)計(jì)上不僅可以使網(wǎng)頁(yè)更加生動(dòng)，而且

3、小巧玲瓏下載迅速，使得動(dòng)畫可以在打開網(wǎng)頁(yè)很短的時(shí)間里就得以播放。Flash二維動(dòng)畫主要有以下特點(diǎn)：1.2 二維動(dòng)畫的特點(diǎn)3.把音樂(lè)、動(dòng)畫、聲效、交互方式融合在一起，支持多種流媒體格式，F(xiàn)lash二維動(dòng)畫在情節(jié)和畫面上往往更夸張起伏，致力在最短時(shí)間內(nèi)傳達(dá)最深感受，比傳統(tǒng)動(dòng)漫更加靈巧，已經(jīng)成為一種新時(shí)代的藝術(shù)表現(xiàn)形式。4.Flash二維動(dòng)畫具有交互性優(yōu)勢(shì)，能夠更好地滿足受眾需要，讓欣賞者成為動(dòng)畫一部分，通過(guò)點(diǎn)擊、選擇等動(dòng)作決定動(dòng)畫的運(yùn)行過(guò)程和結(jié)果，還可以制作很多小游戲，這一點(diǎn)是傳統(tǒng)動(dòng)畫所無(wú)法比擬的。Flash二維動(dòng)畫主要有以下特點(diǎn)：1.2 二維動(dòng)畫的特點(diǎn)5.由于只需要掌握一些特定的軟件就可以嘗試，

4、Flash二維動(dòng)畫的制作相對(duì)比較簡(jiǎn)單，愛好者很容易就能成為動(dòng)畫制作者，一套電腦軟件、一個(gè)人、一臺(tái)電腦就可以制作出一段有聲有色的動(dòng)畫。6.強(qiáng)大的動(dòng)畫編程功能使得制作者可以隨心所欲地設(shè)計(jì)出高品質(zhì)的動(dòng)畫和游戲，使Flash具有更大的設(shè)計(jì)自由度。7.用Flash制作動(dòng)畫能夠大幅度降低制作成本，減少人力，物力資源的消耗。同時(shí)，在制作時(shí)間上也會(huì)大大減少，F(xiàn)lash制作的動(dòng)畫可以同時(shí)在網(wǎng)絡(luò)與電視臺(tái)播出，實(shí)現(xiàn)一片兩播。二維動(dòng)畫的應(yīng)用領(lǐng)域第三部分Flash CC 基礎(chǔ)與案例教程1.3 二維動(dòng)畫的應(yīng)用領(lǐng)域Flash二維動(dòng)畫廣受各行各業(yè)青睞，繼席卷網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)絡(luò)廣告之后，已經(jīng)在電影電視、動(dòng)畫卡通、教育教學(xué)、聲樂(lè)等領(lǐng)

5、域引領(lǐng)風(fēng)騷，如圖1-5至圖1-16所示。二維動(dòng)畫的發(fā)展前景第四部分FlashCC整站動(dòng)畫項(xiàng)目實(shí)戰(zhàn)1.4 二維動(dòng)畫的發(fā)展前景由于獨(dú)特的跨平臺(tái)特性、靈活的界面控制以及多媒體技術(shù)使用，F(xiàn)lash應(yīng)用程序具有很強(qiáng)生命力。在與用戶的交流方面具有其它任何方式都無(wú)可比擬的優(yōu)勢(shì)。1.應(yīng)用程序開發(fā)Flash對(duì)于界面元素的可控性和它所表達(dá)的效果無(wú)疑具有很大的誘惑。對(duì)于軟件系統(tǒng)的界面，F(xiàn)lash所具有的特性完全可以為用戶提供一個(gè)良好的接口。2.軟件系統(tǒng)界面開發(fā)1.4 二維動(dòng)畫的發(fā)展前景手機(jī)領(lǐng)域的開發(fā)將會(huì)對(duì)精確（像素級(jí)）的界面設(shè)計(jì)和CPU使用分布的操控能力有更高的要求，但同時(shí)也意味著更加更廣泛的使用空間。3.手機(jī)領(lǐng)域

6、開發(fā)Flash中的游戲至今為止仍然停留在中、小型游戲的開發(fā)上。游戲開發(fā)的很大一部份都受限于它的CPU能力和大量代碼的管理。最新Flash提供了項(xiàng)目管理和代碼維護(hù)方面的功能，AS3.0也使程序更加容易維護(hù)和開發(fā)。4.游戲開發(fā)1.4 二維動(dòng)畫的發(fā)展前景Flash整站意味著更高的界面維護(hù)能力和整站架構(gòu)能力。但好處也非常明顯：全面的控制、無(wú)縫的導(dǎo)向跳轉(zhuǎn)、更豐富的媒體內(nèi)容、更體貼用戶的流暢交互、跨平臺(tái)和瘦客戶端的支持以及與其它Flash應(yīng)用方案無(wú)縫連接集成等。5.站點(diǎn)建設(shè)二維動(dòng)畫的關(guān)鍵術(shù)語(yǔ)第五部分FlashCC整站動(dòng)畫項(xiàng)目實(shí)戰(zhàn)1.5 二維動(dòng)畫的關(guān)鍵術(shù)語(yǔ)Flash影片的后綴名為.swf，該類型文件必須使用

7、Flash播放器才能打開，SWF文件是一個(gè)完整的影片檔，無(wú)法直接編輯。Flash原始文檔的擴(kuò)展名是.fla，源文件可以直接編輯，只能用對(duì)應(yīng)版本或者更高版本的Flash軟件才能打開。1.Flash文件類型1.5 二維動(dòng)畫的關(guān)鍵術(shù)語(yǔ)幀是Flash二維動(dòng)畫制作的最基本單位，每一個(gè)Flash二維動(dòng)畫都是由很多個(gè)精心雕琢的幀構(gòu)成的，一幀就是一副靜止的畫面，連續(xù)的幀就形成動(dòng)畫。在時(shí)間軸上的每一幀都可以包含需要顯示的所有內(nèi)容，包括圖形、聲音、各種素材和其他多種對(duì)象。2.幀1.5 二維動(dòng)畫的關(guān)鍵術(shù)語(yǔ)（1）關(guān)鍵幀是有關(guān)鍵內(nèi)容的幀，用來(lái)定義動(dòng)畫變化、更改狀態(tài)的幀，即編輯舞臺(tái)上存在實(shí)例對(duì)象并可對(duì)其進(jìn)行編輯的幀。關(guān)鍵

8、幀在時(shí)間軸上顯示為實(shí)心的圓點(diǎn)。3.幀的類型（2）空白關(guān)鍵幀是沒(méi)有包含舞臺(tái)上的實(shí)例內(nèi)容的關(guān)鍵幀?？瞻钻P(guān)鍵幀在時(shí)間軸上顯示為空心的圓點(diǎn)。1.5 二維動(dòng)畫的關(guān)鍵術(shù)語(yǔ)（3）普通幀在時(shí)間軸上能顯示實(shí)例對(duì)象，但不能對(duì)實(shí)例對(duì)象進(jìn)行編輯操作的幀。普通幀在時(shí)間軸上顯示為灰色填充的小方格。3.幀的類型幀頻是動(dòng)畫播放的速度,以每秒播放的幀數(shù)為度量。幀就像電影拍攝中膠片的一幅幅畫面一樣，電影是由連續(xù)的畫面組成的，通常一個(gè)鏡頭由24幅畫面組成，例如表示為12fps，意思是12幀為1秒。4.幀頻1.5 二維動(dòng)畫的關(guān)鍵術(shù)語(yǔ)新建一個(gè)Flash文檔時(shí)，出現(xiàn)的白色區(qū)域背景稱為舞臺(tái)，使用快捷鍵Ctrl+J打開文檔屬性面板，可以修改

9、舞臺(tái)大小、背景顏色等信息。5.舞臺(tái)1.5 二維動(dòng)畫的關(guān)鍵術(shù)語(yǔ)場(chǎng)景就是專門用來(lái)容納、包含圖層里面的各種對(duì)象的平臺(tái)，它相當(dāng)于一塊場(chǎng)地，上面可以擺放與動(dòng)畫相關(guān)的各種對(duì)象或元件，同時(shí)，這個(gè)場(chǎng)地也是動(dòng)畫播放的舞臺(tái)。即是擺放的場(chǎng)地也是動(dòng)畫表演的舞臺(tái)，默認(rèn)情況下，一個(gè)Flash文檔只有一個(gè)場(chǎng)景，可以添加和修改，如果一個(gè)動(dòng)畫比較龐大，動(dòng)畫所使用的對(duì)象很多，導(dǎo)致所使用的舞臺(tái)也很多，那么，光靠一個(gè)場(chǎng)景是不能容納這么多對(duì)象的。因此，這類動(dòng)畫通常需要多個(gè)場(chǎng)景。6.場(chǎng)景1.5 二維動(dòng)畫的關(guān)鍵術(shù)語(yǔ)時(shí)間軸是動(dòng)畫播放的時(shí)間線，動(dòng)畫從左到右，一幀一幀的播放。時(shí)間軸用來(lái)通知 Flash 顯示圖形和其它項(xiàng)目元素的時(shí)間，也可以使用時(shí)

10、間軸指定舞臺(tái)上各圖形的分層順序。7.時(shí)間軸1.5 二維動(dòng)畫的關(guān)鍵術(shù)語(yǔ)時(shí)間軸是動(dòng)畫播放的時(shí)間線，動(dòng)畫從左到右，一幀一幀的播放。時(shí)間軸用來(lái)通知 Flash 顯示圖形和其它項(xiàng)目元素的時(shí)間，也可以使用時(shí)間軸指定舞臺(tái)上各圖形的分層順序。7.時(shí)間軸Flash CC 基礎(chǔ)與案例教程第1章 二維動(dòng)畫概論 1.下列關(guān)于矢量圖形的描述錯(cuò)誤的是：（ ）A.在編輯矢量圖形時(shí)，可以修改描述圖形形狀的線條和曲線的屬性。B.可以對(duì)矢量圖形進(jìn)行移動(dòng)、調(diào)整大小、重定形狀以及更改顏色的操作而不更改其外觀品質(zhì)。C.矢量圖形適合于表現(xiàn)形狀復(fù)雜、細(xì)節(jié)繁多、色彩豐富的內(nèi)容，例如照片。D.矢量圖形與分辨率無(wú)關(guān)，這意味著它們可以顯示在各種分

11、辨率的輸出設(shè)備上，而絲毫不影響品質(zhì)。思考與練習(xí)思考與練習(xí)一、選擇題思考與練習(xí)2.下列有關(guān)位圖(點(diǎn)陣圖)的說(shuō)法不正確的是：（ ）A.位圖是用系列彩色像素來(lái)描述圖像B.將位圖放大后，會(huì)看到馬賽克方格，邊緣出現(xiàn)鋸齒C.位圖尺寸愈大，使用的像素越多，相應(yīng)的文件也愈大D.位圖的優(yōu)點(diǎn)是放大后不失真，缺點(diǎn)是不容易表現(xiàn)圖片的顏色和光線效果思考與練習(xí)3.下面關(guān)于“矢量圖形”和“位圖圖像”的說(shuō)法，正確的是：（ ）A.在Flash 中能夠產(chǎn)生動(dòng)畫效果的可以是矢量圖形，也可以是位圖圖像B.在Flash 中，無(wú)法使用在其他應(yīng)用程序中創(chuàng)建的矢量圖形和位圖圖像C.用Flash的繪圖工具畫出來(lái)的圖形是位圖圖像D.矢量圖形比位

12、圖圖像文件的體積大思考與練習(xí)4.下面關(guān)于“矢量圖形”和“位圖圖像”的說(shuō)法，錯(cuò)誤的是：（ ）A.Flash允許用戶創(chuàng)建并產(chǎn)生動(dòng)畫效果的是矢量圖形而位圖圖像不可以。B.在Flash 中，用戶也可以導(dǎo)入并操縱在其他應(yīng)用程序中創(chuàng)建的矢量圖形和位圖圖像。C.用FLASH 的繪圖工具畫出來(lái)的圖形為矢量圖形。D.一般來(lái)說(shuō)矢量圖形比位圖圖像文件量大。5. 下面關(guān)于“矢量圖形”和“位圖圖像”的說(shuō)法，正確的是: （ ）A.位圖圖像通過(guò)圖形的輪廓及內(nèi)部區(qū)域的形狀和顏色信息來(lái)描述圖形對(duì)象B.矢量圖形比位圖圖像優(yōu)越C.矢量圖形適合表達(dá)具有豐富細(xì)節(jié)的內(nèi)容D.矢量圖形具有放大仍然保持清晰的特性，但位圖圖像卻不具備這樣的特性

13、思考與練習(xí)6.編輯位圖圖像時(shí)，修改的是:（ ）A.像素 B.曲線C.直線 D.網(wǎng)格7.下列關(guān)于圖層的描述錯(cuò)誤的是：（ ）A.創(chuàng)建動(dòng)畫時(shí)，可以使用圖層和圖層文件夾組織動(dòng)畫對(duì)象，以避免互相影響。B.圖層文件夾可以將圖層組織成易于管理的組。C.一個(gè)圖層文件夾中最多放置9個(gè)圖層。D.文檔中的每一個(gè)場(chǎng)景都可以包含任意數(shù)量的圖層。8.可以編輯和修改的Flash文件的擴(kuò)展名為：（ ）A.fla B.docC.swf D.xls思考與練習(xí)9.Flash導(dǎo)出影片后的文件，擴(kuò)展名為：（ ）A.fla B.docC.swf D.xls10.Flash是一款（ ）制作軟件。A電子表格 B二維動(dòng)畫 C網(wǎng)頁(yè) D文本文檔二

14、、問(wèn)答題1.什么是動(dòng)漫？2.簡(jiǎn)述動(dòng)畫的分類。3.簡(jiǎn)述Flash的應(yīng)用領(lǐng)域。Flash CC 基礎(chǔ)與案例教程第2章 矢量圖形 Flash CC 基礎(chǔ)與案例教程繪制卡通圖形一 繪制矢量圖形二繪制動(dòng)漫角色三繪制卡通圖形第一部分Flash CC 基礎(chǔ)與案例教程2.1.1 知技準(zhǔn)備1.矢量圖和位圖矢量圖由線條輪廓和填充色塊組成，例如一朵花的矢量圖實(shí)際上是由線段構(gòu)成輪廓，由輪廓顏色以及輪廓所封閉的填充顏色構(gòu)成花朵顏色。矢量圖的優(yōu)點(diǎn)是輪廓清晰，色彩明快，可以任意縮放而不會(huì)產(chǎn)生失真現(xiàn)象，缺點(diǎn)是難以表現(xiàn)出像照片那樣連續(xù)色調(diào)的逼真效果，如圖2-1-1所示，F(xiàn)lash軟件主要以處理矢量圖形為主。一、基礎(chǔ)知識(shí)2.1.

15、1 知技準(zhǔn)備位圖也稱作點(diǎn)陣圖、像素圖、柵格圖，由點(diǎn)陣組成，這些點(diǎn)進(jìn)行不同排列和染色構(gòu)成圖樣，因而位圖的大小和質(zhì)量取決于圖像中點(diǎn)的多少，也就是像素的多少，位圖類似于照片，能夠較真實(shí)地再現(xiàn)人眼觀察到的2-1-2所示。 圖2-1-1 矢量風(fēng)景 圖2-1-2 位圖風(fēng)景2.1.1 知技準(zhǔn)備2.圖層與Photoshop軟件中的圖層類似，F(xiàn)lash軟件利用圖層原理進(jìn)行繪圖和制作動(dòng)畫，一個(gè)圖層就好比是一張透明的紙，可以在這張透明的紙上畫畫，沒(méi)畫上的部分將保持透明狀態(tài)，當(dāng)在多張紙上畫完適當(dāng)?shù)膱D像后，上面圖層的圖像會(huì)遮蓋住下面圖層中的圖像，這樣多個(gè)圖層疊加起來(lái)便形成了一幅完整的圖像。因此，在描繪圖形時(shí)分層很重要，

16、要注意安排好圖層的上下關(guān)系，如圖2-1-3所示。2.1.1 知技準(zhǔn)備圖2-1-3 圖層二、基本操作1.新建文檔啟動(dòng)Flash CC軟件后，在新建列表單擊即可新建一個(gè)Flash文檔。選擇菜單“文件保存”命令，或者使用快捷鍵Ctrl+S，即可保存Flash文檔。2.1.1 知技準(zhǔn)備啟動(dòng)Flash CC后，工作界面如圖20所示，頂部為菜單欄，左邊為工具箱，右邊為浮動(dòng)面板，底部為時(shí)間軸，中間部分為編輯區(qū)，可以按住鼠標(biāo)左鍵不動(dòng)拖動(dòng)面板來(lái)改變界面布局。如圖2-1-4所示。圖2-1-4啟動(dòng)界面2.1.1 知技準(zhǔn)備新建Flash文檔后，可以進(jìn)行屬性設(shè)置，使用快捷鍵Ctrl+J打開文檔設(shè)置對(duì)話框，可以修改動(dòng)畫尺

17、寸、標(biāo)尺單位、背景顏色、幀頻等。一般情況下，F(xiàn)lash動(dòng)畫尺寸以像素為單位，幀頻為24fps。如圖2-1-5圖2-1-5文檔設(shè)置2.1.1 知技準(zhǔn)備2.線條工具線條工具用于繪制直線，快捷鍵為英文字母N。選中工具箱中的線條工具或者按下快捷鍵N，即切換到線條工具，按住鼠標(biāo)左鍵在舞臺(tái)上拖拽即可繪制出一條直線，線條顏色為當(dāng)前工具箱中的筆觸顏色。繪制好線條后，可以對(duì)其屬性進(jìn)行修改，使用選擇工具單擊選中線條，打開屬性面板，快捷鍵為Ctrl+F3組合鍵。如圖2-1-6所示。2.1.1 知技準(zhǔn)備圖2-1-6線條工具屬性面板（1）位置和大小X和Y坐標(biāo)值用于精確設(shè)置線條所在的位置，寬度和高度值用于精確設(shè)置線條大小

18、，點(diǎn)擊鏈接圖標(biāo)，可以鎖定或者解鎖線條的長(zhǎng)寬比例。（2）填充和筆觸單擊顏色塊打開拾色器修改線條顏色。（3）筆觸粗細(xì)拖動(dòng)滑塊修改線條粗細(xì)，也可以直接在其后的文本框中輸入精確數(shù)值。2.1.1 知技準(zhǔn)備（4）樣式修改線條的形狀，包括“極細(xì)線”、“實(shí)線”、“虛線”、“點(diǎn)狀線”、“鋸齒線”、“點(diǎn)刻線”、“斑馬線”等3.標(biāo)尺和網(wǎng)格標(biāo)尺是丈量對(duì)象尺寸的工具，使用標(biāo)尺可以獲得光標(biāo)所在的坐標(biāo)位置和動(dòng)畫對(duì)象放置的坐標(biāo)位置，要顯示標(biāo)尺，可以通過(guò)單擊“視圖標(biāo)尺”菜單命令。網(wǎng)格同樣具有控制對(duì)象定位的功能，利用網(wǎng)格可以輕松地繪制機(jī)械圖，要顯示網(wǎng)格，可以通過(guò)“視圖顯示網(wǎng)格”菜單命令。2.1.1 知技準(zhǔn)備不同的動(dòng)畫需要的網(wǎng)格尺

19、寸不一樣，通過(guò)“視圖編輯網(wǎng)格”菜單命令打開對(duì)話框，可以設(shè)置網(wǎng)格的顏色、寬度、高度等，可以通過(guò)勾選復(fù)選框以激活“顯示網(wǎng)格”、“在對(duì)象上方顯示”、“緊貼網(wǎng)格”等功能，還可以通過(guò)單擊“保存默認(rèn)值”按鈕保留這些應(yīng)用。4.輔助線網(wǎng)格顯示時(shí)總是覆蓋住整個(gè)舞臺(tái)，使舞臺(tái)看起來(lái)比較亂不便于觀察，在大部分實(shí)際操作過(guò)程中并不需要太多的網(wǎng)格做輔助，F(xiàn)lash CC提供了更為簡(jiǎn)便的輔助線功能。2.1.1 知技準(zhǔn)備（1）創(chuàng)建輔助線在顯示標(biāo)尺的狀態(tài)下，使用選擇工具，將鼠標(biāo)放在左側(cè)的標(biāo)尺上，按住左鍵不動(dòng)向右拖拽，在合適的位置釋放鼠標(biāo)，即可創(chuàng)建一條豎直的輔助線，將鼠標(biāo)放在頂部的標(biāo)尺上，按住左鍵不動(dòng)向下拖拽，在合適的位置釋放鼠標(biāo)

20、，即可創(chuàng)建一條水平的輔助線，輔助線是可以隨時(shí)移動(dòng)定位的，按住鼠標(biāo)左鍵拖動(dòng)即可。（2）更改輔助線顏色在創(chuàng)建動(dòng)畫過(guò)程中，可能會(huì)遇到輔助線的顏色與舞臺(tái)上對(duì)象的顏色過(guò)于相近而不便觀察的情況，可以通過(guò)“視圖輔助線編輯輔助線”菜單命令打開輔助線對(duì)話框，設(shè)置輔助線顏色、是否顯示輔助線、是否吸附到輔助線、是否鎖定輔助線、貼緊精確度等選項(xiàng)。2.1.1 知技準(zhǔn)備（3）刪除輔助線要?jiǎng)h除輔助線，可以將輔助線拖拽到舞臺(tái)之外，也可以通過(guò)“視圖輔助線清除輔助線”菜單命令，或者在輔助線對(duì)話框中選擇“全部清除”命令。5.放大鏡和手形工具（1）放大鏡工具當(dāng)對(duì)象較為復(fù)雜時(shí)，可以放大視圖以便觀察細(xì)節(jié)，單擊工具箱中的放大鏡工具或者按下

21、快捷鍵Z，即切換到放大鏡工具，在視圖中單擊則會(huì)放大顯示對(duì)象。當(dāng)需要觀察全局效果時(shí)，切換到放大鏡工具，按下Alt鍵的同時(shí)單擊視圖則會(huì)縮小顯示對(duì)象。2.1.1 知技準(zhǔn)備（2）手形工具當(dāng)放大視圖時(shí)，視圖超出屏幕顯示范圍，舞臺(tái)下方和右側(cè)會(huì)出現(xiàn)滾動(dòng)條，拖到滾動(dòng)條可以看到不同區(qū)域的視圖內(nèi)容。通過(guò)手形工具拖動(dòng)視圖可以更便捷的觀察內(nèi)容，單擊工具箱中的手形工具或者按下快捷鍵H，即切換到手形工具。在其他工具使用的狀態(tài)下，按住空格鍵不動(dòng)，可以臨時(shí)切換到手形工具，松開空格鍵，即回到之前使用的工具狀態(tài)。2.1.1 知技準(zhǔn)備6.如何使用選擇工具繪制出完美曲線？描繪輪廓時(shí)，可先使用線條工具繪制直線輪廓，然后切換為選擇工具，

22、將鼠標(biāo)指針置于線條下方，當(dāng)指針右下角出現(xiàn)弧線時(shí)，向不同方向拖拽鼠標(biāo)，即可將直線變?yōu)椴煌问降那€，如圖2-1-7所示。圖2-1-7繪制弧線2.1.1 知技準(zhǔn)備7.為什么有些時(shí)候無(wú)法填充顏色？使用顏料桶工具填充顏色時(shí)，只能填充一個(gè)相對(duì)封閉的區(qū)域，因此在繪制輪廓時(shí)，注意線條與線條的結(jié)合處要緊密，此外，在工具面板選項(xiàng)中，有“不封閉空隙”、“封閉小空隙”、“封閉中等空隙”、“封閉大空隙”四個(gè)選項(xiàng)，當(dāng)“不封閉空隙”無(wú)法填充顏色時(shí)，可以選擇其它選項(xiàng)，F(xiàn)lash會(huì)自動(dòng)封閉線條之間的空隙。2.1.2案例分析很多時(shí)候，從網(wǎng)上下載的位圖素材由于像素過(guò)小等原因很不清晰，使用Flash軟件重新描繪成矢量圖，會(huì)大大改善

23、圖像效果。綜合使用Flash軟件中的繪圖工具和色彩工具可以繪制出各種線條流暢、顏色優(yōu)美的矢量圖形。該任務(wù)即是以原始素材圖片為模板，描繪一幅較為簡(jiǎn)單的矢量圖形灰太郎，效果如圖2-1-8所示。2.1.2案例分析圖2-1-8 卡通老虎【知識(shí)技能點(diǎn)】線條工具；選擇工具；填充工具?！居?xùn)練目標(biāo)】1.能夠熟練操作線條工具、矩形工具、橢圓工具，并綜合運(yùn)用所學(xué)工具描繪出灰太郎的輪廓，線條流暢。2.能夠運(yùn)用色彩原理設(shè)計(jì)顏色，并熟練運(yùn)用填充工具正確填充顏色。3.審美能力、溝通能力和解決問(wèn)題能力進(jìn)一步加強(qiáng)。2.1.3制作過(guò)程1.新建Flash文檔，大小為800PX*600PX，如圖2-1-9所示。圖2-1-9新建Fl

24、ash文檔2.1.3制作過(guò)程2.圖層1重命名為“背景”，按下快捷鍵R切換到矩形工具，在工具箱中，線條顏色選擇“無(wú)”，填充顏色選擇七彩色，如圖2-1-10所示。圖2-1-10 矩形工具2.1.3制作過(guò)程3.將鼠標(biāo)放到舞臺(tái)的左上角按住左鍵拉至舞臺(tái)的右下角，繪制矩形背景，使其與舞臺(tái)大小相同，如圖2-1-11所示。圖2-1-11七彩背景2.1.3制作過(guò)程繪制卡通圖形1.新建圖層2命名為“原圖”，按下快捷鍵Ctrl+R導(dǎo)入卡通老虎圖片。2.按下快捷鍵Q切換為任意變形工具，選中卡通老虎圖片，拖拽變形手柄調(diào)整圖片高度使之與舞臺(tái)相當(dāng)，調(diào)整好位置，觀察圖像，位圖圖像在縮放的過(guò)程中出現(xiàn)失真，鎖定圖層，如圖2-1-

25、12所示。圖2-1-12導(dǎo)入原圖2.1.3制作過(guò)程3.新建圖層命名為“頭”。使用橢圓工具和線條工具，屬性面板設(shè)置顏色為棕色，粗細(xì)為“1”，按照卡通老虎原圖描繪出頭部輪廓，隱藏原圖觀察圖像，如圖2-1-13所示。圖2-1-13描繪頭部輪廓2.1.3制作過(guò)程4.在工具箱中打開顏色面板，選擇淺黃色，按下快捷鍵K切換為顏料桶工具，單擊頭部輪廓以填充顏色，隱藏原圖觀察圖像，如圖2-1-14所示。圖2-1-14填充頭部顏色圖2-1-16時(shí)間軸設(shè)置6.刪除原圖，按下Ctrl+Enter鍵預(yù)覽圖形效果，觀察原始素材圖片和新繪制的圖片，感受位圖和矢量圖的區(qū)別。2.1.3制作過(guò)程5.新建圖層，復(fù)制頭部的填充色塊，

26、按下快捷鍵Q切換為任意變形工具，按住Shift鍵的同時(shí)拖拽四周的某一個(gè)頂點(diǎn)縮放圖形，修改填充色為黃色，微調(diào)形狀輪廓。如圖2-1-15所示。圖2-1-16時(shí)間軸設(shè)置6.刪除原圖，按下Ctrl+Enter鍵預(yù)覽圖形效果，觀察原始素材圖片和新繪制的圖片，感受位圖和矢量圖的區(qū)別。圖2-1-15復(fù)制頭部并更改顏色2.1.3制作過(guò)程6.重復(fù)以上步驟，分別新建圖層，比照原圖描繪出輪廓，分別調(diào)整好顏色并填充，在繪制的過(guò)程中，注意隱藏與顯示原圖以對(duì)比和觀察圖像，時(shí)間軸各圖層設(shè)置如圖2-1-16所示。圖2-1-16時(shí)間軸設(shè)置6.刪除原圖，按下Ctrl+Enter鍵預(yù)覽圖形效果，觀察原始素材圖片和新繪制的圖片，感受

27、位圖和矢量圖的區(qū)別。圖2-1-16時(shí)間軸設(shè)置2.1.3制作過(guò)程6.刪除原圖，按下Ctrl+Enter鍵預(yù)覽圖形效果，觀察原始素材圖片和新繪制的圖片，感受位圖和矢量圖的區(qū)別。圖2-1-16時(shí)間軸設(shè)置6.刪除原圖，按下Ctrl+Enter鍵預(yù)覽圖形效果，觀察原始素材圖片和新繪制的圖片，感受位圖和矢量圖的區(qū)別。2.1.4能力擴(kuò)展同樣的方法，還可以繪制其他二維矢量圖形，如圖2-1-17、2-1-18所示。圖2-1-16時(shí)間軸設(shè)置6.刪除原圖，按下Ctrl+Enter鍵預(yù)覽圖形效果，觀察原始素材圖片和新繪制的圖片，感受位圖和矢量圖的區(qū)別。 圖2-1-17 二維矢量圖形 圖2-1-18 二維矢量圖形2.1

28、.4能力擴(kuò)展1.設(shè)置好前景色，選擇畫筆工具，繪制圖像輪廓。如圖2-1-19所示。圖2-1-19 圖像輪廓2.1.4能力擴(kuò)展2.設(shè)置好前景色，選擇顏料桶工具，填充顏色。注意：填充顏色之前需要先閉合輪廓線條，填充顏色之后再將多余的線條刪除。如圖2-1-20所示。圖2-1-16時(shí)間軸設(shè)置6.刪除原圖，按下Ctrl+Enter鍵預(yù)覽圖形效果，觀察原始素材圖片和新繪制的圖片，感受位圖和矢量圖的區(qū)別。 圖2-1-20 填充顏色2.1.4能力擴(kuò)展圖2-1-16時(shí)間軸設(shè)置6.刪除原圖，按下Ctrl+Enter鍵預(yù)覽圖形效果，觀察原始素材圖片和新繪制的圖片，感受位圖和矢量圖的區(qū)別。 3.新建圖層，繪制五官等細(xì)節(jié)

29、。如圖2-1-21所示。圖2-1-21 繪制細(xì)節(jié)Flash CC 基礎(chǔ)與案例教程第2章 矢量圖形 Flash CC 基礎(chǔ)與案例教程繪制卡通圖形一 繪制矢量圖形二繪制動(dòng)漫角色三繪制矢量圖形第二部分Flash CC 基礎(chǔ)與案例教程2.2.1 知技準(zhǔn)備1.如何理解物體的素描關(guān)系？素描的主要目的是表現(xiàn)物體的真實(shí)感，突出三維立體效果，三維立體的存在離不開明暗調(diào)子的塑造，因此在二維矢量繪圖中要關(guān)注明暗色調(diào)變化的節(jié)奏規(guī)律，以及增強(qiáng)立體觀念與空間意識(shí)，素描中的五大調(diào)包括亮調(diào)、灰調(diào)（中間調(diào)子）、明暗交界線、反光和投影。一、基礎(chǔ)知識(shí)2.2.1 知技準(zhǔn)備2.什么是對(duì)象繪制模式？創(chuàng)建稱為繪制對(duì)象的形狀。繪制對(duì)象是在疊

30、加時(shí)不會(huì)自動(dòng)合并在一起的單獨(dú)的圖形對(duì)象，這樣在分離或重新排列形狀的外觀時(shí)，會(huì)使形狀重疊而不會(huì)改變它們的外觀。Flash將每個(gè)形狀創(chuàng)建為單獨(dú)的對(duì)象，可以分別進(jìn)行處理。當(dāng)繪畫工具處于對(duì)象繪制模式時(shí)，使用該工具創(chuàng)建的形狀為自包含形狀。形狀的筆觸和填充不是單獨(dú)的元素，并且重疊的形狀也不會(huì)相互更改。選擇用“對(duì)象繪制”模式創(chuàng)建的形狀時(shí)，F(xiàn)lash會(huì)在形狀周圍添加矩形邊框來(lái)標(biāo)識(shí)它。2.2.1 知技準(zhǔn)備1.選擇工具選擇工具用于選中對(duì)象，快捷鍵為英文字母V，單擊對(duì)象即選中，在空白處再次單擊即取消選擇。要選擇多個(gè)對(duì)象，按住Ctrl鍵的同時(shí)單擊對(duì)象。雙擊可以選擇連續(xù)的多個(gè)對(duì)象。選中對(duì)象后，可以按住鼠標(biāo)左鍵不動(dòng)拖拽來(lái)

31、改變對(duì)象的位置。要繪制弧線，可先使用線條工具繪制直線輪廓，然后切換為選擇工具，將鼠標(biāo)指針置于線條下方，當(dāng)一、基本操作2.2.1 知技準(zhǔn)備當(dāng)指針右下角出現(xiàn)弧線標(biāo)志時(shí)，向不同方向拖拽鼠標(biāo)，即可將直線變?yōu)椴煌问降那€，將鼠標(biāo)指針置于線條端點(diǎn)旁邊，當(dāng)指針右下角出現(xiàn)直角標(biāo)志時(shí)，拖拽鼠標(biāo)，即可改變直線的端點(diǎn)位置。2.顏料桶工具顏料桶工具用來(lái)填充輪廓的內(nèi)部色塊，快捷鍵為英文字母K，在線條輪廓內(nèi)部單擊即可填充當(dāng)前工具箱中的填充顏色。使用顏料桶工具填充顏色時(shí)，一、基本操作2.2.1 知技準(zhǔn)備能填充一個(gè)相對(duì)封閉的區(qū)域，因此在繪制輪廓時(shí)，注意線條與線條的結(jié)合處要緊密，否則無(wú)法填充顏色。在工具箱底部選項(xiàng)中，可以選擇

32、不同的填充縫隙，包括“不封閉空隙”、“封閉小空隙”、“封閉中等空隙”、“封閉大空隙”四個(gè)選項(xiàng)，縫隙越大越容易填充顏色，當(dāng)“不封閉空隙”無(wú)法填充顏色時(shí)，可以選擇其它選項(xiàng)，F(xiàn)lash會(huì)自動(dòng)封閉線條之間的空隙，如果選擇“封閉大空隙”仍然無(wú)法填充顏色，說(shuō)明輪廓的縫隙超出系統(tǒng)能檢測(cè)的范圍，需要檢查線條結(jié)合處的封閉情況。如圖2-2-1所示。2.2.1 知技準(zhǔn)備圖2-2-1 封閉選項(xiàng)3.漸變變形工具漸變變形工具可以對(duì)線性填充或者徑向填充進(jìn)行旋轉(zhuǎn)、拉伸、縮放、修改中心點(diǎn)等操作，快捷鍵為英文字母F。（1）線性漸變使用漸變變形工具選擇線性漸變顏色，拖拽距離手柄可以拉伸填充色，拖拽中心手柄可以修改填充中心點(diǎn)，拖拽方

33、向手柄可以旋轉(zhuǎn)填充色條。如圖2-2-2所示。2.2.1 知技準(zhǔn)備（2）徑向漸變使用漸變變形工具選擇放射狀漸變顏色，拖拽圓中心手柄可以修改填充中心點(diǎn)，拖拽圓周上的長(zhǎng)寬手柄可以改變漸變圓的長(zhǎng)寬比，拖拽圓周上的大小手柄可以改變漸變圓的大小，拖拽圓周上的大小手柄可以改變漸變圓的方向。如圖2-2-3所示。圖2-2-2 線性漸變調(diào)整2.2.1 知技準(zhǔn)備3）鎖定填充當(dāng)選中顏料桶工具后，在工具箱的右下方出現(xiàn)鎖定填充按鈕。鎖定填充針對(duì)于漸變色的填充，可以對(duì)上一筆的顏色規(guī)律進(jìn)行鎖定，再次填充時(shí)是對(duì)上一次顏色填充的延續(xù)，當(dāng)為多個(gè)輪廓統(tǒng)一填充漸變色，使之作為一個(gè)整體調(diào)節(jié)色彩色調(diào)時(shí)，可以使用鎖定填充功能。圖2-2-3

34、徑向漸變調(diào)整2.2.1 知技準(zhǔn)備4.如何制作水晶質(zhì)感的圖像？二維矢量圖形上亮晶晶的高光反射可以很好的表現(xiàn)出水晶質(zhì)感，在Flash中主要通過(guò)設(shè)置白色逐漸透明的漸變來(lái)達(dá)到這種效果。在顏色面板中，“Alpha”屬性是透明度的意思，例如通過(guò)高光為西瓜營(yíng)造水晶效果，首先繪制好高光反射的輪廓，再在顏色面板中設(shè)置兩個(gè)或多個(gè)白色，再根據(jù)圖像效果調(diào)整各個(gè)白色的Alpha值就可以了,如圖2-2-4所示。圖2-2-4 制作高光2.2.1 知技準(zhǔn)備5.如何使用鎖定填充功能？鎖定填充針對(duì)于漸變色的填充，可以對(duì)上一筆的顏色規(guī)律進(jìn)行鎖定，再次填充時(shí)是對(duì)上一次顏色填充的延續(xù)，當(dāng)為多個(gè)輪廓統(tǒng)一填充漸變色，使之作為一個(gè)整體調(diào)節(jié)色

35、彩色調(diào)時(shí)，可以使用鎖定填充功能。當(dāng)使用漸變變形工具時(shí)，不鎖定填充時(shí)，每個(gè)圖形對(duì)象分別進(jìn)行編輯，如圖2-2-5所示，鎖定填充時(shí)，則可以同時(shí)對(duì)兩個(gè)圖形進(jìn)行調(diào)整，如圖2-2-6所示。2.2.1 知技準(zhǔn)備圖2-2-5 不鎖定填充圖2-2-6 鎖定填充圖像設(shè)計(jì)和動(dòng)畫制作越來(lái)越注重細(xì)節(jié)的完美，一種好的字體效果或者一個(gè)精致的水晶按鈕就會(huì)讓你的設(shè)計(jì)增色不少，那么如何來(lái)制作具有水晶質(zhì)感的圖像呢？世界萬(wàn)物有其特定的明暗原理和表現(xiàn)規(guī)律，該任務(wù)即是運(yùn)用素描基礎(chǔ)理論，通過(guò)Flash軟件中的漸變色彩調(diào)整，并通過(guò)亮光的處理，繪制出一幅具有水晶質(zhì)感的西瓜圖，效果如圖2-2-7所示。2.2.2案例分析【知識(shí)技能點(diǎn)】漸變變形工具

36、；變形面板；顏色面板；素描關(guān)系；色彩構(gòu)成?！居?xùn)練目標(biāo)】1.能夠熟練操作橢圓工具、選擇工具，繪制出西瓜輪廓，線條流暢；2.掌握變形面板各項(xiàng)參數(shù)的含義和作用，并能夠熟練進(jìn)行變形、旋轉(zhuǎn)和翻轉(zhuǎn)操作，透視和變形合理；3.掌握顏色面板各項(xiàng)參數(shù)的含義和作用，并能夠熟練配置線性漸變和徑向漸變色彩，圖形顏色配置美觀；4.能夠根據(jù)色彩原理熟練配置漸變色彩，并能夠熟練操作漸變色調(diào)整工具，正確表現(xiàn)出圖形的明暗關(guān)系和立體感。5.審美能力、溝通能力和解決問(wèn)題能力進(jìn)一步加強(qiáng)。2.2.2案例分析圖2-2-7 清涼西瓜1.新建Flash文檔，大小為900PX*500PX。2.圖層1重命名為“西瓜”。按下快捷鍵O切換為橢圓工具，

37、設(shè)置筆觸顏色為黑色，填充顏色為綠色，打開屬性面板，筆觸粗細(xì)設(shè)置為3PX，按住Shift鍵繪制一個(gè)正圓，如圖2-2-8所示。2.2.3制作過(guò)程圖2-2-8繪制橢圓2.2.3制作過(guò)程3.按下快捷鍵Ctrl+T，使用自由變形命令，將正圓調(diào)整為橢圓，打開顏色面板，填充顏色選擇“徑向漸變”，設(shè)置西瓜瓜皮的漸變色，按下快捷鍵K切換到顏料桶工具，為西瓜填充漸變色，如圖2-2-9所示。圖2-2-9顏色面板設(shè)置2.2.3制作過(guò)程4.按下快捷鍵Q切換為變形工具，擠扁西瓜使之變成橢圓，按下快捷鍵F切換到漸變變形工具，調(diào)整西瓜整體色調(diào)，注意在調(diào)整的時(shí)候，打開顏色面板進(jìn)一步修改顏色，如圖2-2-10所示。圖2-2-10

38、調(diào)整西瓜漸變色2.2.3制作過(guò)程二、繪制花紋1.新建圖層命名為“花紋”。2.通過(guò)線條工具和選擇工具，繪制西瓜花紋輪廓，如圖2-2-11所示。圖2-2-11繪制花紋2.2.3制作過(guò)程3.打開顏色面板，設(shè)置西瓜花紋的漸變色，按下快捷鍵K切換為顏料桶工具，按下工具箱選項(xiàng)欄的“鎖定填充”按鈕，為花紋整體填充漸變色，如圖2-2-12所示。圖2-2-12 填充花紋顏色2.2.3制作過(guò)程4.按下快捷鍵F切換為漸變變形工具，調(diào)整花紋漸變色使其整體色調(diào)的明暗關(guān)系與西瓜保持一致，調(diào)整時(shí)配合顏色面板進(jìn)一步調(diào)整顏色，如圖2-2-13所示，調(diào)整完畢將輪廓線刪除。圖2-2-13 調(diào)整花紋漸變色2.2.3制作過(guò)程三、繪制瓜

39、瓤1.新建圖層命名為“瓜瓤”。2.按下快捷鍵O切換到橢圓工具，畫出半個(gè)西瓜瓤的正圓輪廓，注意瓜瓤的直徑與西瓜最寬處的直徑相同。3.打開顏色面板，填充顏色類型選擇“徑向漸變”，調(diào)整好瓜瓤正圓的半徑顏色，由圓心向外依次為淺紅、紅色、白色、綠色，如圖2-2-14所示。圖2-2-14 設(shè)置瓜瓤顏色2.2.3制作過(guò)程4.新建圖層命名為“瓜子”，按下快捷鍵O切換為橢圓工具，畫出兩個(gè)瓜子，依照瓜瓤調(diào)整好瓜子的大小和位置，如圖2-2-15所示。圖2-2-15 繪制瓜子2.2.3制作過(guò)程5.按下快捷鍵Q切換到任意變形工具，將一組瓜子的注冊(cè)點(diǎn)移動(dòng)到瓜瓤的中心，如圖2-2-16所示。圖2-2-16 修改注冊(cè)點(diǎn)2.2

40、.3制作過(guò)程6.按下快捷鍵Ctrl+T打開變形面板，在“旋轉(zhuǎn)”一欄角度設(shè)為30度，不斷點(diǎn)擊右下角“重制選區(qū)和變形”按鈕，得到一圈瓜子，如圖2-2-17所示。圖2-2-17 變形面板設(shè)置2.2.3制作過(guò)程7.將西瓜各圖層內(nèi)容合并為一個(gè)圖層，方法是選中瓜皮和瓜瓤圖層中的內(nèi)容，按下快捷鍵Ctrl+X剪切，新建一個(gè)圖層命名“一個(gè)西瓜”，按下快捷鍵Ctrl+Shift+V粘貼到原位置，如圖2-2-18所示。圖2-2-18合并圖層內(nèi)容2.2.3制作過(guò)程8.同理，將瓜種圖層中的內(nèi)容合并到瓜瓤圖層，壓扁瓜瓤，使之具有一定的透視感，如圖2-2-19所示。圖2-2-19 壓扁瓜瓤2.2.3制作過(guò)程9.新建圖層命名

41、“半個(gè)西瓜”，復(fù)制“一個(gè)西瓜”圖層內(nèi)容到該圖層中，隱藏“一個(gè)西瓜”圖層，將“瓜瓤”圖層置于“半個(gè)西瓜”圖層上方并鎖定，刪除多余的半個(gè)西瓜，參照瓜瓤大小刪除掉“半個(gè)西瓜”圖層中多余的部分，如圖2-2-20所示。圖2-2-20 調(diào)整半個(gè)西瓜2.2.3制作過(guò)程10.繪制西瓜梗，將“瓜瓤”圖層中的內(nèi)容合并到“半個(gè)西瓜”圖層中，顯示“一個(gè)西瓜”圖層，分別調(diào)整好二者的角度和位置，如圖2-2-21所示。圖2-2-21 調(diào)整位置2.2.4能力擴(kuò)展圖2-1-16時(shí)間軸設(shè)置6.刪除原圖，按下Ctrl+Enter鍵預(yù)覽圖形效果，觀察原始素材圖片和新繪制的圖片，感受位圖和矢量圖的區(qū)別。同樣的方法，還可以繪制其他具有質(zhì)

42、感的二維矢量圖形，如圖2-2-22所示。圖2-2-22 鉛筆2.2.4能力擴(kuò)展圖2-1-16時(shí)間軸設(shè)置6.刪除原圖，按下Ctrl+Enter鍵預(yù)覽圖形效果，觀察原始素材圖片和新繪制的圖片，感受位圖和矢量圖的區(qū)別。1.選擇深淺不同的藍(lán)色，分別繪制上矩形長(zhǎng)條，排列為筆桿。如圖2-2-23實(shí)施。圖2-2-23 繪制筆桿2.2.4能力擴(kuò)展圖2-1-16時(shí)間軸設(shè)置6.刪除原圖，按下Ctrl+Enter鍵預(yù)覽圖形效果，觀察原始素材圖片和新繪制的圖片，感受位圖和矢量圖的區(qū)別。2.新建圖層，使用線條工具繪制輪廓，填充木頭漸變色，完成削鉛筆的筆頭形狀繪制。如圖2-2-24所示。圖2-2-24 繪制筆頭2.2.4

43、能力擴(kuò)展圖2-1-16時(shí)間軸設(shè)置6.刪除原圖，按下Ctrl+Enter鍵預(yù)覽圖形效果，觀察原始素材圖片和新繪制的圖片，感受位圖和矢量圖的區(qū)別。3.新建圖層，使用線條工具繪制輪廓，填充筆芯漸變色，完成筆尖形狀繪制。如圖2-2-25所示。圖2-2-25 繪制筆尖2.2.4能力擴(kuò)展圖2-1-16時(shí)間軸設(shè)置6.刪除原圖，按下Ctrl+Enter鍵預(yù)覽圖形效果，觀察原始素材圖片和新繪制的圖片，感受位圖和矢量圖的區(qū)別。4.新建圖層，選擇基本矩形工具，繪制倒角矩形，填充橡皮顏色。如圖2-2-26所示。圖2-2-26 繪制橡皮2.2.4能力擴(kuò)展圖2-1-16時(shí)間軸設(shè)置6.刪除原圖，按下Ctrl+Enter鍵預(yù)

44、覽圖形效果，觀察原始素材圖片和新繪制的圖片，感受位圖和矢量圖的區(qū)別。5.新建圖層，選擇矩形工具，填充金屬環(huán)顏色。如圖2-2-27所示。圖2-2-27 繪制金屬環(huán)2.2.4能力擴(kuò)展圖2-1-16時(shí)間軸設(shè)置6.刪除原圖，按下Ctrl+Enter鍵預(yù)覽圖形效果，觀察原始素材圖片和新繪制的圖片，感受位圖和矢量圖的區(qū)別。6.時(shí)間軸圖層安排如圖2-2-28所示。圖2-2-28 時(shí)間軸Flash CC 基礎(chǔ)與案例教程第2章 矢量圖形 繪制動(dòng)漫角色第三部分Flash CC 基礎(chǔ)與案例教程2.3.1 知技準(zhǔn)備基礎(chǔ)知識(shí) 1.什么是貝塞爾曲線？ 貝塞爾曲線(Bzier curve)，又稱貝茲曲線或貝濟(jì)埃曲線，是應(yīng)用

45、于二維圖形應(yīng)用程序的數(shù)學(xué)曲線。一般的矢量圖形軟件通過(guò)它來(lái)精確畫出曲線，F(xiàn)lash軟件中的鋼筆工具使用的即是使用的這種曲線，貝茲曲線由線段與節(jié)點(diǎn)組成，節(jié)點(diǎn)是可拖動(dòng)的支點(diǎn)，線段像可伸縮的皮筋，貝賽爾曲線的每一個(gè)頂點(diǎn)都有兩個(gè)控制點(diǎn)，用于控制在該頂點(diǎn)兩側(cè)的曲線的弧度。貝塞爾曲線上的所有控制點(diǎn)、節(jié)點(diǎn)均可編輯，這種“智能化”的矢量線條為藝術(shù)家提供了一種理想的圖形編輯與創(chuàng)造的工具。2.3.1 知技準(zhǔn)備 任何一條不規(guī)則曲線都可以通過(guò)曲線上的包含的每一個(gè)點(diǎn)加二個(gè)控制柄來(lái)準(zhǔn)確描述，或者說(shuō)曲線上的每一條最基本的曲線段都可以通過(guò)該段的二個(gè)端點(diǎn)和在這二個(gè)端點(diǎn)上加二個(gè)控制柄來(lái)準(zhǔn)確描述。改變控制柄的角度和長(zhǎng)度，可以改變曲線

46、的曲率。貝塞爾曲線的有趣之處就在于它的“皮筋效應(yīng)”，隨著點(diǎn)有規(guī)律地移動(dòng)，曲線將產(chǎn)生皮筋伸引一樣的變換，如圖2-3-1所示。圖2-3-1貝塞爾曲線2.3.1 知技準(zhǔn)備2.拾色器單擊工具箱或者屬性面板等位置的筆觸顏色或者填充顏色，即可打開顏色窗口。如圖2-3-2所示。圖2-3-2顏色窗口1.選擇顏色 打開顏色窗口后，鼠標(biāo)會(huì)自動(dòng)變?yōu)槲芄ぞ?，單擊顏色窗口中的某一個(gè)色塊即選中該顏色。左上角的大塊色塊代表當(dāng)前選擇的顏色，其后的文本框?yàn)樵擃伾氖M(jìn)制值，可以直接在此輸入十六進(jìn)制值來(lái)指定顏色。2.3.1 知技準(zhǔn)備2.設(shè)置顏色Alpha值右上角的Alpha值用來(lái)設(shè)置當(dāng)前顏色的透明度，當(dāng)數(shù)值為100時(shí)，顏色完

47、全不透明，當(dāng)數(shù)值為0時(shí)，顏色完全透明，當(dāng)數(shù)值為0到100之間時(shí)，顏色為不同程度的半透明。3.設(shè)置無(wú)顏色右上角的白色方框帶紅色斜線按鈕，用來(lái)設(shè)定有無(wú)顏色。該按鈕按下時(shí)代表無(wú)筆觸顏色或填充顏色。2.3.1 知技準(zhǔn)備4.拾色器 點(diǎn)擊顏色窗口右上角的彩色圓形拾色器圖標(biāo)，拾色器即拾取顏色的器具，多用吸管表示，在顏色上單擊就能拾取所單擊的顏色?？梢曰贖SB（色相、飽和度、亮度）、RGB（紅色、綠色、藍(lán)色）顏色模型選擇顏色，或者根據(jù)顏色的十六進(jìn)制值來(lái)指定顏色，還可以基于Lab 顏色模型（亮度分量、綠色-紅色軸、藍(lán)色-黃色軸）選擇顏色，并基于 CMYK（青色、洋紅、黃色、黑色）顏色模型指定顏色。如圖2-3-

48、3所示。圖2-3-3拾色器2.3.1 知技準(zhǔn)備3.如何畫好動(dòng)漫人物？ 繪制動(dòng)漫人物并非一朝一夕之功，需要的基礎(chǔ)知識(shí)有透視、人體結(jié)構(gòu)、動(dòng)態(tài)結(jié)構(gòu)等，其實(shí)一副畫就是由無(wú)數(shù)的線和無(wú)數(shù)的點(diǎn)構(gòu)成的，只要把握好線和點(diǎn)的畫法，基本上對(duì)畫畫已經(jīng)成功了一半了，此外還需要我們對(duì)人物的理解能力以及觀察能力，例如眼睛是心靈的窗口，通過(guò)眼睛可以表達(dá)一個(gè)人的感情和性格，一些美型漫畫的冷酷男生，他們的眼睛不是大大的，而是偏細(xì)狹的，并且有種凌厲的光芒；而可愛的漫畫女生，則是眼睛大大的，神態(tài)表現(xiàn)的也很活潑等等，這需要長(zhǎng)期的臨摹和創(chuàng)造。2.3.1 知技準(zhǔn)備2.基本操作1.顏色面板 選擇菜單“窗口顏色”命令，打開顏色面板，對(duì)繪制圖形

49、進(jìn)行顏色設(shè)置。如果在舞臺(tái)上選中了對(duì)象，則在顏色面板中的設(shè)置被應(yīng)用到該對(duì)象上?？梢詮默F(xiàn)有的調(diào)色板中選擇顏色，也可以在RGB、HSB色彩模式下進(jìn)行選擇，也還以通過(guò)十六進(jìn)制模式直接輸入顏色代碼。如圖2-3-4所示。圖2-3-4顏色面板2.3.1 知技準(zhǔn)備 設(shè)置顏色時(shí)，首先確定修改的是筆觸顏色還是填充顏色，通過(guò)單擊顏色面板左上角的圖標(biāo)進(jìn)行切換。（1）純色為線條輪廓或者填充色塊設(shè)置純色。（2）線性漸變?yōu)榫€條輪廓或者填充色塊設(shè)置線性漸變色。顏色條中的顏色將從左到右填充到所選區(qū)域中。2.3.1 知技準(zhǔn)備（3）徑向漸變 為線條輪廓或者填充色塊設(shè)置放射狀漸變色。顏色條中的顏色將以左側(cè)端點(diǎn)為圓心，以整個(gè)顏色條為半

50、徑，繞一圈填充到所選區(qū)域中。如圖2-3-5所示。圖2-3-5徑向漸變2.3.1 知技準(zhǔn)備（4）位圖為線條輪廓或者填充色塊設(shè)置位圖。如圖2-3-6所示。圖2-3-6位圖填充2.鋼筆工具組 使用鋼筆工具組可以自由的創(chuàng)建各種線條，該工具組中包括4種工具，分別是“鋼筆”工具、“添加錨點(diǎn)”工具、“刪除錨點(diǎn)”工具和“轉(zhuǎn)換點(diǎn)”工具，默認(rèn)狀態(tài)下，工具箱上顯示的是“鋼筆”工具按鈕，如圖2-3-7所示。2.3.1 知技準(zhǔn)備圖2-3-7鋼筆工具組各工具的形狀及使用方法如下：（1）帶小叉的鋼筆：繪制路徑時(shí)表示未落筆狀態(tài)，點(diǎn)鼠標(biāo)左鍵相當(dāng)于畫線的起點(diǎn)。（2）小尖角形狀的鋼筆：表示鋼筆編輯狀態(tài)。點(diǎn)左鍵相當(dāng)于選中路徑的節(jié)點(diǎn)。

51、（3）黑箭頭：當(dāng)選中節(jié)點(diǎn)后，繼續(xù)按住左鍵不放，拖動(dòng)鼠標(biāo)可以改變路徑的彎曲程度，此時(shí)鋼筆變成一個(gè)小黑箭頭，松開左鍵，小黑箭頭變成什么都不帶的鋼筆。2.3.1 知技準(zhǔn)備（4）鋼筆：表示已經(jīng)畫了起點(diǎn)，正在等待確定下一個(gè)節(jié)點(diǎn)，點(diǎn)左鍵確定下一個(gè)節(jié)點(diǎn)。節(jié)點(diǎn)是指用指針工具選中圖形時(shí)出現(xiàn)的原圖沒(méi)有的很小的實(shí)心方塊。（5）帶小圓圈的鋼筆：表示線的起點(diǎn)就是該點(diǎn)，點(diǎn)擊鼠標(biāo)左鍵，則該條線完成，鋼筆重新回到帶小叉的狀態(tài)。（6）帶減號(hào)的鋼筆：表示鋼筆工具正指向一個(gè)節(jié)點(diǎn)，點(diǎn)左鍵可以刪除該節(jié)點(diǎn)，點(diǎn)左鍵后繼續(xù)按住左鍵不放，拖動(dòng)鼠標(biāo)可以改變相鄰兩線的彎曲程度，鋼筆變成一個(gè)小黑箭頭形狀。（7）帶加號(hào)的鋼筆：表示鋼筆工具正指向兩個(gè)節(jié)

52、點(diǎn)中的連線上，點(diǎn)擊鼠標(biāo)左鍵可以增加新節(jié)點(diǎn)。（8）白箭頭：稱為部分選取工具，表示該路徑處于編輯修改狀態(tài)，可以拖動(dòng)路徑的彎曲控制點(diǎn)改變彎曲程度，也可以選中節(jié)點(diǎn)改變節(jié)點(diǎn)位置。在鋼筆工具狀態(tài)下，按下Ctrl鍵不放，將切換為白箭頭狀態(tài)。2.3.1 知技準(zhǔn)備3.如何熟練使用鋼筆工具繪制線條？（1）繪制直線和曲線鋼筆工具繪制直線的方法很簡(jiǎn)單，直接在場(chǎng)景中單擊兩個(gè)點(diǎn)，即自動(dòng)將其以直線的形式連接起來(lái)。繪制曲線時(shí)，先單擊鼠標(biāo)繪制一個(gè)起點(diǎn)，在繪制第二個(gè)點(diǎn)的時(shí)候按住左鍵不放，拖動(dòng)鼠標(biāo)即可。（2）修改圖形的形狀 選擇部分選擇工具，即白箭頭，位于工具欄第二個(gè)，選中其中任意一個(gè)點(diǎn)進(jìn)行拖動(dòng)即可進(jìn)行位置修改，全部選中則可以移動(dòng)

53、整個(gè)路徑，另外使用轉(zhuǎn)換錨點(diǎn)工具可以將節(jié)點(diǎn)轉(zhuǎn)換為直線或曲線，當(dāng)修改曲線時(shí)，可以分別拖拽兩個(gè)控制點(diǎn)來(lái)調(diào)整弧度。2.3.2案例分析 二維矢量繪圖是制作二維動(dòng)畫的基礎(chǔ)，尤其是在動(dòng)漫作品中，角色設(shè)定是好的動(dòng)畫的制作前提，動(dòng)漫及卡通人物的設(shè)定有其自身的特點(diǎn)和規(guī)律，適當(dāng)采用擬人、夸張、變形等繪圖手法，可以達(dá)到事半功倍的效果。該任務(wù)通過(guò)鋼筆工具組中的各種工具，配合繪圖板，制作出一幅精美的動(dòng)漫月夜少女鼠繪圖，最終效果如圖2-3-8所示。圖2-3-8月夜少女2.3.2案例分析【知識(shí)技能點(diǎn)】鋼筆工具；錨點(diǎn)工具；部分選取工具；素描關(guān)系；立體構(gòu)成?！居?xùn)練目標(biāo)】 能夠熟練操作鋼筆工具、錨點(diǎn)工具和部分選取工具，能夠通過(guò)錨點(diǎn)

54、轉(zhuǎn)換、增加錨點(diǎn)、刪除錨點(diǎn)等命令繪制出角色輪廓，線條流暢，透視與結(jié)構(gòu)合理；掌握顏色面板各項(xiàng)參數(shù)的含義和作用，并能夠熟練配置線性漸變和徑向漸變色彩，從而繪制出星星和月亮；最終運(yùn)用動(dòng)漫人物角色設(shè)定的表現(xiàn)規(guī)律，繪制一幅月夜少女圖，手繪能力得到進(jìn)一步提高。2.3.3制作過(guò)程一、繪制少女1.新建Flash文檔，大小為900PX*650PX。2.圖層1重命名為“頭”， 按下快捷鍵N切換為線條工具，繪制三條直線，呈倒三角狀，按下快捷鍵V切換為選擇工具，將鼠標(biāo)置于直線下方，當(dāng)鼠標(biāo)下方出現(xiàn)圓弧標(biāo)志時(shí)，拖拽鼠標(biāo)將線條拖出一定的弧度，如圖2-3-9所示。圖2-3-9繪制臉部輪廓2.3.3制作過(guò)程3.使用部分選取工具拖

55、動(dòng)弧線頂點(diǎn)的調(diào)節(jié)柄，反復(fù)調(diào)整貝塞爾曲線，完成人物頭部輪廓的繪制，如圖2-3-10所示。圖2-3-10繪制頭部輪廓2.3.3制作過(guò)程4.同理，使用線條工具繪制頭發(fā)直線，再使用部分選取工具通過(guò)調(diào)整調(diào)節(jié)柄編輯曲線輪廓，完成發(fā)飾、劉海、耳朵等輪廓的繪制，打開顏色面板，設(shè)置頭發(fā)顏色為棕色，按下快捷鍵K切換為顏料桶工具填充顏色，同理，為臉部填充淡淡的黃色，為發(fā)飾填充土黃色，如圖2-3-11所示。圖2-3-11繪制并填充頭部2.3.3制作過(guò)程5.新建圖層命名“衣服”，繪制好衣服輪廓，同時(shí)繪制好發(fā)辮的輪廓，分別為脖子、衣服和發(fā)辮填充淡黃色、藍(lán)色和棕色，如圖2-3-12所示。圖2-3-12繪制衣服和發(fā)辮2.3.

56、3制作過(guò)程6.新建圖層命名為“五官”，繪制人物眼睛、眉毛、鼻子和嘴巴，眼睛繪制可以使用橢圓工具，設(shè)置無(wú)線條顏色。繪制眼睛和眉毛時(shí)要注意二者之間的距離合適，兩個(gè)眼睛瞳孔的方向要一致，使整個(gè)人物看起來(lái)自然協(xié)調(diào)，如圖2-3-13所示。圖2-3-13繪制五官7.按下Ctrl+Enter鍵預(yù)覽圖形效果。2.3.3制作過(guò)程二、制作背景1.新建圖層命名為“夜空”，導(dǎo)入夜空背景素材圖片，調(diào)整大小和位置，使之完全覆蓋住舞臺(tái)，如圖2-3-14所示。圖2-3-14添加夜空2.3.3制作過(guò)程2.新建圖層命名為“月亮”，按下快捷鍵O切換為橢圓工具，繪制一個(gè)正圓，打開顏色面板，設(shè)置淺黃到黃色再到白色的漸變，設(shè)置白色的Al

57、pha值為0，以營(yíng)造月亮光暈的效果，按下快捷鍵F切換為漸變變形工具對(duì)填充色進(jìn)行調(diào)整，如圖2-3-15所示。圖2-3-15月亮顏色設(shè)置2.3.3制作過(guò)程3.新建圖層命名為“星星”，使用筆刷工具或者橢圓工具繪制星星，并設(shè)置其顏色的Alpha值，使星星的顏色有深有淺、形狀有大有小，以營(yíng)造星星遠(yuǎn)近不同的層次感。4.按下快捷鍵Ctrl+Enter預(yù)覽圖像效果。2.3.4能力拓展同樣操作方法，還可以鼠繪其他動(dòng)漫人物，如圖2-3-16所示。圖2-3-16動(dòng)漫人物2.3.4能力拓展1.選擇線條工具，繪制出臉部輪廓，填充顏色。如圖2-3-17所示圖2-3-17 繪制臉部2.新建圖層，選擇線條工具繪制出頭發(fā)輪廓，

58、填充顏色。如圖2-3-18所示。圖2-3-18 繪制頭發(fā)2.3.4能力拓展3.新建圖層，選擇線條工具繪制出頭發(fā)輪廓，填充顏色，使頭發(fā)具有層次感。如圖2-3-19所示。圖2-3-19 繪制頭發(fā)4.新建圖層，繪制五官輪廓并填充顏色。如圖2-3-20所示。圖2-3-20 繪制五官2.3.4能力拓展5.新建圖層，置于臉部圖層下方，繪制衣服輪廓并填充顏色。如圖2-3-21所示。圖2-3-21 繪制衣服2.3.4能力拓展6.新建圖層，繪制衣服細(xì)節(jié)輪廓并填充顏色。時(shí)間軸圖層安排如圖2-3-22所示。圖2-3-22 時(shí)間軸Flash CC 基礎(chǔ)與案例教程第2章 矢量圖形 思考與練習(xí)一、選擇題1.在使用直線工具

59、繪制直線時(shí)，若同時(shí)按住什么鍵，則可以畫出水平方向、垂直方向、45角和135角等特殊角度的直線（ ）A.【ALT】B.【CTRL】 C.【SHIFT】 D.【ESC】2.在使用“矩形”工具時(shí)，希望畫出的矩形為正方形，可以在繪制的同時(shí)按住哪個(gè)鍵？（ ）A.【Ctrl】鍵 B.【Shift】鍵C.【Alt】鍵 D.【Tab】鍵思考與練習(xí)3.在Flash的繪圖工具中，可以同時(shí)產(chǎn)生筆觸和填充的工具有：（ ）A.鉛筆工具、線條工具和橢圓工具B.矩形工具、橢圓工具和多角星形工具C.刷子工具、鉛筆工具和多角星形工具D.線條工具、橢圓工具和矩形工具4.在Flash 中，要繪制基本的幾何形狀，不可以使用的繪圖工具

60、是：（ ）A.直線 B.橢圓C.圓 D.矩形思考與練習(xí)5.在Flash中，選擇工具箱中的滴管工具，當(dāng)單擊填充區(qū)域時(shí)，該工具將自動(dòng)變成什么工具？（ ）A.墨水瓶工具 B.涂料筒工具C.刷子工具 D.鋼筆工具6.在Flash中，要繪制精確的直線或曲線路徑，可以使用哪個(gè)工具？（ ）A.鉛筆工具 B.鋼筆工具 C.刷子工具 D.A和C都正確思考與練習(xí)7.下面關(guān)于使用“鋼筆”工具的說(shuō)法，錯(cuò)誤的是：（ ）A.當(dāng)需要繪制精確路徑時(shí)，可以使用“鋼筆”工具。B.鋼筆工具可以創(chuàng)建直線或曲線，并且調(diào)節(jié)直線的角度和長(zhǎng)度，修改曲線的弧度。C.可以通過(guò)調(diào)節(jié)線條上的點(diǎn)調(diào)節(jié)直線和曲線，曲線可以轉(zhuǎn)換為直線，反之亦然。D.使用“