繪圖及相關(guān)工具

繪圖及相關(guān)工具1第1頁，課件共50頁，創(chuàng)作于2023年2月郵箱：flash2010xs@126.com密碼：2010xs★注：FlashCS3安裝軟、所有Flash課件、練習(xí)將傳送到以上郵箱，歡迎同學(xué)們下載學(xué)習(xí)。2第2頁，課件共50頁，創(chuàng)作于2023年2月運(yùn)用FLASH工具箱提供的繪圖工具可進(jìn)行圖像的繪制：3第3頁，課件共50頁，創(chuàng)作于2023年2月4第4頁，課件共50頁，創(chuàng)作于2023年2月5第5頁，課件共50頁，創(chuàng)作于2023年2月2.1工具箱和屬性面板簡介2.1.1工具箱簡介：工具箱分為四個區(qū)域：

選擇工具區(qū)繪圖工具區(qū)填充工具區(qū)查看顏色和選項(xiàng)區(qū)6第6頁，課件共50頁，創(chuàng)作于2023年2月工具箱的四個區(qū)域：（1）選擇工具區(qū)：包括選擇工具、部分選取工具、任意變形工具、漸變變形工具、套索工具。（2）繪圖工具區(qū)：主要包括一些基本圖形繪制工具，如鋼筆工具、文本工具、線條工具、矩形工具、鉛筆工具和刷子工具等。7第7頁，課件共50頁，創(chuàng)作于2023年2月（3）填充工具區(qū)：填充工具區(qū)中的工具主要用來填充矢量對象的顏色，包括墨水瓶工具、顏料桶工具、滴管工具和橡皮擦工具等。（4）查看顏色和選項(xiàng)區(qū)：包括三種類型的屬性按鈕：★查看按鈕：手形工具、放大鏡（縮放工具）

★顏色按鈕：筆觸顏色、填充顏色（黑白、沒有顏色、交換顏色）★選項(xiàng)按鈕：繪制對象、貼緊至對象……8第8頁，課件共50頁，創(chuàng)作于2023年2月2.1.2屬性面板簡介“屬性”面板可用于設(shè)置繪制圖形的邊框、填充和角度等各項(xiàng)參數(shù)。例如：橢圓工具的“屬性”面板，其中各主要選項(xiàng)的功能如下：①線（筆觸顏色、高度、樣式、端點(diǎn)和接合）②色塊（填充顏色）③起始角度、結(jié)束角度9第9頁，課件共50頁，創(chuàng)作于2023年2月2.1.3繪圖步驟1、選中工具箱中的工具；2、設(shè)定屬性；3、進(jìn)行繪制。10第10頁，課件共50頁，創(chuàng)作于2023年2月小技巧：（1）可以先畫出圖形，再選取設(shè)定其大小和位置等屬性。（2）繪圖輔助功能：★顯示網(wǎng)格：“視圖”菜單——“網(wǎng)格”命令——“顯示網(wǎng)格”★貼緊網(wǎng)格：“視圖”菜單——“貼緊”命令——“貼緊至網(wǎng)格”。該功能可使圖形畫得較規(guī)則，其端點(diǎn)總是相交于網(wǎng)格線的交點(diǎn)。11第11頁，課件共50頁，創(chuàng)作于2023年2月2.2繪制基本圖形2.2.1線條工具線條工具主要用于繪制不同方向和長短的直線。（1）畫線時按住Shift鍵，可沿水平、垂直或45度方向畫直線段。（2）可通過屬性面板設(shè)置線條的樣式、粗細(xì)、顏色、端點(diǎn)和接合。12第12頁，課件共50頁，創(chuàng)作于2023年2月

