1、第2章 Flash繪圖基礎(chǔ)教學(xué)要點(diǎn)矢量圖的特點(diǎn)Flash繪圖工具的使用方法各種繪圖工具的相關(guān)屬性設(shè)置復(fù)雜圖形的繪制技巧第1頁，共71頁。2.1位圖與矢量圖位圖與矢量圖位圖圖像矢量圖形第2頁，共71頁。2.1.1 位圖圖像位圖圖像是由像素構(gòu)成的。像素的多少將決定位圖圖像的顯示質(zhì)量和文件大小。位圖圖像的分辨率越高，顯示越清晰，文件所占的空間也就越大。 概念第3頁，共71頁。2.1.1 位圖圖像位圖放大了3倍前后的效果對比變形效果對比第4頁，共71頁。2.1.2 矢量圖形矢量圖形是由一個(gè)個(gè)單獨(dú)的點(diǎn)構(gòu)成的，每一個(gè)點(diǎn)都有其各自的屬性，如位置、顏色等。矢量圖的清晰度與分辨率的大小無關(guān)。對矢量圖進(jìn)行縮放時(shí)，

2、圖形仍保持原有的清晰度和光滑度，不會發(fā)生任何偏差。Flash動畫是矢量圖形的一種典型應(yīng)用。 概念第5頁，共71頁。2.1.2 矢量圖形矢量圖放大了3倍前后的效果對比變形效果對比第6頁，共71頁。2.1.2 矢量圖形FlashCorel公司的CorelDRAW軟件Macromedia公司的Freehand軟件Adobe公司的Illustrator軟件 常用的矢量繪圖軟件第7頁，共71頁。2.2基本繪圖工具的使用繪制的線條與修改任意變形工具鉛筆工具刷子工具鋼筆工具和部分選取工具橢圓工具和矩形工具第8頁，共71頁。2.2.1 繪制的線條與修改單擊【工具】面板中【線條工具】。移動鼠標(biāo)到舞臺上，接著按住

3、鼠標(biāo)并拖動，最后松開鼠標(biāo)。線條繪制完成。 繪制線條注意，在畫直線時(shí),按住Shift鍵可以畫出與舞臺與45倍數(shù)的直線。第9頁，共71頁。2.2.1 繪制的線條與修改打開【屬性】面板，可以定義直線的顏色、粗細(xì)和樣式。 修改線條的屬性不同筆觸樣式的線條第10頁，共71頁。2.2.1 繪制的線條與修改用【滴管工具】單擊直線，【屬性】面板顯示的就是該直線的屬性。此時(shí)所選工具自動變成了【墨水瓶工具】。使用【墨水瓶工具】單擊其他樣式的線條，所單擊線條的屬性都變成了當(dāng)前在【屬性】面板中所設(shè)置的屬性了。 滴管與墨水瓶工具【滴管工具】和【墨水瓶工具】可以很快地將一條直線的顏色樣式套用到別的線條上。第11頁，共71

4、頁。2.2.1 繪制的線條與修改用【選擇工具】可以選擇、移動或改變對象的形狀。選擇【選擇工具】，然后移動鼠標(biāo)到直線的端點(diǎn)處，指針右下角變成直角狀時(shí)，拖動鼠標(biāo)就可以改變線條的方向和長短。 選擇工具第12頁，共71頁。2.2.1 繪制的線條與修改將鼠標(biāo)指針移動到線條上，指針右下角會變成弧線狀。拖動鼠標(biāo)，可以將直線變成曲線。 選擇工具第13頁，共71頁。2.2.2 任意變形工具使用【任意變形工具】可以實(shí)現(xiàn)以下功能： 縮放 旋轉(zhuǎn) 壓縮 伸展 傾斜 用途第14頁，共71頁。2.2.2 任意變形工具工具面板中的5個(gè)選項(xiàng)： 用途旋轉(zhuǎn)與傾斜 扭曲 縮放 封套 對齊對象 第15頁，共71頁。2.2.2 任意變形

