FlashCS6中文版基礎(chǔ)教程：第3章 繪制矢量圖形

1第3章繪制矢量圖形本章主要介紹了繪畫圖形原理，講解了如何繪制、編輯線條以及繪制形狀的方法，另外還講解了位圖的導(dǎo)入方法，人體結(jié)構(gòu)比例知識(shí)等。23.1繪畫圖形原理矢量圖形文件就是由這些矢量對(duì)象組合而成的描述性文件。矢量圖形則是計(jì)算機(jī)軟件通過一定算法，將矢量對(duì)象的描述信息在顯示終端上重繪的結(jié)果。比如一個(gè)橢圓，它就包括由通過橢圓邊緣的一些點(diǎn)組成的輪廓和輪廓內(nèi)的點(diǎn)兩個(gè)部分。對(duì)于矢量圖形，橢圓的顏色取決于橢圓輪廓曲線的顏色和輪廓封閉的區(qū)域顏色，與輪廓內(nèi)單獨(dú)的點(diǎn)無關(guān)。我們可以通過修改描述橢圓輪廓的直線或曲線來更改橢圓的性質(zhì)。也可以移動(dòng)、放縮、變形，或者在不改變圖形顯示質(zhì)量的前提下，改變具有矢量性質(zhì)的橢圓的顏色。矢量圖形具有獨(dú)立的分辨率，也就是說我們以各式各樣的分辨率來顯示矢量圖形，它都不會(huì)失真。33.1.1分辨率分辨率是指單位面積(英寸)里所包含的像素的數(shù)目(pixelsperinch，ppi)，分辨率越高，單位面積里所含的像素值也就越多，輸出的畫面也就越精細(xì)；如果分辨率不高，那么畫面就會(huì)呈現(xiàn)鋸齒狀。1.圖像分辨率2.屏幕分辨率43.1.2位圖圖像位圖圖像(在技術(shù)上稱作柵格圖像)使用圖片元素的矩形網(wǎng)格(像素)表現(xiàn)圖像。每個(gè)像素都分配有特定的位置和顏色值。在處理位圖圖像時(shí)，編輯的是像素，而不是對(duì)象或形狀。位圖圖像是連續(xù)色調(diào)圖像(如照片或數(shù)字繪畫)最常用的電子媒介，因?yàn)樗鼈兛梢愿行У乇憩F(xiàn)陰影和顏色的細(xì)微層次。位圖圖像與分辨率有關(guān)，也就是說，它們包含固定數(shù)量的像素。因此，如果在屏幕上以高縮放比率對(duì)它們進(jìn)行縮放或以低于創(chuàng)建時(shí)的分辨率來打印它們，則將丟失其中的細(xì)節(jié)，并會(huì)呈現(xiàn)出鋸齒，如圖3-3所示。53.1.3矢量圖形矢量圖形(有時(shí)稱作矢量形狀或矢量對(duì)象)是由稱作矢量的數(shù)學(xué)對(duì)象定義的直線和曲線構(gòu)成的。矢量根據(jù)圖像的幾何特征對(duì)圖像進(jìn)行描述。圖3-4所示就是矢量圖形。矢量圖形可以任意移動(dòng)或修改，而不會(huì)丟失細(xì)節(jié)或影響清晰度。因?yàn)槭噶繄D形是與分辨率無關(guān)的，即當(dāng)調(diào)整矢量圖形的大小、將矢量圖形打印到PostScript打印機(jī)、在PDF文件中保存矢量圖形或?qū)⑹噶繄D形導(dǎo)入到基于矢量的圖形應(yīng)用程序中時(shí)，矢量圖形都將保持清晰的邊緣。因此，對(duì)于將在各種輸出媒體中按照不同大小使用的圖稿(如徽標(biāo))，矢量圖形是最佳選擇。63.1.4路徑、筆觸與填充1.使用鋼筆工具創(chuàng)建路徑(1)鋼筆指針指示(2)了解路徑、路徑段、錨記點(diǎn)和切線手柄(3)設(shè)置鋼筆工具首選參數(shù)2.路徑的組成(1)路徑組件(見圖3-8)(2)路徑上的點(diǎn)3.筆觸與填充73.2繪制編輯線條3.2.1創(chuàng)建直線

