《Flash繪圖基礎(chǔ)》PPT課件

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

2、清晰度和光滑度，不會(huì)發(fā)生任何偏差。Flash動(dòng)畫(huà)是矢量圖形的一種典型應(yīng)用。 概念5編輯版ppt2.1.2 矢量圖形矢量圖放大了3倍前后的效果對(duì)比變形效果對(duì)比6編輯版ppt2.1.2 矢量圖形FlashCorel公司的CorelDRAW軟件Macromedia公司的Freehand軟件Adobe公司的Illustrator軟件 常用的矢量繪圖軟件7編輯版ppt2.2基本繪圖工具的使用繪制的線條與修改任意變形工具鉛筆工具刷子工具鋼筆工具和部分選取工具橢圓工具和矩形工具8編輯版ppt2.2.1 繪制的線條與修改單擊【工具】面板中【線條工具】。移動(dòng)鼠標(biāo)到舞臺(tái)上，接著按住鼠標(biāo)并拖動(dòng)，最后松開(kāi)鼠標(biāo)。線條繪

3、制完成。 繪制線條注意，在畫(huà)直線時(shí),按住Shift鍵可以畫(huà)出與舞臺(tái)與45倍數(shù)的直線。9編輯版ppt2.2.1 繪制的線條與修改打開(kāi)【屬性】面板，可以定義直線的顏色、粗細(xì)和樣式。 修改線條的屬性不同筆觸樣式的線條10編輯版ppt2.2.1 繪制的線條與修改用【滴管工具】單擊直線，【屬性】面板顯示的就是該直線的屬性。此時(shí)所選工具自動(dòng)變成了【墨水瓶工具】。使用【墨水瓶工具】單擊其他樣式的線條，所單擊線條的屬性都變成了當(dāng)前在【屬性】面板中所設(shè)置的屬性了。 滴管與墨水瓶工具【滴管工具】和【墨水瓶工具】可以很快地將一條直線的顏色樣式套用到別的線條上。11編輯版ppt2.2.1 繪制的線條與修改用【選擇工具

4、】可以選擇、移動(dòng)或改變對(duì)象的形狀。選擇【選擇工具】，然后移動(dòng)鼠標(biāo)到直線的端點(diǎn)處，指針右下角變成直角狀時(shí)，拖動(dòng)鼠標(biāo)就可以改變線條的方向和長(zhǎng)短。 選擇工具12編輯版ppt2.2.1 繪制的線條與修改將鼠標(biāo)指針移動(dòng)到線條上，指針右下角會(huì)變成弧線狀。拖動(dòng)鼠標(biāo)，可以將直線變成曲線。 選擇工具13編輯版ppt2.2.2 任意變形工具使用【任意變形工具】可以實(shí)現(xiàn)以下功能： 縮放 旋轉(zhuǎn) 壓縮 伸展 傾斜 用途14編輯版ppt2.2.2 任意變形工具工具面板中的5個(gè)選項(xiàng)： 用途旋轉(zhuǎn)與傾斜 扭曲 縮放 封套 對(duì)齊對(duì)象 15編輯版ppt2.2.2 任意變形工具首先確認(rèn)當(dāng)前只有一個(gè)對(duì)象處于選取狀態(tài)，否則將不能進(jìn)行任意

5、變形操作。選中對(duì)象后，單擊【任意變形工具】，選取的對(duì)象將出現(xiàn)一個(gè)帶有8個(gè)端點(diǎn)和1個(gè)中心點(diǎn)的控制點(diǎn)。 操作方法16編輯版ppt2.2.2 任意變形工具工具面板中的5個(gè)選項(xiàng)： 【貼緊至對(duì)象】 【旋轉(zhuǎn)與傾斜】 【縮放】 【扭曲】 【封套】 各種選項(xiàng)17編輯版ppt2.2.2 任意變形工具可以應(yīng)用扭曲和封套選項(xiàng)的對(duì)象： 圖形，利用鋼筆、鉛筆、線條、刷子工具繪制的對(duì)象和分解組件后的文字。不可以應(yīng)用扭曲和封套選項(xiàng)的對(duì)象： 群組、元件、位圖、影片對(duì)象、文本、聲音。 溫馨提示18編輯版ppt實(shí)例演練繪制一片樹(shù)葉 新建圖形元件創(chuàng)建圖形元件 “樹(shù)葉”圖形元件編輯場(chǎng)景 19編輯版ppt實(shí)例演練繪制一片樹(shù)葉 繪制樹(shù)葉