例：打開“1線條工具.fla”，（1）用線條工具畫出3條線段組成一個三角形，采用紅色、線寬為8的實(shí)線，線的端點(diǎn)為圓角。（2）改變其接合分別為“尖角”、“圓角”、“斜角”，觀察其變化狀態(tài)。尖角圓角斜角13第13頁，課件共50頁，創(chuàng)作于2023年2月（3）自定義線型：創(chuàng)建更加個性化的線條。例：新建一個Flash文檔，自定義線型，并繪制出一個“井”字，筆觸顏色黑色。線類型-點(diǎn)描；點(diǎn)大小-中；點(diǎn)變化-隨機(jī)大小；密度--稀疏；粗細(xì)-4pts。14第14頁，課件共50頁，創(chuàng)作于2023年2月2.2.2鉛筆工具鉛筆工具：用于繪制不同形狀的曲線或直線。1、鉛筆工具的三種繪圖模式：（1）直線化：畫規(guī)則線條，且線條會分段轉(zhuǎn)換成直線、圓、橢圓和矩形等規(guī)則線條中最接近的線條。（2）平滑：畫平滑曲線，并將曲線抖動部分忽略。（3）墨水：徒手模式，繪制接近徒手畫出的線條。2、使用步驟：選取“鉛筆工具“——設(shè)定鉛筆模式——設(shè)置線條樣式——拖動鼠標(biāo)繪圖。3、小技巧：繪制過程中按Shift鍵，可繪出保持水平或垂直狀態(tài)的線。15第15頁，課件共50頁，創(chuàng)作于2023年2月例：打開“2鉛筆工具.fla”，分別用鉛筆工具的三種繪圖模式在對應(yīng)位置上畫出螺旋紋（線條樣式任選）。16第16頁，課件共50頁，創(chuàng)作于2023年2月2.2.3刷子工具刷子工具：用于繪制不同形狀的矢量色塊?？梢援a(chǎn)生毛筆效果，給繪制的圖形上色。1.刷子工具的5種工作模式：（1）標(biāo)準(zhǔn)繪畫：普通繪畫模式，直接在線條和填充區(qū)域上涂刷，后畫的處于先畫的前面；（2）顏料填充：填充區(qū)域繪畫模式，在填充區(qū)域上和空白區(qū)域上涂刷，已有線條不受影響；（3）后面繪畫：底層繪畫模式，刷子只能在空白區(qū)域涂刷，原有的圖形不變；（4）顏料選擇：選定區(qū)域模式，刷子只有在選擇的矢量色塊的填充區(qū)域內(nèi)才適用；如果沒有選擇任何區(qū)域，刷子工具將不能在矢量圖形上進(jìn)行繪畫。（5）內(nèi)部繪畫：內(nèi)部繪畫模式，刷子只能在封閉的區(qū)域里填色并且起點(diǎn)必須在矢量圖內(nèi)部。17第17頁，課件共50頁，創(chuàng)作于2023年2月2.刷子的大小、形狀、顏色（1）刷子的大小：在工具箱的最下方“查看、顏色和選項(xiàng)區(qū)域”點(diǎn)擊“刷子的大小”按鈕進(jìn)行選擇設(shè)置。（2）刷子的形狀：在工具箱的最下方“查看、顏色和選項(xiàng)區(qū)域”點(diǎn)擊“刷子的形狀”按鈕進(jìn)行選擇設(shè)置。（3）刷子的顏色：在屬性面板“填充顏色”按鈕進(jìn)行設(shè)置。18第18頁，課件共50頁，創(chuàng)作于2023年2月3.鎖定填充：此功能只對漸變填充或位圖填充起作用。所產(chǎn)生的色彩看上去好象是先前鎖定的色彩的延伸，使填充看起來好像擴(kuò)展到整個舞臺。例：打開文件“3刷子工具.fla”，設(shè)置刷子的填充顏色為紅色，分別用5種不同的工作模式在對應(yīng)的區(qū)域中涂刷，并觀察其效果。19第19頁，課件共50頁，創(chuàng)作于2023年2月2.2.4橢圓工具和基本橢圓工具1、使用方法：選擇橢圓工具，拖動鼠標(biāo)即可繪制橢圓。在拖動鼠標(biāo)的同時若按住[Shift]鍵不放，可繪制正圓。2、橢圓“屬性面板”設(shè)置（1）筆觸：顏色、高度、樣式、自定義選項(xiàng)；（2）填充顏色：單色填充、漸變填充；（3）起始角度、結(jié)束角度：設(shè)置扇形的起始；和結(jié)束角度；（4）內(nèi)徑：設(shè)置扇形內(nèi)角的半徑；（5）閉合路徑：使繪制出的扇形為閉合扇形；（6）重置：恢復(fù)角度、半徑的初始值。20第20頁，課件共50頁，創(chuàng)作于2023年2月3、基本橢圓工具：繪制后，可使用“選擇工具”拖動橢圓上的節(jié)點(diǎn)，將其調(diào)整為多種形狀的圖形。

