2.2 繪制矢量圖形

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

2、 5 頁2.2.1 知技準(zhǔn)備2.什么是對象繪制模式？創(chuàng)建稱為繪制對象的形狀。繪制對象是在疊加時不會自動合并在一起的單獨的圖形對象，這樣在分離或重新排列形狀的外觀時，會使形狀重疊而不會改變它們的外觀。Flash將每個形狀創(chuàng)建為單獨的對象，可以分別進(jìn)行處理。當(dāng)繪畫工具處于對象繪制模式時，使用該工具創(chuàng)建的形狀為自包含形狀。形狀的筆觸和填充不是單獨的元素，并且重疊的形狀也不會相互更改。選擇用“對象繪制”模式創(chuàng)建的形狀時，F(xiàn)lash會在形狀周圍添加矩形邊框來標(biāo)識它。Flash CC 基礎(chǔ)與案例教程第 6 頁2.2.1 知技準(zhǔn)備1.選擇工具選擇工具用于選中對象，快捷鍵為英文字母V，單擊對象即選中，在空白處

3、再次單擊即取消選擇。要選擇多個對象，按住Ctrl鍵的同時單擊對象。雙擊可以選擇連續(xù)的多個對象。選中對象后，可以按住鼠標(biāo)左鍵不動拖拽來改變對象的位置。要繪制弧線，可先使用線條工具繪制直線輪廓，然后切換為選擇工具，將鼠標(biāo)指針置于線條下方，當(dāng)一、基本操作Flash CC 基礎(chǔ)與案例教程第 7 頁2.2.1 知技準(zhǔn)備當(dāng)指針右下角出現(xiàn)弧線標(biāo)志時，向不同方向拖拽鼠標(biāo)，即可將直線變?yōu)椴煌问降那€，將鼠標(biāo)指針置于線條端點旁邊，當(dāng)指針右下角出現(xiàn)直角標(biāo)志時，拖拽鼠標(biāo)，即可改變直線的端點位置。2.顏料桶工具顏料桶工具用來填充輪廓的內(nèi)部色塊，快捷鍵為英文字母K，在線條輪廓內(nèi)部單擊即可填充當(dāng)前工具箱中的填充顏色。使用

4、顏料桶工具填充顏色時，一、基本操作Flash CC 基礎(chǔ)與案例教程第 8 頁2.2.1 知技準(zhǔn)備能填充一個相對封閉的區(qū)域，因此在繪制輪廓時，注意線條與線條的結(jié)合處要緊密，否則無法填充顏色。在工具箱底部選項中，可以選擇不同的填充縫隙，包括“不封閉空隙”、“封閉小空隙”、“封閉中等空隙”、“封閉大空隙”四個選項，縫隙越大越容易填充顏色，當(dāng)“不封閉空隙”無法填充顏色時，可以選擇其它選項，F(xiàn)lash會自動封閉線條之間的空隙，如果選擇“封閉大空隙”仍然無法填充顏色，說明輪廓的縫隙超出系統(tǒng)能檢測的范圍，需要檢查線條結(jié)合處的封閉情況。如圖2-2-1所示。Flash CC 基礎(chǔ)與案例教程第 9 頁2.2.1

5、知技準(zhǔn)備圖2-2-1 封閉選項3.漸變變形工具漸變變形工具可以對線性填充或者徑向填充進(jìn)行旋轉(zhuǎn)、拉伸、縮放、修改中心點等操作，快捷鍵為英文字母F。（1）線性漸變使用漸變變形工具選擇線性漸變顏色，拖拽距離手柄可以拉伸填充色，拖拽中心手柄可以修改填充中心點，拖拽方向手柄可以旋轉(zhuǎn)填充色條。如圖2-2-2所示。Flash CC 基礎(chǔ)與案例教程第 10 頁2.2.1 知技準(zhǔn)備（2）徑向漸變使用漸變變形工具選擇放射狀漸變顏色，拖拽圓中心手柄可以修改填充中心點，拖拽圓周上的長寬手柄可以改變漸變圓的長寬比，拖拽圓周上的大小手柄可以改變漸變圓的大小，拖拽圓周上的大小手柄可以改變漸變圓的方向。如圖2-2-3所示。圖

