2.2 繪制矢量圖形

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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