例：利用基本橢圓工具繪制一個扇形。21第21頁，課件共50頁，創(chuàng)作于2023年2月練習(xí)：用橢圓工具畫圓。用黑色、筆觸高度為4的自定義線(類型-鋸齒狀；圖案-隨機(jī)點(diǎn)狀；波高-強(qiáng)烈；波長-非常短；粗細(xì)為4)，紫色的填充色畫一個正圓，直徑180。操作提示：（1）在“工具箱”中選擇“橢圓工具”，在“屬性面板”定義橢圓屬性；（2）按住[Shift]鍵，拖動鼠標(biāo)畫出正圓，定義其“屬性面板”上的“高”“寬”數(shù)值都為180。22第22頁，課件共50頁，創(chuàng)作于2023年2月2.2.5矩形工具和基本矩形工具1、使用方法與橢圓工具基本相同：選擇矩形工具，拖動鼠標(biāo)即可繪制矩形。在拖動鼠標(biāo)的同時若按住[Shift]鍵不放，可繪制正方形。2、繪制圓角矩形：在“基本矩形”工具屬性面板中設(shè)置矩形邊角的半徑。3、矩形“屬性面板”設(shè)置：（1）邊角半徑：可分別設(shè)置圓角矩形4個邊緣的角度值，范圍-100~100；（2）邊角半徑數(shù)字越小，圓角弧度就越?。唬?）默認(rèn)值：直角，0弧度。23第23頁，課件共50頁，創(chuàng)作于2023年2月4、基本矩形工具：繪制后，可使用“選擇工具”拖動矩形上的節(jié)點(diǎn)，將其進(jìn)行調(diào)整。24第24頁，課件共50頁，創(chuàng)作于2023年2月例：用綠色、線寬為2的虛線，紅色填充色畫一個寬100，高150的矩形，其邊角半徑為30。25第25頁，課件共50頁，創(chuàng)作于2023年2月2.2.6多角星形工具1、多角星工具的屬性面板比橢圓、矩形工具的屬性面板多了一個“選項(xiàng)”按鈕。2、多角星形選項(xiàng)：單擊“選項(xiàng)”按鈕——打開“工具設(shè)置”對話框，在其中設(shè)置形狀的樣式、邊數(shù)和頂點(diǎn)大?。海?）樣式：多邊形、星形；（2）邊數(shù)：設(shè)置多邊形或星形的頂點(diǎn)數(shù)；（3）星型頂點(diǎn)大小：設(shè)置星型頂點(diǎn)的大小。26第26頁，課件共50頁，創(chuàng)作于2023年2月例：用紅色、筆觸高度為4的虛線繪制一個空心八角星。操作提示：（1）紅色、筆觸高度為4的虛線。（2）空心八角星畫法：填充色為空。多角星選項(xiàng)：①樣式：星形；②邊數(shù)：8；③星型頂點(diǎn)大?。?.5。27第27頁，課件共50頁，創(chuàng)作于2023年2月2.3繪制路徑2.3.1鋼筆工具：通過繪制精確的路徑來確定圖形1、使用方法（1）繪制步驟：選取“鋼筆工具”——設(shè)置筆觸及填充樣式——