5、工具首先確認(rèn)當(dāng)前只有一個(gè)對象處于選取狀態(tài)，否則將不能進(jìn)行任意變形操作。選中對象后，單擊【任意變形工具】，選取的對象將出現(xiàn)一個(gè)帶有8個(gè)端點(diǎn)和1個(gè)中心點(diǎn)的控制點(diǎn)。 操作方法第16頁，共71頁。2.2.2 任意變形工具工具面板中的5個(gè)選項(xiàng)： 【貼緊至對象】 【旋轉(zhuǎn)與傾斜】 【縮放】 【扭曲】 【封套】 各種選項(xiàng)第17頁，共71頁。2.2.2 任意變形工具可以應(yīng)用扭曲和封套選項(xiàng)的對象： 圖形，利用鋼筆、鉛筆、線條、刷子工具繪制的對象和分解組件后的文字。不可以應(yīng)用扭曲和封套選項(xiàng)的對象： 群組、元件、位圖、影片對象、文本、聲音。 溫馨提示第18頁，共71頁。實(shí)例演練繪制一片樹葉 新建圖形元件創(chuàng)建圖形元件

6、“樹葉”圖形元件編輯場景 第19頁，共71頁。實(shí)例演練繪制一片樹葉 繪制樹葉圖形流程 繪制樹葉圖形第20頁，共71頁。實(shí)例演練繪制一片樹 被選中的線條 框選對象 編輯和修改樹葉第21頁，共71頁。實(shí)例演練繪制一片樹 【顏色】選項(xiàng) 調(diào)色板 【顏色】對話框 填充顏色 擦出缺口后的填充效果 填充顏色后的效果 【庫】面板中的“樹葉”圖形元件 給樹葉上色第22頁，共71頁。實(shí)例演練繪制樹枝 旋轉(zhuǎn)樹葉任意變形工具選項(xiàng) 變形點(diǎn) 選取變形點(diǎn)拖動變形點(diǎn)到葉柄處旋轉(zhuǎn)后的樹葉第23頁，共71頁。實(shí)例演練繪制樹枝 復(fù)制和變形樹葉復(fù)制出的樹葉圖片 縮放對象 變形命令 第24頁，共71頁。實(shí)例演練繪制樹枝 繪制樹枝切換到

7、【場景1】 用刷子畫出樹枝 第25頁，共71頁。實(shí)例演練繪制樹枝 組合樹葉和樹枝元件庫 完成后的樹枝效果 第26頁，共71頁。2.2.3 鉛筆工具【鉛筆工具】的顏色、粗細(xì)、樣式定義和【線條工具】一樣。它的附屬選項(xiàng)里有3種模式： 【伸直】模式 【平滑】模式 【墨水】模式 鉛筆工具第27頁，共71頁。2.2.3 鉛筆工具3種模式所畫的不同的線條效果 繪制效果第28頁，共71頁。2.2.4 刷子工具【刷子工具】可以繪制出像毛筆作畫的效果。也常被用于給對象著色。注意： 刷子工具繪制出的是填充區(qū)域，它不具有邊線，而具有封閉線條的區(qū)域則可以使用【顏料桶工具】著色。 用途第29頁，共71頁。2.2.4 刷子

8、工具單擊【刷子工具】后，工具箱下邊就會顯示出它的相關(guān)選項(xiàng)。可以設(shè)置的內(nèi)容： 畫筆的大小 畫筆的樣式 筆刷模式等 相關(guān)選項(xiàng)第30頁，共71頁。2.2.4 刷子工具單擊【刷子模式】按鈕后，共有5個(gè)選項(xiàng)： 標(biāo)準(zhǔn)繪圖 顏色填充 后面繪畫 顏料選擇 內(nèi)部繪畫 刷子模式第31頁，共71頁。2.2.4 刷子工具 刷子模式效果后面繪畫模式 顏料選擇模式 內(nèi)部繪畫模式 標(biāo)準(zhǔn)繪畫模式顏料填充模式第32頁，共71頁。2.2.4 刷子工具鎖定填充只對漸變填充或位圖填充起作用。當(dāng)使用滴管工具從場景中獲得填充物或漸變色時(shí)，筆刷的鎖定功能會自動啟用。選定鎖定功能，工作區(qū)是一個(gè)完整的漸變。未選定鎖定功能，使用刷子工具繪制的圖