6、2-2-2 線性漸變調(diào)整Flash CC 基礎(chǔ)與案例教程第 11 頁2.2.1 知技準(zhǔn)備3）鎖定填充當(dāng)選中顏料桶工具后，在工具箱的右下方出現(xiàn)鎖定填充按鈕。鎖定填充針對于漸變色的填充，可以對上一筆的顏色規(guī)律進(jìn)行鎖定，再次填充時是對上一次顏色填充的延續(xù)，當(dāng)為多個輪廓統(tǒng)一填充漸變色，使之作為一個整體調(diào)節(jié)色彩色調(diào)時，可以使用鎖定填充功能。圖2-2-3 徑向漸變調(diào)整Flash CC 基礎(chǔ)與案例教程第 12 頁2.2.1 知技準(zhǔn)備4.如何制作水晶質(zhì)感的圖像？二維矢量圖形上亮晶晶的高光反射可以很好的表現(xiàn)出水晶質(zhì)感，在Flash中主要通過設(shè)置白色逐漸透明的漸變來達(dá)到這種效果。在顏色面板中，“Alpha”屬性是

7、透明度的意思，例如通過高光為西瓜營造水晶效果，首先繪制好高光反射的輪廓，再在顏色面板中設(shè)置兩個或多個白色，再根據(jù)圖像效果調(diào)整各個白色的Alpha值就可以了,如圖2-2-4所示。圖2-2-4 制作高光Flash CC 基礎(chǔ)與案例教程第 13 頁2.2.1 知技準(zhǔn)備5.如何使用鎖定填充功能？鎖定填充針對于漸變色的填充，可以對上一筆的顏色規(guī)律進(jìn)行鎖定，再次填充時是對上一次顏色填充的延續(xù)，當(dāng)為多個輪廓統(tǒng)一填充漸變色，使之作為一個整體調(diào)節(jié)色彩色調(diào)時，可以使用鎖定填充功能。當(dāng)使用漸變變形工具時，不鎖定填充時，每個圖形對象分別進(jìn)行編輯，如圖2-2-5所示，鎖定填充時，則可以同時對兩個圖形進(jìn)行調(diào)整，如圖2-2

8、-6所示。Flash CC 基礎(chǔ)與案例教程第 14 頁2.2.1 知技準(zhǔn)備圖2-2-5 不鎖定填充圖2-2-6 鎖定填充Flash CC 基礎(chǔ)與案例教程第 15 頁圖像設(shè)計和動畫制作越來越注重細(xì)節(jié)的完美，一種好的字體效果或者一個精致的水晶按鈕就會讓你的設(shè)計增色不少，那么如何來制作具有水晶質(zhì)感的圖像呢？世界萬物有其特定的明暗原理和表現(xiàn)規(guī)律，該任務(wù)即是運用素描基礎(chǔ)理論，通過Flash軟件中的漸變色彩調(diào)整，并通過亮光的處理，繪制出一幅具有水晶質(zhì)感的西瓜圖，效果如圖2-2-7所示。2.2.2案例分析Flash CC 基礎(chǔ)與案例教程第 16 頁【知識技能點】漸變變形工具；變形面板；顏色面板；素描關(guān)系；色

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

10、橢圓工具，設(shè)置筆觸顏色為黑色，填充顏色為綠色，打開屬性面板，筆觸粗細(xì)設(shè)置為3PX，按住Shift鍵繪制一個正圓，如圖2-2-8所示。2.2.3制作過程圖2-2-8繪制橢圓Flash CC 基礎(chǔ)與案例教程第 18 頁2.2.3制作過程3.按下快捷鍵Ctrl+T，使用自由變形命令，將正圓調(diào)整為橢圓，打開顏色面板，填充顏色選擇“徑向漸變”，設(shè)置西瓜瓜皮的漸變色，按下快捷鍵K切換到顏料桶工具，為西瓜填充漸變色，如圖2-2-9所示。圖2-2-9顏色面板設(shè)置Flash CC 基礎(chǔ)與案例教程第 19 頁2.2.3制作過程4.按下快捷鍵Q切換為變形工具，擠扁西瓜使之變成橢圓，按下快捷鍵F切換到漸變變形工具，調(diào)

11、整西瓜整體色調(diào)，注意在調(diào)整的時候，打開顏色面板進(jìn)一步修改顏色，如圖2-2-10所示。圖2-2-10調(diào)整西瓜漸變色Flash CC 基礎(chǔ)與案例教程第 20 頁2.2.3制作過程二、繪制花紋1.新建圖層命名為“花紋”。2.通過線條工具和選擇工具，繪制西瓜花紋輪廓，如圖2-2-11所示。圖2-2-11繪制花紋Flash CC 基礎(chǔ)與案例教程第 21 頁2.2.3制作過程3.打開顏色面板，設(shè)置西瓜花紋的漸變色，按下快捷鍵K切換為顏料桶工具，按下工具箱選項欄的“鎖定填充”按鈕，為花紋整體填充漸變色，如圖2-2-12所示。圖2-2-12 填充花紋顏色Flash CC 基礎(chǔ)與案例教程第 22 頁2.2.3制