使用線條工具創(chuàng)建直線的方法如下。(1)從【工具】面板中選擇【線條工具】，然后選擇【窗口】|【屬性】菜單命令，在彈出的線條工具【屬性】檢查器面板中設(shè)置屬性。如圖3-17所示為在【屬性】檢查器面板中設(shè)置直線的顏色為黑色(顏色的設(shè)置還可以在【工具】面板的顏色區(qū)域進(jìn)行)，線條的粗細(xì)為“1”，【樣式】為【實(shí)線】類型。(2)在舞臺(tái)中按住鼠標(biāo)左鍵不放拖曳鼠標(biāo)到所畫直線的終點(diǎn)，然后釋放鼠標(biāo)左鍵就可畫出一條直線，如圖3-18所示83.2.2創(chuàng)建線條使用【鉛筆工具】可以繪制直線和曲線，其創(chuàng)建曲線的步驟如下。圖3-19【鉛筆工具】屬性設(shè)置(1)在【工具】面板中選擇【鉛筆工具】。(2)選擇【窗口】|【屬性】菜單命令，在彈出的鉛筆工具【屬性】檢查器面板中選擇筆觸顏色、線條粗細(xì)和樣式，同【線條工具】設(shè)置方法一樣，【鉛筆工具】也不能設(shè)置填充屬性，如圖3-19所示。(3)在【工具】面板的【選項(xiàng)】區(qū)域中單擊【鉛筆模式】按鈕，其下拉列表中包含三種繪畫模式，如圖3-20所示。選擇其中的一種繪畫模式作為鉛筆工具模式即可。93.2.3涂色【刷子工具】能通過刷子般的筆觸為對(duì)象填充顏色，就像在涂色一樣。它可以創(chuàng)建特殊效果，比如書法效果。使用刷子工具功能鍵可以選擇刷子大小和形狀。對(duì)于新筆觸，刷子大小甚至在更改舞臺(tái)的縮放比率級(jí)別時(shí)也保持不變，所以當(dāng)舞臺(tái)縮放比率降低時(shí)同一個(gè)刷子大小就會(huì)顯得太大。例如，假設(shè)將舞臺(tái)縮放比率設(shè)置為100%并使用刷子工具以最小的刷子大小涂色。然后將縮放比率更改為50%并用最小的刷子大小再畫一次。繪制的新筆觸就比以前的筆觸顯得粗50%。圖3-21用鐵筆繪制的寬度可變的刷子筆觸如果將wacom壓敏繪圖板連接到計(jì)算機(jī)，可通過使用刷子工具的【壓力】和【斜度】功能鍵，以及改變鐵筆上的壓力來改變刷子筆觸的寬度和角度，如圖3-21所示。103.2.3涂色刷子的使用方法如下。(1)選擇【刷子工具】。(2)選擇【窗口】|【屬性】菜單命令，然后選擇一種填充顏色。(3)單擊【刷子模式】功能鍵并選擇一種涂色模式。(4)從【刷子工具】功能鍵中選擇一種刷子大小和形狀。(5)如果將wacom壓敏繪圖板連接到計(jì)算機(jī)，可以選擇【壓力】功能鍵、【斜度】功能鍵或兩者的組合來修改刷子筆觸。(6)在舞臺(tái)上拖曳。若要將刷子筆觸限制為水平和垂直方向，請(qǐng)按住Shift鍵拖曳。涂色有以下幾種模式。標(biāo)準(zhǔn)涂色填充涂色后面涂色選區(qū)涂色內(nèi)部涂色113.3繪制形狀使用矩形工具或橢圓工具創(chuàng)建矩形或橢圓時(shí)，不同于使用對(duì)象繪制模式創(chuàng)建的形狀，F(xiàn)lash將形狀繪制為獨(dú)立的對(duì)象。形狀工具可讓讀者使用【屬性】檢查器面板中的控件，指定矩形的角半徑以及橢圓的開始角度、結(jié)束角度和內(nèi)徑。創(chuàng)建形狀后，可以選擇舞臺(tái)上的形狀，然后調(diào)整【屬性】檢查器面板中的控件來更改半徑和尺寸。123.3.1繪制橢圓下面介紹如何使用橢圓工具來繪制橢圓，具體操作步驟如下。(1)選擇【工具】面板中的【橢圓工具】，然后單擊【工具】面板中的【筆觸顏色工具】按鈕，在打開的【混色器】中單擊【沒有顏色】按鈕，如圖3-22所示，將筆觸顏色設(shè)置為沒有顏色。(2)單擊【工具】面板中的【填充顏色工具】按鈕，打開【填充顏色】工具的【混色器】，為橢圓選擇一個(gè)顏色，如圖3-23所示。133.3.1繪制橢圓(3)將鼠標(biāo)指針移至舞臺(tái)中，然后按住左鍵向右下方進(jìn)行拖曳，調(diào)整到一個(gè)合適的形狀和大小時(shí)釋放鼠標(biāo)左鍵，繪制的橢圓如圖3-24所示。如果按住Shift鍵，那么無論向什么方向拖曳鼠標(biāo)都將繪制出正圓來。143.3.2繪制矩形繪制矩形的方法如下。(1)選擇【工具】面板中的【矩形工具】，然后單擊【工具】面板中的【筆觸顏色工具】按鈕，在打開的【混色器】中單擊【沒有顏色】按鈕，將筆觸顏色設(shè)置為沒有顏色，如圖3-25所示。(2)單擊【工具】面板中的【填充顏色工具】按鈕，打開【填充顏色】工具的【混色器】，為矩形選擇一個(gè)顏色，如圖3-26所示。153.3.2繪制矩形(3)將鼠標(biāo)指針移至舞臺(tái)中，然后按住左鍵向右下方進(jìn)行拖動(dòng)，調(diào)整到一個(gè)合適的形狀和大小時(shí)釋放鼠標(biāo)左鍵，繪制的矩形如圖3-27所示。同樣，在繪制矩形的時(shí)候如果按住Shift鍵，那么繪制出來的矩形則為正方形。163.3.3繪制多邊形和星形繪制多邊形和星形的方法如下。1.繪制多邊形2.繪制星形173.3.4噴涂刷工具噴涂刷的作用類似于粒子噴射器，使用它可以一次將形狀圖案“刷”到舞臺(tái)上。默認(rèn)情況下，噴涂刷使用當(dāng)前選定的填充顏色噴射粒子點(diǎn)。但是，也可以使用【噴涂刷工具】將影片剪輯或圖形元件作為圖案應(yīng)用。1.噴涂刷工具的操作步驟2.噴涂刷工具屬性選項(xiàng)的設(shè)置183.3.5Deco(裝飾性繪畫)工具Deco工具的具體操作步驟如下。圖3-37在【屬性】檢查器面板中選擇效果(1)在【工具】面板中選擇【Deco工具】。(2)選擇【窗口】|【屬性】菜單命令，可以從Deco工具的【屬性】檢查器面板中選擇效果，如圖3-37所示。(3)在舞臺(tái)上進(jìn)行繪畫，如圖3-38所示。193.3.6骨骼工具通過骨骼工具，可為動(dòng)畫角色添加骨骼，可以很輕松地制作出各種動(dòng)作的動(dòng)畫。在FlashCS6中借助【骨骼工具】的屬性，可以制作出更加逼真的物理效果。【強(qiáng)度】和【阻尼】屬性可以使骨骼工具動(dòng)畫更加靈活，并且動(dòng)畫效果具有高可配置性，最好在向姿勢(shì)圖層添加姿勢(shì)之前設(shè)置這些屬性。選擇【窗口】|【屬性】菜單命令，打開【屬性】檢查器面板，如圖3-39所示。203.3.6骨骼工具骨骼工具的使用方法如下。(1)單擊【工具】面板中的【骨骼工具】按鈕。(2)在舞臺(tái)上，在要添加骨骼的圖形上單擊并拖曳即可，如圖3-40所示。213.4導(dǎo)入位圖在制作Flash動(dòng)畫的過程中，僅使用自帶的繪圖工具是遠(yuǎn)遠(yuǎn)不能滿足對(duì)素材的需要的。實(shí)際上Flash可以很方便地導(dǎo)入其他程序制作的各種類型的文件。支持的文件包括位圖、矢量圖、音頻和視頻等。Flash的一個(gè)重要的特點(diǎn)在于體積小，而導(dǎo)入其他類型的文件則會(huì)導(dǎo)致Flash的體積變得非常大，因此需要對(duì)導(dǎo)入的文件進(jìn)行壓縮、優(yōu)化等處理。223.4.1位圖文件的導(dǎo)入下面來講解導(dǎo)入位圖文件的方法，具體操作步驟如下。(1)新建Flash文檔并命名為“位圖導(dǎo)入.fla”，然后選擇【文件】|【導(dǎo)入】|【導(dǎo)入到庫】菜單命令，如圖3-41所示。(2)在彈出的【導(dǎo)入】對(duì)話框中選中需要的幾張圖片，如圖3-42所示。(3)單擊【打開】按鈕將位圖導(dǎo)入。此時(shí)按Ctrl+L組合鍵打開【庫】面板，即可看到所導(dǎo)入的位圖素材，如圖3-43所示。233.4.1位圖文件的導(dǎo)入(4)如果在【文件】|【導(dǎo)入】菜單命令中選擇【導(dǎo)入到舞臺(tái)】子菜單命令，則可將外部文件同時(shí)導(dǎo)入到舞臺(tái)和【庫】面板中，如圖3-44所示。243.4.2設(shè)置位圖屬性用戶可以對(duì)導(dǎo)入的圖像進(jìn)行設(shè)置。打開【庫】面板，在需要進(jìn)行設(shè)置的位圖上右擊，然后在彈出的快捷菜單中選擇【屬性】命令，如圖3-45所示。也可以選中位圖后單擊【庫】面板下方的【屬性】按鈕。253.4.3縮放工具和手形移動(dòng)工具縮放工具：在進(jìn)行操作的過程中，需要縮小工作區(qū)查看Flash影片的構(gòu)成要素以及工作區(qū)外的部分；相反，有時(shí)也需要放大工作區(qū)進(jìn)行細(xì)微的修改。這時(shí)，利用【工具】面板中的縮放工具，或在工作區(qū)的右上端調(diào)整工作區(qū)大小的百分比即可。手形工具：任何時(shí)候只要按住Shift鍵，鼠標(biāo)指針就會(huì)變成手形。263.5上機(jī)實(shí)踐操作在繪制人物之前，先要了解一下人體的結(jié)構(gòu)，圖3-46所示是一張人體結(jié)構(gòu)幾何圖?；揖€標(biāo)示的地方是關(guān)節(jié)的位置。關(guān)節(jié)是可以自由活動(dòng)的。人物的各種動(dòng)作都是由肢體配合關(guān)節(jié)的運(yùn)動(dòng)做出來的。本范例完成文件：\03\人物繪制.fla。多媒體教學(xué)路徑：光盤→多媒體教學(xué)→第3章。273.5.1實(shí)例介紹和展示本例通過運(yùn)用【線條工具】、【選擇工具】、【部分選擇工具】、【顏料桶工具】、【橢圓工具】等繪制人物。效果如圖3-47所示。283.5.2繪制臉部形狀(1)打開FlashCS6軟件，在【工具】面板中單擊【線條工具】，繪制三條線段，成倒三角狀，如圖3-48所示。(2)單擊【選擇工具】，分別選中三條線段，將線條拖出一定的弧度，如圖3-49所示。(3)使用【部分選取工具】，拖曳弧線的頂點(diǎn)，如圖3-50所示。(4)這樣，就繪制出人物臉部的簡單輪廓，如圖3-51所示。293.5.3繪制耳朵輪廓使用【線條工具】繪出人物的耳朵，刪去多余的線條，再使用【部分選取工具】調(diào)出線條的弧度，如圖3-52所示。303.5.4繪制頭發(fā)和發(fā)卡(1)使用【線條工具】畫出發(fā)梢，封閉人物頭型的缺口，如圖3-53所示。(2)繼續(xù)使用【線條工具】繪制出人物佩戴的發(fā)卡，然后使用【部分選取工具】將直線調(diào)整成弧線，如圖3-54所示。313.5.4繪制頭發(fā)和發(fā)卡(3)使用【線條工具】繪出人物的劉海，再使用【部分選取工具】輔助修改線條，使其線條更加流暢圓滑，如圖3-55所示。(4)此時(shí)，人物頭部的外輪廓就繪制完成了，如圖3-56所示。323.5.5填充顏色人物的輪廓線勾勒完成后，接下來我們要給它填充顏色了。(1)單擊【工具】面板中的【填充顏色工具】按鈕，打開【填充顏色】工具的【混色器】，從中選擇棕色“#4E1616”，如圖3-57所示。(2)選擇【顏料桶工具】，將此顏色填充到頭發(fā)中，如圖3-58所示。(3)選擇如圖3-59所示的顏色“#CC9900”，使用【顏料桶工具】將此顏色填充到發(fā)卡中。333.5.6繪制發(fā)辮使用【線條工具】繪制發(fā)辮。在繪制中盡量使用粗一些的線條，使發(fā)辮看起來更硬朗，并填充之前頭發(fā)的顏色，如圖3-60所示。343.5.7繪制眼睛(1)繪制眼睛部分時(shí)，需要注意的是眼睛與眉毛之間的距離，且保證兩個(gè)眼睛瞳孔方向一致。選擇【橢圓工具】，填充顏色選擇黑色，在舞臺(tái)中繪制一個(gè)橢圓形，如圖3-61所示。(2)使用【橢圓工具】，填充顏色選為白色，把鼠標(biāo)移至黑色橢圓內(nèi)，繪制出一個(gè)白色的橢圓形，使眼睛看起來更加有神，如圖3-62所示。(3)以同樣的方式繪制另一只眼睛，如圖3-63所示。353.5.7繪制眼睛(4)選擇【選擇工具】，把鼠標(biāo)放在直線段的上邊緣。此時(shí)鼠標(biāo)所顯示的【選擇工具】圖標(biāo)下方會(huì)出現(xiàn)一個(gè)半弧形狀的圖案，按住鼠標(biāo)左鍵向上拖曳直線段的上邊緣，拉出一條弧線，如圖3-64所示。(5)拉到合適位置后，松開鼠標(biāo)左鍵，繼續(xù)使用【選擇工具】把鼠標(biāo)移動(dòng)到該線段的下邊緣，按住鼠標(biāo)左鍵向上拖曳至如圖3-65所示的位置后，松開鼠標(biāo)左鍵，繪制出上眼線。363.5.7繪制眼睛(6)選擇【選擇工具】把繪制好的上眼線拖曳到眼睛的上方，然后使用【任意變形工具】單擊上眼線圖形。此時(shí)該圖形的四周被四條直