9、形的填充效果和選擇的漸變填充樣式相對應(yīng)。 鎖定填充第33頁，共71頁。2.2.5 鋼筆工具和部分選取工具創(chuàng)建曲線的要訣：在按下鼠標(biāo)的同時(shí)向想要繪制曲線段的方向拖動鼠標(biāo)。然后將指針放在想要結(jié)束曲線段的地方，按下鼠標(biāo)，朝相反的方向拖動來完成線段。 鋼筆工具單擊并拖動鼠標(biāo)繪制出波浪線第34頁，共71頁。2.2.5 鋼筆工具和部分選取工具如果繪制的曲線效果不滿意，可以使用部分選取工具來修改。 部分選取工具 選取節(jié)點(diǎn) 調(diào)節(jié)曲線形狀第35頁，共71頁。2.2.6 橢圓工具和矩形工具在工具箱中選擇【橢圓工具】，將鼠標(biāo)移動到場景中，拖動鼠標(biāo)可繪制出橢圓或圓形。選擇【矩形工具】，在場景中拖動鼠標(biāo)可繪制出方角或圓

10、角的矩形。在【屬性】面板中可以設(shè)定填充的顏色及外框筆觸的顏色、粗細(xì)和樣式。第36頁，共71頁。使用橢圓和矩形工具用橢園工具和矩形工具畫出的圖案 第37頁，共71頁。實(shí)例演練繪制小屋 繪制復(fù)合路徑打開源文件繪制出兩個(gè)矩形 將矩形變形為平形四邊形 直線連接房頂與房身 畫屋側(cè)面 顏色選擇面板 畫門 繪制窗戶 第38頁，共71頁。實(shí)例演練繪制小屋 組合及上色圖形打開源文件畫窗格 填充顏色 第39頁，共71頁。2.4其他繪圖工具的使用填充變形工具套索工具橡皮擦工具第40頁，共71頁。2.4.1 填充變形工具【填充變形工具】是應(yīng)用漸變效果。漸變是由某種顏色過渡到另外一種顏色的變化過程。它分為兩種： 線性漸

11、變，指顏色的變化是按照直線進(jìn)行的； 放射狀漸變，顏色是以圓形的方式，從圓心向周圍進(jìn)行的變化。第41頁，共71頁。實(shí)例演練繪制按鈕 繪制按鈕打開源文件填充變形手柄 填充色設(shè)置 按鈕效果 第42頁，共71頁。實(shí)例演練繪制按鈕 繪制按鈕填充變形手柄 收縮填充色 拉長填充色 插入圖層 鎖定圖層 繪制出一個(gè)橢園 填充色設(shè)置 調(diào)節(jié)線性漸變色 完成后的按鈕 打開源文件第43頁，共71頁。2.4.2 套索工具【套索工具】用于選擇圖形中不規(guī)則形狀區(qū)域。被選定的區(qū)域可以作為一個(gè)單獨(dú)的對象進(jìn)行移動、旋轉(zhuǎn)或變形。選擇【套索工具】后，在【選項(xiàng)】中出現(xiàn)【魔術(shù)棒】、【魔術(shù)棒屬性】和【多邊形模式】三種模式。第44頁，共71頁

12、。例：用魔術(shù)棒選擇導(dǎo)入圖像分離位圖使用魔術(shù)棒選擇第45頁，共71頁。2.4.3 橡皮擦工具使用【橡皮擦工具】擦除不需要的部分。選擇【橡皮擦工具】后，在工作區(qū)的選項(xiàng)區(qū)顯示橡皮擦的選項(xiàng)： 擦除模式 橡皮擦形狀 水龍頭 用途 第46頁，共71頁。2.4.3 橡皮擦工具選擇【橡皮擦工具】，單擊擦除模式按鈕，在彈出的菜單中有5個(gè)選項(xiàng)： 各種相關(guān)選項(xiàng) 【標(biāo)準(zhǔn)擦除】：擦除同一層上的筆觸和填充?！静脸钌浚褐徊脸畛?，不影響筆觸?！静脸€條】：只擦除筆觸，不影響填充。【擦除所選填充】：只擦除當(dāng)前選定的填充，并不影響筆觸（不管筆觸是否被選中）。以這種模式使用【橡皮擦工具】之前，請選擇要擦除的填充?！緝?nèi)部擦除】