單擊鼠標(biāo)設(shè)定圖形各個錨點(diǎn)的位置；（2）繪制直線：產(chǎn)生一個正方形的拐角錨點(diǎn)；（3）繪制曲線：產(chǎn)生一個圓形曲線錨點(diǎn)和手柄；（4）封閉整個區(qū)域（形成多邊形）：最后再次單擊第一個錨點(diǎn)，即可封閉路徑；（5）退出鋼筆工具的編輯：按<Esc>鍵。28第28頁，課件共50頁，創(chuàng)作于2023年2月例：打開文件“4鋼筆工具.fla”，用鋼筆工具繪制如下所示圖形：29第29頁，課件共50頁，創(chuàng)作于2023年2月例：打開文件“4鋼筆工具畫曲線.fla”，用鋼筆工具繪制曲線，筆觸高度、顏色自定，如下所示圖形：30第30頁，課件共50頁，創(chuàng)作于2023年2月2、編輯錨點(diǎn)（1）添加錨點(diǎn)工具：增加錨點(diǎn)，光標(biāo)下方多一個“+”（2）刪除錨點(diǎn)工具：刪除錨點(diǎn)，光標(biāo)下方多一個“-”（3）轉(zhuǎn)換錨點(diǎn)工具：單擊鼠標(biāo)，曲變直；拖曳鼠標(biāo)，直變曲。

修改錨點(diǎn)的位置：利用“工具箱”上的“部分選取工具”。例：通過編輯修改上例中圖形的錨點(diǎn)來改變圖形。31第31頁，課件共50頁，創(chuàng)作于2023年2月2.4圖形的筆觸與填充2.4.1使用顏色一、顏色的種類：1、純色：固定色；2、漸變色：在兩個或多個顏色之間實(shí)現(xiàn)顏色上的過渡；漸變色具有線性和放射狀兩種模式：（1）線性：沿直線方向的漸變；（2）放射狀：以圓心為中心沿半徑方向的漸變。32第32頁，課件共50頁，創(chuàng)作于2023年2月例：繪制一個橢圓，沒有邊框線，填充顏色為放射狀彩虹漸變。操作提示：（1）在工具箱中選擇“橢圓工具”；（2）設(shè)置邊框線為空；（3）設(shè)置填充顏色為放射狀彩虹漸變。33第33頁，課件共50頁，創(chuàng)作于2023年2月二、顏色的管理1、設(shè)置漸變色：在“顏色”面板中的“顏色”選項(xiàng)卡中進(jìn)行設(shè)置：（1）漸變色由顏色指針決定；（2）添加顏色指針：在漸變顏色條上單擊；（3）修改顏色指針顏色：單擊顏色指針，選取合適顏色；（4）修改顏色指針位置：拖曳鼠標(biāo)；（5）刪除顏色指針：選中指針并將其拖出顏色預(yù)覽條即可。34第34頁，課件共50頁，創(chuàng)作于2023年2月如果我們在電腦上調(diào)配的顏色很漂亮，如何將調(diào)配好的顏色作為樣本添加在“顏色”面板上？35第35頁，課件共50頁，創(chuàng)作于2023年2月2、添加顏色樣本例：添加一種新線性漸變色樣本，顏色為：黃-藍(lán)-黃-粉紅,并利用該顏色填充圖形。操作提示：（1）在“顏色”面板中的“顏色”選項(xiàng)卡中設(shè)置，“類型”為線性。添加、設(shè)置顏色指針，顏色為：黃-藍(lán)-黃-粉紅。（2）將該漸變色添加到樣本中：在“顏色”面板中的“顏色”選項(xiàng)卡右上角有一個擴(kuò)展按展，點(diǎn)擊后在彈出的菜單中選擇“添加樣本”命令，則該漸變色添加到“樣本”選項(xiàng)卡面板中。36第36頁，課件共50頁，創(chuàng)作于2023年2月2.4.2墨水瓶工具1、功能：為形狀圖形添加邊框，也可改變邊框的顏色、筆觸高度、輪廓線及邊框線條的樣式。2、使用方法：選中“墨水瓶工具”——設(shè)定線的顏色和樣式——單擊要修改的圖形。3、無論線條是否被選中，都可用墨水瓶進(jìn)行修改；而對填充區(qū)域只有在未被選中時，才能使用墨水瓶來改變或增加其輪廓線。例：打開“5墨水瓶工具.fla”，給場景中的蘑菇的各顏色區(qū)域添加黑色輪廓線，線型任選。37第37頁，課件共50頁，創(chuàng)作于2023年2月2.4.3滴管工具1、功能：拾取已存在的某種線條、填充樣式或圖形，并將其應(yīng)用于下次繪圖。2、使用方法：選取“滴管工具”——把光標(biāo)移到需要取色的線條或圖形中，單擊鼠標(biāo)即可。3、注意：使用滴管工具吸取的圖形不能是位圖圖像，必須先將位圖打散為矢量圖形才能進(jìn)行顏色的吸取。例：打開“6滴管工具.fla”，利用滴管工具將提供的樣本填充到橢圓區(qū)域中。38第38頁，課件共50頁，創(chuàng)作于2023年2月2.4.4顏料桶工具（對某個區(qū)域進(jìn)行填充）1、功能：顏料桶工具將顏色、漸變、位圖填充到封閉的區(qū)域中。2、四種缺口封閉模式（1）不封閉空隙：只填充封閉的區(qū)域，即沒有空隙時才能填充；（2）封閉小空隙：填充有較小缺口的區(qū)域；（3）封閉中等空隙：可以填充有一半缺口的區(qū)域；（4）封閉大空隙：可以填充有大缺口的區(qū)域。3、三種填充模式：純色、漸變色、位圖。4、使用方法：選取“顏料桶工具”——設(shè)置“缺口封閉模式”及填充模式——單擊閉合區(qū)域進(jìn)行填充。39第39頁，課件共50頁，創(chuàng)作于2023年2月5、鎖定填充：選擇該選項(xiàng)后，再次填充上的色彩看上去好象是鎖定前的色彩的延伸。擴(kuò)展知識：下圖第一個OK給O字填充了漸變。第二個OK，用滴管工具吸取O字上的漸變，顏料桶選項(xiàng)點(diǎn)選“鎖定填充”。第三個OK，取消“鎖定填充”。

