第2章-使用Flash繪制圖形

使用Flash繪制圖形第2章1案例2-1繪制“五星紅旗”2案例2-2繪制“奧運(yùn)五環(huán)”3案例2-3繪制“小鳥(niǎo)”4案例2-4繪制“精致的彩繪花瓶”5案例2-5繪制“繁星滿天”6案例2-6繪制“樹(shù)圖案”7案例2-7制作“立體文字”2教學(xué)目標(biāo)本章將全面介紹FlashCS6中的工具面板及選擇工具、變形工具、繪圖工具、繪圖調(diào)整工具等工具的應(yīng)用方法，使學(xué)習(xí)者能夠了解FlashCS6中各種工具的使用方法，掌握這些工具的使用技巧，熟悉各種工具的具體設(shè)置及用途，為后面的動(dòng)畫(huà)制作奠定堅(jiān)實(shí)的基礎(chǔ)。3教學(xué)目標(biāo)圖2-1知識(shí)導(dǎo)航圖4案例2-1繪制“五星紅旗”2.1.1案例效果圖2-2“五星紅旗”效果圖5案例2-1繪制“五星紅旗”2.1.2案例分析繪制“五星紅旗”主要應(yīng)用繪圖工具中的“多角星形工具”中的“星形”工具設(shè)置以及輔助繪圖工具中的“標(biāo)尺”和“網(wǎng)格”，采用“對(duì)象繪制”模式，快速完成繪制。可以應(yīng)用“任意變形工具”對(duì)“五星紅旗”進(jìn)行調(diào)整，以增添動(dòng)感效果。操作中需要特別注意“五角星”的位置和角度。6案例2-1繪制“五星紅旗”2.1.3案例步驟步驟1新建文件。步驟2設(shè)置標(biāo)尺和網(wǎng)格屬性。步驟3顯示網(wǎng)格。7案例2-1繪制“五星紅旗”2.1.3案例步驟步驟4繪制矩形旗面。步驟5將旗面圖形四等分。圖2-5紅色矩形旗面圖2-6將旗面圖形四等分8案例2-1繪制“五星紅旗”2.1.3案例步驟步驟6繪制五角星。步驟7繪制大的五角星。步驟8輔助定位小五角星。圖2-8繪制大的五角星圖2-9連接線至小五角星的正中心9案例2-1繪制“五星紅旗”2.1.3案例步驟步驟9繪制小五角星。步驟10清除線條。步驟11取消標(biāo)尺、網(wǎng)格、輔助線。步驟12編輯圖形，增添效果。10案例2-1繪制“五星紅旗”2.1.4相關(guān)知識(shí)“橢圓工具”主要繪制橢圓、圓形。“矩形工具”除可以繪制矩形、正方形外，還可以繪制出帶有圓角的矩形。11案例2-1繪制“五星紅旗”2.1.4相關(guān)知識(shí)“選擇工具”是工具面板中使用率最高的工具，主要用于選擇將要處理的對(duì)象?！斑x擇工具”沒(méi)有相應(yīng)的屬性面板，只有一些相應(yīng)的附加選項(xiàng)。(3)選擇對(duì)象的兩種方法①點(diǎn)選:可以選擇對(duì)象的完整線條或區(qū)域。②圈選:從多個(gè)對(duì)象的左上角按住鼠標(biāo)左鍵并拖動(dòng)，可以看到一個(gè)矩形的選取框，用此選取框可以圈選全部待選對(duì)象，也可以選擇部分區(qū)域，如圖2-12所示。12案例2-1繪制“五星紅旗”2.1.4相關(guān)知識(shí)“任意變形工具”是一個(gè)獨(dú)立的工具。使用該工具，可以對(duì)各種對(duì)象進(jìn)行各種方式的變形處理，如拉伸、壓縮、旋轉(zhuǎn)、翻轉(zhuǎn)和自由變形等。選擇工具箱中的“任意變形工具”，單擊工作區(qū)中要變形的對(duì)象，就會(huì)出現(xiàn)一個(gè)調(diào)整框和9個(gè)控制點(diǎn)，利用這些控制點(diǎn)便可以調(diào)整所選對(duì)象了，如圖2-15所示。13案例2-1繪制“五星紅旗”2.1.4相關(guān)知識(shí)14案例2-1繪制“五星紅旗”2.1.4相關(guān)知識(shí)15案例2-1繪制“五星紅旗”2.1.4相關(guān)知識(shí)16案例2-2繪制“奧運(yùn)五環(huán)”2.2.1案例效果17案例2-2繪制“奧運(yùn)五環(huán)”2.2.2案例分析繪制“奧運(yùn)五環(huán)”主要通過(guò)“基本橢圓工具”的使用，“橢圓圖元”屬性面板的設(shè)置，“圖元繪制”模式與“對(duì)象繪制”模式的轉(zhuǎn)換，線條與填充的區(qū)別等知識(shí)，快速繪制出“奧運(yùn)五環(huán)”效果。18案例2-2繪制“奧運(yùn)五環(huán)”2.2.3制作步驟19案例2-2繪制“奧運(yùn)五環(huán)”2.2.3制作步驟20案例2-2繪制“奧運(yùn)五環(huán)”2.2.3制作步驟21案例2-2繪制“奧運(yùn)五環(huán)”2.2.3制作步驟22案例2-2繪制“奧運(yùn)五環(huán)”2.2.4案例分析(1)對(duì)象的移動(dòng)(2)使用“對(duì)齊”面板進(jìn)行位置管理23案例2-2繪制“奧運(yùn)五環(huán)”2.2.4案例分析24案例2-2繪制“奧運(yùn)五環(huán)”2.2.4案例分析25案例2-2繪制“奧運(yùn)五環(huán)”2.2.4案例分析“顏料桶工具”可以對(duì)定義區(qū)內(nèi)的圖像填入純色、漸變色和位圖，既可以填充空白區(qū)域，也可以更改已著色區(qū)域的顏色;還可以用“顏料桶工具”對(duì)一個(gè)未完全封閉的區(qū)域進(jìn)行填充。該工具屬性設(shè)置比較簡(jiǎn)單，如圖所示。26案例2-2繪制“奧運(yùn)五環(huán)”2.2.4案例分析“橡皮擦工具”可以擦除圖形的輪廓線條或填色區(qū)域，也可以擦除工作區(qū)中任何內(nèi)容。當(dāng)選擇“橡皮擦工具”后，該工具并沒(méi)有屬性設(shè)置，只有相應(yīng)的附加選項(xiàng)，如圖所示。27案例2-2繪制“奧運(yùn)五環(huán)”2.2.4案例分析只需在要擦除的填充色或者輪廓線上單擊一下便可將圖形的填充色整體去掉，或?qū)⑤喞€全部擦除，如圖所示。28案例2-2繪制“奧運(yùn)五環(huán)”2.2.4案例分析單擊該選項(xiàng)，可以選擇橡皮擦形狀和大小。同時(shí)要確保“水龍頭”功能沒(méi)有被選中。29案例2-3繪制“小鳥(niǎo)”2.3.1案例效果30案例2-3繪制“小鳥(niǎo)”2.3.2案例分析31案例2-3繪制“小鳥(niǎo)”2.3.3制作步驟步驟1新建一個(gè)Flash文件。步驟2導(dǎo)入位圖。步驟3打開(kāi)“庫(kù)”面板，如圖所示。步驟4為便于繪制，在“圖層”面板新建圖層，重命名為“輪廓”。32案例2-3繪制“小鳥(niǎo)”2.3.3制作步驟33案例2-3繪制“小鳥(niǎo)”2.3.3制作步驟34案例2-3繪制“小鳥(niǎo)”2.3.3制作步驟35案例2-3繪制“小鳥(niǎo)”2.3.3制作步驟36案例2-3繪制“小鳥(niǎo)”2.3.3制作步驟37案例2-3繪制“小鳥(niǎo)”2.3.3制作步驟38案例2-3繪制“小鳥(niǎo)”2.3.3制作步驟39案例2-3繪制“小鳥(niǎo)”2.3.4相關(guān)知識(shí)“鋼筆工具”又叫“貝塞爾曲線工具”，它是許多繪圖軟件廣泛使用的一種重要工具。使用“鋼筆工具”可以繪制精確的路徑(如直線或平滑、流動(dòng)的曲線)。使用“鋼筆工具”繪畫(huà)時(shí)，單擊可以創(chuàng)建直線段上的點(diǎn)，拖動(dòng)可以創(chuàng)建曲線段上的點(diǎn)?？梢酝ㄟ^(guò)調(diào)整線條上的點(diǎn)來(lái)調(diào)整直線段和曲線段。40案例2-3繪制“小鳥(niǎo)”2.3.4相關(guān)知識(shí)“部分選取工具”主要用來(lái)選擇和編輯線條或邊的路徑形狀?？梢韵瘛斑x擇工具”那樣選取并移動(dòng)對(duì)象，當(dāng)某一對(duì)象被“部分選取工具”選中后，圖像輪廓線上將出現(xiàn)很多錨點(diǎn)，表示該對(duì)象已被選中。要移動(dòng)錨點(diǎn)，可用“部分選取工具”選中錨點(diǎn)，此時(shí)光標(biāo)的右下角會(huì)出現(xiàn)一個(gè)空心的小方點(diǎn)，拖動(dòng)該點(diǎn)則可以移動(dòng)錨點(diǎn)，輪廓會(huì)隨之改變，從而完成對(duì)圖形的修改操作，如圖所示。41案例2-3繪制“小鳥(niǎo)”2.3.4相關(guān)知識(shí)42案例2-3繪制“小鳥(niǎo)”2.3.4相關(guān)知識(shí)與“選擇工具”的功能相似，“套索工具”也是用來(lái)選擇對(duì)象的。相對(duì)于“選擇工具”只能選擇矩形框內(nèi)的對(duì)象而言，“套索工具”可以自由選擇要選定的區(qū)域。43案例2-4繪制“精致的彩繪花瓶”2.4.1案例效果44案例2-4繪制“精致的彩繪花瓶”2.4.2案例分析45案例2-4繪制“精致的彩繪花瓶”2.4.3制作步驟46案例2-4繪制“精致的彩繪花瓶”2.4.3制作步驟47案例2-4繪制“精致的彩繪花瓶”2.4.3制作步驟48案例2-4繪制“精致的彩繪花瓶”2.4.3制作步驟49案例2-4繪制“精致的彩繪花瓶”2.4.3制作步驟50案例2-4繪制“精致的彩繪花瓶”2.4.3制作步驟51案例2-4繪制“精致的彩繪花瓶”2.4.3制作步驟52案例2-4繪制“精致的彩繪花瓶”2.4.3制作步驟53案例2-4繪制“精致的彩繪花瓶”2.4.3制作步驟54案例2-4繪制“精致的彩繪花瓶”2.4.3制作步驟55案例2-4繪制“精致的彩繪花瓶”2.4.3制作步驟56案例2-4繪制“精致的彩繪花瓶”2.4.4相關(guān)知識(shí)“墨水瓶工具”主要用于更改線條或者形狀輪廓的筆觸顏色、寬度和樣式。使用“墨水瓶工具”不是選擇個(gè)別的線條，而是可以更容易地一次更改多個(gè)對(duì)象的筆觸屬性。墨水瓶本身不能在工作區(qū)中繪制線條，只能對(duì)已有線條進(jìn)行修改。57案例2-4繪制“精致的彩繪花瓶”2.4.4相關(guān)知識(shí)“滴管工具”用于探測(cè)對(duì)象的種類與屬性，如文本、線條、填色區(qū)塊等。探測(cè)完畢后，系統(tǒng)會(huì)自動(dòng)選用可編輯該對(duì)象的對(duì)應(yīng)工具，如提供該對(duì)象的顏色、線條粗細(xì)、樣式及相關(guān)信息，以便應(yīng)用到其他對(duì)象上?！暗喂芄ぞ摺辈](méi)有屬性，也沒(méi)有相應(yīng)的附加選項(xiàng)設(shè)置。58案例2-4繪制“精致的彩繪花瓶”2.4.4相關(guān)知識(shí)59案例2-4繪制“精致的彩繪花瓶”2.4.4相關(guān)知識(shí)“漸變變形工具”可以調(diào)整漸變色的中心點(diǎn)、范圍及角度。通過(guò)使用“漸變變形工具”調(diào)整填充的大小、方向或者中心，可以使?jié)u變填充或位圖填充變形。由于在影片制作中經(jīng)常會(huì)用到顏色的填充和調(diào)整，因此，熟練使用該工具也是掌握Flash的關(guān)鍵之一。60案例2-4繪制“精致的彩繪花瓶”2.4.4相關(guān)知識(shí)61案例2-4繪制“精致的彩繪花瓶”2.4.4相關(guān)知識(shí)62案例2-4繪制“精致的彩繪花瓶”2.4.4相關(guān)知識(shí)“縮放工具”在應(yīng)用時(shí)并不改變工作區(qū)中任何實(shí)際圖形，主要是對(duì)所要編輯的過(guò)大或過(guò)小的圖形進(jìn)行視圖的調(diào)整，以獲得比較適當(dāng)?shù)漠?huà)面比例?！笆中喂ぞ摺睉?yīng)用于許多圖形圖像處理軟件中，其作用就是移動(dòng)對(duì)象在工作區(qū)的顯示位置，以方便在工作區(qū)中的操作。在工作區(qū)中的任意位置按住鼠標(biāo)左鍵向任意方向拖動(dòng)，即可看到整個(gè)工作區(qū)的內(nèi)容跟隨鼠標(biāo)的動(dòng)作而移動(dòng)。63案例2-5繪制“繁星滿天”2.5.1案例效果64案例2-5繪制“繁星滿天”2.5.2案例分析65案例2-5繪制“繁星滿天”2.5.3制作步驟66案例2-6繪制“樹(shù)圖案”2.6.1案例效果67案例2-6繪制“樹(shù)圖案”2.6.3制作步驟68案例2-6繪制“樹(shù)圖案”2.6.4相關(guān)知識(shí)69案例2-6繪制“樹(shù)圖案”2.6.4相關(guān)知識(shí)70案例2-6繪制“樹(shù)圖案”2.6.4相關(guān)知識(shí)71案例2-6繪制“樹(shù)圖案”2.6.4相關(guān)知識(shí)72案例2-6繪制“樹(shù)圖案”2.6.4相關(guān)知識(shí)73案例2-7制作“立體文字”2.7.1案例效果74案例2-7制作“立體文字”2.7.3制作步驟75案例2-7制作“立體文字”2.7.3制作步驟76案例2-7制作“立體文字”2.7.3制作步驟77案例2-7制作“立體文字”2.7.4相關(guān)知識(shí)靜態(tài)文本字段顯示不會(huì)動(dòng)態(tài)更改字符的文本。創(chuàng)建靜態(tài)文本時(shí)，可以將文本放在單獨(dú)的一行中，該行會(huì)隨著文本的鍵入而擴(kuò)展，也可以將文本放在定寬字段(適用于水平文本)或定高字段(適用于垂直文本)中，這些字段會(huì)自動(dòng)擴(kuò)展或折行。可以創(chuàng)建靜態(tài)水平文本(從左到右)或靜態(tài)垂直文本(從右到左或從左到右)。78案例2-7制作“立體文字”2.7.4相關(guān)知識(shí)靜態(tài)文本字段顯示不會(huì)動(dòng)態(tài)更改字符的文本。創(chuàng)建靜態(tài)文本時(shí)，可以將文本放在單獨(dú)的一行中，該行會(huì)隨著文本的鍵入而擴(kuò)展，也可以將文本放在定寬字段(適用于水平文本)或定高字段(適用于垂直文本)中，這些字段會(huì)自動(dòng)擴(kuò)展或折行?？梢詣?chuàng)建靜態(tài)水平文本(從左到右)或靜態(tài)垂直文本(從右到左或從左到右)。79案例2-7制作“立體文字”2.7.4相關(guān)知識(shí)動(dòng)態(tài)文本字段顯示動(dòng)態(tài)更新的文本，如股票報(bào)價(jià)或天氣預(yù)報(bào)。輸入文本字段使用戶可以在表單或調(diào)查表中輸入文本?？梢栽O(shè)置文本的字體和段落屬性。字體屬性包括字體系列、大小、樣式、顏色、字母間距、自動(dòng)字距微調(diào)和字符位置。段落屬性包括對(duì)齊、邊距、縮進(jìn)和行距。靜態(tài)文本的字體輪廓將導(dǎo)出到發(fā)布的SWF文件中。對(duì)于水平靜態(tài)文本，可以使用設(shè)備字體，而不必導(dǎo)出字體輪廓。對(duì)于動(dòng)態(tài)文本或輸入文本，F(xiàn)lash存儲(chǔ)字體的名稱，F(xiàn)lashPlayer在用戶系統(tǒng)上查找相同或相似的字體，也可以將字體輪廓嵌入到動(dòng)態(tài)或輸入文本字段中。嵌入的字體輪廓可能會(huì)增加文件大小，但可確保用戶獲得正確的字體信息。80案例2-7制作“立體文字”2.7.4相關(guān)知識(shí)使用消除鋸齒功能可以使屏幕文本的邊緣變得平滑。消除鋸齒選項(xiàng)對(duì)于呈現(xiàn)較小的字體尤其有效。啟用消除鋸齒功能會(huì)影響到當(dāng)前所選內(nèi)容中的全部文本。對(duì)于各種磅值大小的文本，消除鋸齒功能以相同的方式工作。如果用戶使用的是FlashPlayer7或更高版本，則消除鋸齒功能可用于靜態(tài)文本、動(dòng)態(tài)文本和輸入文本。如果用戶使用的是FlashPlayer的較早版本，則此選項(xiàng)只能用于靜態(tài)文本。81案例2-7制作“立體文字”2.7.4相關(guān)知識(shí)82案例2-7制作“立體