6、圖形流程 繪制樹(shù)葉圖形20編輯版ppt實(shí)例演練繪制一片樹(shù) 被選中的線條 框選對(duì)象 編輯和修改樹(shù)葉21編輯版ppt實(shí)例演練繪制一片樹(shù) 【顏色】選項(xiàng) 調(diào)色板 【顏色】對(duì)話框 填充顏色 擦出缺口后的填充效果 填充顏色后的效果 【庫(kù)】面板中的“樹(shù)葉”圖形元件 給樹(shù)葉上色22編輯版ppt實(shí)例演練繪制樹(shù)枝 旋轉(zhuǎn)樹(shù)葉任意變形工具選項(xiàng) 變形點(diǎn) 選取變形點(diǎn)拖動(dòng)變形點(diǎn)到葉柄處旋轉(zhuǎn)后的樹(shù)葉23編輯版ppt實(shí)例演練繪制樹(shù)枝 復(fù)制和變形樹(shù)葉復(fù)制出的樹(shù)葉圖片 縮放對(duì)象 變形命令 24編輯版ppt實(shí)例演練繪制樹(shù)枝 繪制樹(shù)枝切換到【場(chǎng)景1】 用刷子畫(huà)出樹(shù)枝 25編輯版ppt實(shí)例演練繪制樹(shù)枝 組合樹(shù)葉和樹(shù)枝元件庫(kù) 完成后的樹(shù)枝

7、效果 26編輯版ppt2.2.3 鉛筆工具【鉛筆工具】的顏色、粗細(xì)、樣式定義和【線條工具】一樣。它的附屬選項(xiàng)里有3種模式： 【伸直】模式 【平滑】模式 【墨水】模式 鉛筆工具27編輯版ppt2.2.3 鉛筆工具3種模式所畫(huà)的不同的線條效果 繪制效果28編輯版ppt2.2.4 刷子工具【刷子工具】可以繪制出像毛筆作畫(huà)的效果。也常被用于給對(duì)象著色。注意： 刷子工具繪制出的是填充區(qū)域，它不具有邊線，而具有封閉線條的區(qū)域則可以使用【顏料桶工具】著色。 用途29編輯版ppt2.2.4 刷子工具單擊【刷子工具】后，工具箱下邊就會(huì)顯示出它的相關(guān)選項(xiàng)?？梢栽O(shè)置的內(nèi)容： 畫(huà)筆的大小 畫(huà)筆的樣式 筆刷模式等 相關(guān)

8、選項(xiàng)30編輯版ppt2.2.4 刷子工具單擊【刷子模式】按鈕后，共有5個(gè)選項(xiàng)： 標(biāo)準(zhǔn)繪圖 顏色填充 后面繪畫(huà) 顏料選擇 內(nèi)部繪畫(huà) 刷子模式31編輯版ppt2.2.4 刷子工具 刷子模式效果后面繪畫(huà)模式 顏料選擇模式 內(nèi)部繪畫(huà)模式 標(biāo)準(zhǔn)繪畫(huà)模式顏料填充模式32編輯版ppt2.2.4 刷子工具鎖定填充只對(duì)漸變填充或位圖填充起作用。當(dāng)使用滴管工具從場(chǎng)景中獲得填充物或漸變色時(shí)，筆刷的鎖定功能會(huì)自動(dòng)啟用。選定鎖定功能，工作區(qū)是一個(gè)完整的漸變。未選定鎖定功能，使用刷子工具繪制的圖形的填充效果和選擇的漸變填充樣式相對(duì)應(yīng)。 鎖定填充33編輯版ppt2.2.5 鋼筆工具和部分選取工具創(chuàng)建曲線的要訣：在按下鼠標(biāo)的