40第40頁，課件共50頁，創(chuàng)作于2023年2月例：打開“7顏料桶工具.fla”，利用顏料桶工具給人物填充顏色。操作注意步驟：（1）這里的空隙（缺口）的大、中、小都是相對的，即使所謂的大缺口，實(shí)際上也是很小的。（2）如果空隙太大，必須手動封閉它們。41第41頁，課件共50頁，創(chuàng)作于2023年2月6、位圖填充：用某個位圖來填充區(qū)域。使用方法：導(dǎo)入位圖——選擇“修改”/“分離”命令將位圖打散——用滴管工具汲取其屬性——單擊需要填充的圖形進(jìn)行填充。42第42頁，課件共50頁，創(chuàng)作于2023年2月例：打開“8位圖填充.fla”，導(dǎo)入圖片“花.jpg”，并將其填充到一個橢圓區(qū)域中。操作步驟：1、導(dǎo)入圖片；2、選中導(dǎo)入的圖像，進(jìn)行打散（Ctrl+B）；操作技巧：若圖像太大，可在打散后將其縮??；3、選中滴管工具，在位圖上單擊鼠標(biāo)；4、單擊橢圓區(qū)域進(jìn)行填充。5、可用“漸變變形工具”修改填充位圖的位置、大小形狀、旋轉(zhuǎn)。43第43頁，課件共50頁，創(chuàng)作于2023年2月2.4.5漸變變形工具：調(diào)整漸變色的效果使用方法：（1）選中漸變變形工具；（2）單擊漸變填充區(qū)域；（3）拖動控制點(diǎn)進(jìn)行調(diào)整；①線性：漸變線（控制點(diǎn)：中心、距離、方向）；②放射狀：漸變圓（控制點(diǎn)：中心、長寬、大小、方向）。44第44頁，課件共50頁，創(chuàng)作于2023年2月例：打開“9漸變變形工具.fla”，完成操作。操作提示：

（1）利用漸變變形工具修改立方體的顏色，使其具有立體感。（2）漸變色為白-藍(lán)線性漸變（白#FFFFFF，藍(lán)#0121B4）45第45頁，課件共50頁，創(chuàng)作于2023年2月2.4.6橡皮擦工具：擦除圖形、填充區(qū)域、線。1、五種擦除模式（1）標(biāo)準(zhǔn)擦除：擦除經(jīng)過的當(dāng)前圖