12、作過程4.按下快捷鍵F切換為漸變變形工具，調(diào)整花紋漸變色使其整體色調(diào)的明暗關(guān)系與西瓜保持一致，調(diào)整時配合顏色面板進(jìn)一步調(diào)整顏色，如圖2-2-13所示，調(diào)整完畢將輪廓線刪除。圖2-2-13 調(diào)整花紋漸變色Flash CC 基礎(chǔ)與案例教程第 23 頁2.2.3制作過程三、繪制瓜瓤1.新建圖層命名為“瓜瓤”。2.按下快捷鍵O切換到橢圓工具，畫出半個西瓜瓤的正圓輪廓，注意瓜瓤的直徑與西瓜最寬處的直徑相同。3.打開顏色面板，填充顏色類型選擇“徑向漸變”，調(diào)整好瓜瓤正圓的半徑顏色，由圓心向外依次為淺紅、紅色、白色、綠色，如圖2-2-14所示。圖2-2-14 設(shè)置瓜瓤顏色Flash CC 基礎(chǔ)與案例教程第

13、24 頁2.2.3制作過程4.新建圖層命名為“瓜子”，按下快捷鍵O切換為橢圓工具，畫出兩個瓜子，依照瓜瓤調(diào)整好瓜子的大小和位置，如圖2-2-15所示。圖2-2-15 繪制瓜子Flash CC 基礎(chǔ)與案例教程第 25 頁2.2.3制作過程5.按下快捷鍵Q切換到任意變形工具，將一組瓜子的注冊點移動到瓜瓤的中心，如圖2-2-16所示。圖2-2-16 修改注冊點Flash CC 基礎(chǔ)與案例教程第 26 頁2.2.3制作過程6.按下快捷鍵Ctrl+T打開變形面板，在“旋轉(zhuǎn)”一欄角度設(shè)為30度，不斷點擊右下角“重制選區(qū)和變形”按鈕，得到一圈瓜子，如圖2-2-17所示。圖2-2-17 變形面板設(shè)置Flash

14、 CC 基礎(chǔ)與案例教程第 27 頁2.2.3制作過程7.將西瓜各圖層內(nèi)容合并為一個圖層，方法是選中瓜皮和瓜瓤圖層中的內(nèi)容，按下快捷鍵Ctrl+X剪切，新建一個圖層命名“一個西瓜”，按下快捷鍵Ctrl+Shift+V粘貼到原位置，如圖2-2-18所示。圖2-2-18合并圖層內(nèi)容Flash CC 基礎(chǔ)與案例教程第 28 頁2.2.3制作過程8.同理，將瓜種圖層中的內(nèi)容合并到瓜瓤圖層，壓扁瓜瓤，使之具有一定的透視感，如圖2-2-19所示。圖2-2-19 壓扁瓜瓤Flash CC 基礎(chǔ)與案例教程第 29 頁2.2.3制作過程9.新建圖層命名“半個西瓜”，復(fù)制“一個西瓜”圖層內(nèi)容到該圖層中，隱藏“一個西

15、瓜”圖層，將“瓜瓤”圖層置于“半個西瓜”圖層上方并鎖定，刪除多余的半個西瓜，參照瓜瓤大小刪除掉“半個西瓜”圖層中多余的部分，如圖2-2-20所示。圖2-2-20 調(diào)整半個西瓜Flash CC 基礎(chǔ)與案例教程第 30 頁2.2.3制作過程10.繪制西瓜梗，將“瓜瓤”圖層中的內(nèi)容合并到“半個西瓜”圖層中，顯示“一個西瓜”圖層，分別調(diào)整好二者的角度和位置，如圖2-2-21所示。圖2-2-21 調(diào)整位置Flash CC 基礎(chǔ)與案例教程第 31 頁2.2.4能力擴(kuò)展同樣的方法，還可以繪制其他具有質(zhì)感的二維矢量圖形，如圖2-2-22所示。圖2-2-22 鉛筆Flash CC 基礎(chǔ)與案例教程第 32 頁2.2.4能力擴(kuò)展1.選擇深淺不同的藍(lán)色，分別繪制上矩形長條，排列為筆桿。如圖2-2-23實施。圖2-2-23 繪制筆桿Flash CC 基礎(chǔ)與案例教程第 33 頁2.2.4能力擴(kuò)展2.新建圖層，使用線條工具繪制輪廓，填充木頭漸變色，完成削鉛筆的筆頭形狀繪制。如圖2-2-24所示。圖2-2-24 繪制筆頭Flash CC 基礎(chǔ)與案例教程第 34 頁2.2.4能力擴(kuò)展3.新建圖層，使用線條工具繪制輪廓，填充筆芯漸變色，完成筆尖形狀繪制。如圖2-2-25所示。圖2-