9、同時(shí)向想要繪制曲線段的方向拖動(dòng)鼠標(biāo)。然后將指針?lè)旁谙胍Y(jié)束曲線段的地方，按下鼠標(biāo)，朝相反的方向拖動(dòng)來(lái)完成線段。 鋼筆工具單擊并拖動(dòng)鼠標(biāo)繪制出波浪線34編輯版ppt2.2.5 鋼筆工具和部分選取工具如果繪制的曲線效果不滿意，可以使用部分選取工具來(lái)修改。 部分選取工具 選取節(jié)點(diǎn) 調(diào)節(jié)曲線形狀35編輯版ppt2.2.6 橢圓工具和矩形工具在工具箱中選擇【橢圓工具】，將鼠標(biāo)移動(dòng)到場(chǎng)景中，拖動(dòng)鼠標(biāo)可繪制出橢圓或圓形。選擇【矩形工具】，在場(chǎng)景中拖動(dòng)鼠標(biāo)可繪制出方角或圓角的矩形。在【屬性】面板中可以設(shè)定填充的顏色及外框筆觸的顏色、粗細(xì)和樣式。36編輯版ppt使用橢圓和矩形工具用橢園工具和矩形工具畫(huà)出的圖案

10、37編輯版ppt實(shí)例演練繪制小屋 繪制復(fù)合路徑打開(kāi)源文件繪制出兩個(gè)矩形 將矩形變形為平形四邊形 直線連接房頂與房身 畫(huà)屋側(cè)面 顏色選擇面板 畫(huà)門(mén) 繪制窗戶 38編輯版ppt實(shí)例演練繪制小屋 組合及上色圖形打開(kāi)源文件畫(huà)窗格 填充顏色 39編輯版ppt2.4其他繪圖工具的使用填充變形工具套索工具橡皮擦工具40編輯版ppt2.4.1 填充變形工具【填充變形工具】是應(yīng)用漸變效果。漸變是由某種顏色過(guò)渡到另外一種顏色的變化過(guò)程。它分為兩種： 線性漸變，指顏色的變化是按照直線進(jìn)行的； 放射狀漸變，顏色是以圓形的方式，從圓心向周?chē)M(jìn)行的變化。41編輯版ppt實(shí)例演練繪制按鈕 繪制按鈕打開(kāi)源文件填充變形手柄 填

11、充色設(shè)置 按鈕效果 42編輯版ppt實(shí)例演練繪制按鈕 繪制按鈕填充變形手柄 收縮填充色 拉長(zhǎng)填充色 插入圖層 鎖定圖層 繪制出一個(gè)橢園 填充色設(shè)置 調(diào)節(jié)線性漸變色 完成后的按鈕 打開(kāi)源文件43編輯版ppt2.4.2 套索工具【套索工具】用于選擇圖形中不規(guī)則形狀區(qū)域。被選定的區(qū)域可以作為一個(gè)單獨(dú)的對(duì)象進(jìn)行移動(dòng)、旋轉(zhuǎn)或變形。選擇【套索工具】后，在【選項(xiàng)】中出現(xiàn)【魔術(shù)棒】、【魔術(shù)棒屬性】和【多邊形模式】三種模式。44編輯版ppt例：用魔術(shù)棒選擇導(dǎo)入圖像分離位圖使用魔術(shù)棒選擇45編輯版ppt2.4.3 橡皮擦工具使用【橡皮擦工具】擦除不需要的部分。選擇【橡皮擦工具】后，在工作區(qū)的選項(xiàng)區(qū)顯示橡皮擦的選項(xiàng)

12、： 擦除模式 橡皮擦形狀 水龍頭 用途 46編輯版ppt2.4.3 橡皮擦工具選擇【橡皮擦工具】，單擊擦除模式按鈕，在彈出的菜單中有5個(gè)選項(xiàng)： 各種相關(guān)選項(xiàng) 【標(biāo)準(zhǔn)擦除】：擦除同一層上的筆觸和填充。【擦除填色】：只擦除填充，不影響筆觸?！静脸€條】：只擦除筆觸，不影響填充?！静脸x填充】：只擦除當(dāng)前選定的填充，并不影響筆觸（不管筆觸是否被選中）。以這種模式使用【橡皮擦工具】之前，請(qǐng)選擇要擦除的填充?！緝?nèi)部擦除】：只擦除橡皮擦筆觸開(kāi)始處的填充。如果從空白點(diǎn)開(kāi)始擦除，則不會(huì)擦除任何內(nèi)容。以這種模式使用橡皮擦并不影響筆觸47編輯版ppt2.5 繪圖綜合練習(xí)碧藍(lán)的天空，雪白的云朵，翠綠的山峰，波光閃