13、：只擦除橡皮擦筆觸開始處的填充。如果從空白點(diǎn)開始擦除，則不會擦除任何內(nèi)容。以這種模式使用橡皮擦并不影響筆觸第47頁，共71頁。2.5 繪圖綜合練習(xí)碧藍(lán)的天空，雪白的云朵，翠綠的山峰，波光閃爍的湖面上飄浮著美麗的花朵，小鴨在水面快樂地游泳。第48頁，共71頁。2.5.1 繪圖綜合練習(xí)創(chuàng)建圖形元件設(shè)置 繪制花朵 新建“花瓣”圖形元件第49頁，共71頁。2.5.1 繪圖綜合練習(xí)顏色設(shè)置花瓣造型填充色設(shè)置 填充顏色 繪制花朵 給花瓣填充顏色畫花瓣第50頁，共71頁。2.5.1 繪圖綜合練習(xí)“花瓣”圖形元件實(shí)例【變形】面板完整的花朵 繪制花朵 創(chuàng)建“花朵”圖形元件第51頁，共71頁。2.5.2 繪圖綜合

14、練習(xí)插入新的圖層 在新圖層上繪制出小鴨頭部 繪制小鴨畫小鴨身體形狀第52頁，共71頁。2.5.2 繪圖綜合練習(xí)畫小鴨的嘴和尾顏色的設(shè)置 繪制小鴨畫小鴨的嘴和尾巴第53頁，共71頁。2.5.2 繪圖綜合練習(xí)填充顏色鴨嘴的顏色設(shè)置 繪制小鴨填充顏色第54頁，共71頁。2.5.2 繪圖綜合練習(xí)調(diào)整顏色形狀 用筆刷工具點(diǎn)畫眼睛 畫小鴨眼睛 繪制小鴨第55頁，共71頁。2.5.3 繪圖綜合練習(xí)用【鋼筆工具】畫白云 調(diào)整節(jié)點(diǎn)后的形狀 繪制白云畫白云輪廓形狀第56頁，共71頁。2.5.3 繪圖綜合練習(xí)繪制成的白云 繪制白云編輯和優(yōu)化白云圖形第57頁，共71頁。2.5.4 繪圖綜合練習(xí)湖水顏色設(shè)置 畫湖水 繪

15、制湖水和波浪畫湖水第58頁，共71頁。2.5.4 繪圖綜合練習(xí)調(diào)整湖水填充色鎖定圖層并使圖層不可見 繪制湖水和波浪第59頁，共71頁。2.5.4 繪圖綜合練習(xí)用【鋼筆工具】畫波浪 優(yōu)化后的波浪 復(fù)制排列波浪 繪制湖水和波浪畫波浪第60頁，共71頁。2.5.5 繪圖綜合練習(xí)用【鉛筆工具】畫山形 填充漸變色 繪制山峰和天空畫山峰第61頁，共71頁。2.5.5 繪圖綜合練習(xí)天空顏色設(shè)置 填充調(diào)整色彩 繪制山峰和天空畫天空第62頁，共71頁。2.5.6 繪圖綜合練習(xí)“花朵”實(shí)例 創(chuàng)建【花朵】圖層在舞臺引用一個(gè)“花朵”實(shí)例第63頁，共71頁。2.5.6 繪圖綜合練習(xí)復(fù)制出不同的花朵【設(shè)置顏色效果】【高級

16、效果】對話框 調(diào)整高級效果顏色參數(shù)數(shù)值 創(chuàng)建【花朵】圖層復(fù)制“花朵”實(shí)例調(diào)整“花朵”實(shí)例的顏色第64頁，共71頁。2.5.6 繪圖綜合練習(xí)五彩繽紛的花朵 創(chuàng)建【花朵】圖層第65頁，共71頁。2.5.7 繪圖綜合練習(xí)將小鴨拖放到舞臺上將白云拖放到舞臺上 完成整個(gè)畫面創(chuàng)建【小鴨】圖層創(chuàng)建【白云】圖層第66頁，共71頁。2.5.7 繪圖綜合練習(xí)完整的效果圖 完成整個(gè)畫面進(jìn)一步完善畫面效果第67頁，共71頁。2.6習(xí)題與上機(jī)操作選擇題上機(jī)操作第68頁，共71頁。習(xí)題與上機(jī)操作（1）下面軟件中，（ ）不是矢量圖繪制軟件。 ACorelDRAW BFreehand CIllustrator DPhotosh