13、爍的湖面上飄浮著美麗的花朵，小鴨在水面快樂(lè)地游泳。48編輯版ppt2.5.1 繪圖綜合練習(xí)創(chuàng)建圖形元件設(shè)置 繪制花朵 新建“花瓣”圖形元件49編輯版ppt2.5.1 繪圖綜合練習(xí)顏色設(shè)置花瓣造型填充色設(shè)置 填充顏色 繪制花朵 給花瓣填充顏色畫(huà)花瓣50編輯版ppt2.5.1 繪圖綜合練習(xí)“花瓣”圖形元件實(shí)例【變形】面板完整的花朵 繪制花朵 創(chuàng)建“花朵”圖形元件51編輯版ppt2.5.2 繪圖綜合練習(xí)插入新的圖層 在新圖層上繪制出小鴨頭部 繪制小鴨畫(huà)小鴨身體形狀52編輯版ppt2.5.2 繪圖綜合練習(xí)畫(huà)小鴨的嘴和尾顏色的設(shè)置 繪制小鴨畫(huà)小鴨的嘴和尾巴53編輯版ppt2.5.2 繪圖綜合練習(xí)填充顏色

14、鴨嘴的顏色設(shè)置 繪制小鴨填充顏色54編輯版ppt2.5.2 繪圖綜合練習(xí)調(diào)整顏色形狀 用筆刷工具點(diǎn)畫(huà)眼睛 畫(huà)小鴨眼睛 繪制小鴨55編輯版ppt2.5.3 繪圖綜合練習(xí)用【鋼筆工具】畫(huà)白云 調(diào)整節(jié)點(diǎn)后的形狀 繪制白云畫(huà)白云輪廓形狀56編輯版ppt2.5.3 繪圖綜合練習(xí)繪制成的白云 繪制白云編輯和優(yōu)化白云圖形57編輯版ppt2.5.4 繪圖綜合練習(xí)湖水顏色設(shè)置 畫(huà)湖水 繪制湖水和波浪畫(huà)湖水58編輯版ppt2.5.4 繪圖綜合練習(xí)調(diào)整湖水填充色鎖定圖層并使圖層不可見(jiàn) 繪制湖水和波浪59編輯版ppt2.5.4 繪圖綜合練習(xí)用【鋼筆工具】畫(huà)波浪 優(yōu)化后的波浪 復(fù)制排列波浪 繪制湖水和波浪畫(huà)波浪60編輯

15、版ppt2.5.5 繪圖綜合練習(xí)用【鉛筆工具】畫(huà)山形 填充漸變色 繪制山峰和天空畫(huà)山峰61編輯版ppt2.5.5 繪圖綜合練習(xí)天空顏色設(shè)置 填充調(diào)整色彩 繪制山峰和天空畫(huà)天空62編輯版ppt2.5.6 繪圖綜合練習(xí)“花朵”實(shí)例 創(chuàng)建【花朵】圖層在舞臺(tái)引用一個(gè)“花朵”實(shí)例63編輯版ppt2.5.6 繪圖綜合練習(xí)復(fù)制出不同的花朵【設(shè)置顏色效果】【高級(jí)效果】對(duì)話框 調(diào)整高級(jí)效果顏色參數(shù)數(shù)值 創(chuàng)建【花朵】圖層復(fù)制“花朵”實(shí)例調(diào)整“花朵”實(shí)例的顏色64編輯版ppt2.5.6 繪圖綜合練習(xí)五彩繽紛的花朵 創(chuàng)建【花朵】圖層65編輯版ppt2.5.7 繪圖綜合練習(xí)將小鴨拖放到舞臺(tái)上將白云拖放到舞臺(tái)上 完成整個(gè)畫(huà)面創(chuàng)建【小鴨】圖層創(chuàng)建【白云】圖層66編輯版ppt2.5.7 繪圖綜合練習(xí)完整的效果圖 完成整個(gè)畫(huà)面進(jìn)一步完善畫(huà)面效果67編輯版ppt2.6習(xí)題與上機(jī)操作選擇題上機(jī)操作68編輯版ppt習(xí)題與上機(jī)操作（1）下面軟件中，（ ）不是矢量圖繪制軟件。 ACorelDRAW BFreehand CIllustrator DPhotosho