flash教材配套PPT第2章-使用Flash繪制圖形

1Part2第2章

使用Flash繪制圖形2目標(biāo)概述學(xué)習(xí)要求全面介紹FlashCS6Professional中的工具面板及選擇變形工具、繪圖工具、繪圖調(diào)整工具等工具的應(yīng)用方法，使學(xué)習(xí)者能夠了解FlashCS6中各種工具的使用方法，掌握這些工具的使用技巧，熟悉各種工具的具體設(shè)置及用途，為后面的動畫制作奠定堅實的基礎(chǔ)。學(xué)習(xí)目標(biāo)

學(xué)習(xí)目標(biāo)知識點了解理解掌握應(yīng)用繪制模式的選擇

案例1、案例2線條與填充

案例2選擇變形工具的使用（“部分選擇工具”、“套索工具”、“任意變形工具”和“漸變變形工具”）

案例1、案例3、案例4繪圖工具的使用（“鋼筆工具組”、“文本工具”、“線條工具”、“矩形工具組”、“鉛筆工具”、“刷子工具組”、“Deco工具”）

案例7、案例1、案例3、案例5、案例6繪圖調(diào)整工具的使用（“顏料桶工作組”、“墨水瓶工具”、“滴管工具”、“橡皮擦工具”）

案例2、案例43知識導(dǎo)航案例1繪制“五星紅旗”2.15案例概述案例效果案例分析

本案例主要應(yīng)用“多角星形工具”中的“星形”工具設(shè)置，制作一面“五星紅旗”。完成此案例可以掌握輔助繪圖工具中的“標(biāo)尺”和“網(wǎng)格”以及“任意變形工具”調(diào)整圖形的方法。“五星紅旗”效果圖

繪制“五星紅旗”主要應(yīng)用繪圖工具中的“多角星形工具”中的“星形”工具設(shè)置以及輔助繪圖工具中的“標(biāo)尺”和“網(wǎng)格”，采用“對象繪制”模式，快速完成繪制?？梢詰?yīng)用“任意變形工具”對“五星紅旗”進行調(diào)整，以增添動感效果。操作中需要特別注意“五角星”的位置和角度。6相關(guān)知識1.橢圓工具與矩形工具“橢圓工具”主要繪制橢圓、圓形?！熬匦喂ぞ摺背梢岳L制矩形、正方形外，還可以繪制出帶有圓角的矩形。2.基本橢圓工具與基本矩形工具使用“基本橢圓工具”與“基本矩形工具”創(chuàng)建橢圓或矩形時，可以使用“屬性”面板中的控件，指定橢圓的“起始角度”、“結(jié)束角度”和“內(nèi)徑”以及矩形的“角半徑”，F(xiàn)lash會將形狀繪制為獨立的對象。

“多角星形工具”是矩形工具的擴展，使用它可以很方便地繪制出多邊形和星形。7相關(guān)知識3.選擇工具

“選擇工具”是工具面板中使用率最高的工具之一。主要用于選擇將要處理的對象，選擇對象主要有點選和圈選兩種方法。4.任意變形工具

“任意變形工具”是一個獨立的工具。使用該工具，可以對各種對象進行各種方式的變形處理，如拉伸、壓縮、旋轉(zhuǎn)、翻轉(zhuǎn)和自由變形等。案例2繪制“奧運五環(huán)”2.29案例概述案例效果案例分析

本案例主要完成“奧運五環(huán)”的繪制，靈活應(yīng)用繪圖工具可以快速完成任務(wù)。完成此案例能熟悉“圖元繪制”模式與“對象繪制”模式的轉(zhuǎn)換方法，充分理解填充和線條的區(qū)別，掌握“基本橢圓工具”的應(yīng)用方法?！皧W運五環(huán)”效果圖

繪制“奧運五環(huán)”主要通過“基本橢圓工具”的應(yīng)用，“橢圓圖元屬性”面板的設(shè)置，“圖元繪制”模式與“對象繪制”模式的轉(zhuǎn)換，線條與填充的區(qū)別等知識，快速繪制出“奧運五環(huán)”效果。10相關(guān)知識對象位置的管理

（1）對象的移動可以使用“選擇工具”直接拖動對象來隨意移動對象位置，也可以通過相應(yīng)的控制面板精確地指定對象的位置。（2）使用“對齊”面板進行位置管理在制作較復(fù)雜的動畫時，有時會有很多的對象，簡單應(yīng)用手工移動的方式會很麻煩。選擇“窗口”→“對齊”或按下Ctrl+K鍵，可打開“對齊”面板，如下圖所示。11相關(guān)知識12相關(guān)知識2.“顏料桶工具”

“顏料桶工具”可以對定義區(qū)內(nèi)的圖像填入純色、漸變色和位圖。該工具屬性設(shè)置比較簡單，只有一個填充顏色選項，如右圖所示。在“工具”面板的選項中還有一些針對“顏料桶工具”特有的功能選項。單擊“空隙大小”按鈕將會彈出一個下拉列表框，用戶可以在此選擇“顏料桶工具”判斷近似封閉的空隙寬度，共有四種選擇：（1）不封閉空隙（2）封閉小空隙（3）封閉中等空隙（4）封閉大空隙在“顏料桶工具”的選項中還提供了一個“鎖定填充”按鈕，可以用于鎖定相鄰區(qū)域的漸變填充內(nèi)容。若啟動該項功能，F(xiàn)lash會將相鄰的整個區(qū)域塊當(dāng)作是一個區(qū)塊。13相關(guān)知識3.“橡皮擦工具”“橡皮擦工具”用于擦除圖形的輪廓線條或填色區(qū)域，也可以擦除工作區(qū)中任何內(nèi)容，如右圖所示。單擊“工具”面板選項下的“橡皮擦模式”按鈕，便可看到FlashCS6提供的五種擦除模式。單擊“橡皮擦形狀”按鈕，可以看到FlashCS6提供的橡皮擦形狀。（1）五種擦除模式①標(biāo)準(zhǔn)擦除②擦除填色③擦除線條④擦除所選填充⑤內(nèi)部擦除（2）水龍頭：只需在要擦除的填充色或者輪廓線上單擊一下便可將圖形的填充色整體去掉，或?qū)⑤喞€全部擦除（3）橡皮擦形狀：單擊該選項，可以選擇橡皮擦形狀和大小。同時要確保“水龍頭”功能沒有被選中。案例3繪制“小鳥”2.315案例概述案例效果案例分析本案例主要應(yīng)用“鋼筆工具”及其他矢量繪圖工具，完成繪制“小鳥”的任務(wù)，完成本案例可以熟練掌握“鋼筆工具”、“刷子工具”、“鉛筆工具”、“選擇工具”、“套索工具”的應(yīng)用方法。繪制“小鳥”主要用導(dǎo)入的位圖作為范本，應(yīng)用“鋼筆工具”、“線條工具”創(chuàng)建小鳥輪廓的路徑，用“選擇工具”調(diào)整路徑；用“顏料桶工具”填充顏色；用“刷子工具”繪制羽毛；用“鉛筆工具”描繪眼底部；用“套索工具”將“位圖去背”，添加背景，完成繪制。繪制過程中要注意應(yīng)用“線條工具”繪制羽毛邊緣的方法和技巧。在繪制完成圖形后，還要注意圖形邊線對填色的影響以及“刷子工具”的使用等?！靶▲B”效果圖16相關(guān)知識“鋼筆工具”“鋼筆工具”又叫“貝塞爾曲線工具”，它是許多繪圖軟件廣泛使用的一種重要工具。使用“鋼筆工具”可以繪制精確的路徑（如直線或平滑、流動的曲線）。17相關(guān)知識（1）“鋼筆工具”的繪制狀態(tài)18相關(guān)知識（2）繪制直線和曲線使用“鋼筆工具”可以繪制的最簡單路徑是直線，方法是通過單擊“鋼筆工具”創(chuàng)建兩個錨點。繼續(xù)單擊可創(chuàng)建由轉(zhuǎn)角點連接的直線段組成的路徑。雙擊最后的錨點或按住Ctrl鍵單擊，可完成一個直線路徑的繪制。19相關(guān)知識（3）繪制開放路徑與閉合路徑在繪制直線或曲線路徑的過程中，雙擊最后的錨點或按住Ctrl鍵單擊，可完成一個直線或曲線開放路徑的繪制，如右圖所示。在繪制直線或曲線路徑的過程中，將“鋼筆工具”定位于第一個錨點處，這時，在筆尖旁會出現(xiàn)一個小圓環(huán)，然后單擊或拖曳即可完成一個直線或曲線閉合路徑的繪制，如右圖所示。20相關(guān)知識（4）添加或刪除錨點添加錨點能夠更好地控制路徑，也可以擴展開放路徑。要添加錨點，將指針定位到路徑段上單擊即可；若要刪除錨點，將指針定位到錨點上單擊即可。21相關(guān)知識2.“部分選取工具”“部分選取工具”主要用來選擇和編輯線條或邊的路徑形狀。3.“套索工具”與“選擇工具”的功能相似，“套索工具”也是用來選擇對象的。相對于選擇工具只能選擇矩形框內(nèi)的對象而言，“套索工具”可以自由選擇要選定的區(qū)域?！疤姿鞴ぞ摺蓖ǔ？梢酝ㄟ^以下幾種方式選擇對象：①通過勾畫不規(guī)則選擇區(qū)域選擇對象；②通過勾畫直邊選擇區(qū)域選擇對象；③通過同時勾畫不規(guī)則和直邊選擇區(qū)域選擇對象；移至工作區(qū)可直接應(yīng)用此工具選取對象。案例4繪制“精致的彩繪花瓶”2.423案例概述案例效果案例分析本案例主要通過繪制“精致的彩繪花瓶”的過程，詳細介紹編輯顏色工具、墨水瓶工具的使用方法。本案例主要應(yīng)用“鋼筆工具”、“基本橢圓工具”繪制“花瓶”，用“部分選取工具”、“選擇工具”編輯圖形，確定填充的范圍；用“顏料桶工具”、“墨水瓶工具”選擇和填充顏色；用導(dǎo)入的位圖貼圖；用濾鏡效果為花瓶增添立體效果完成“精致的彩繪花瓶”繪制案例?！熬碌牟世L花瓶”效果圖24相關(guān)知識“墨水瓶工具”

主要用于更改線條或者形狀輪廓的筆觸顏色、寬度和樣式。使用“墨水瓶工具”不是選擇個別的線條，可以更容易地一次更改多個對象的筆觸屬性。墨水瓶本身不能在工作區(qū)中繪制線條，只能對已有線條進行修改。2.“滴管工具”“滴管工具”用于探測對象的種類與屬性，如文本、線條、填色區(qū)塊等。探測完畢后，系統(tǒng)會自動選用可編輯該對象的對應(yīng)工具，以便應(yīng)用到其他對象上。25相關(guān)知識采集的對象不同，滴管工具的顯示狀態(tài)也不同。如果采集的區(qū)域是輪廓線，滴管工具指針旁邊將出現(xiàn)一個小鉛筆，如下圖所示。如果采集對象在填充區(qū)域上，“滴管工具”指針旁邊將出現(xiàn)一個刷子標(biāo)記，如下圖所示。

26相關(guān)知識3.“漸變變形工具”“漸變變形工具”可以調(diào)整漸變色的中心點、范圍及角度。通過使用“漸變變形工具”調(diào)整填充的大小、方向或者中心，可以使?jié)u變填充或位圖填充變形。在“工具”面板中，單擊并按住“任意變形工具”，從顯示的菜單中便可以選擇“漸變變形工具”了，移動該工具到工作區(qū)中要進行漸變填充或位圖填充的編輯時，光標(biāo)就會變?yōu)闋?。將鼠?biāo)移動到需要改變漸變或位圖填充的區(qū)域，系統(tǒng)將顯示一個帶有編輯手柄的邊框。當(dāng)指針在這些手柄中任何一個上面的時候，它會發(fā)生變化，顯示該手柄的功能。如下圖所示。線性填充

放射性填充

位圖填充27相關(guān)知識4.縮放工具“縮放工具”在應(yīng)用時并不改變工作區(qū)中任何實際圖形，主要是對所要編輯的過大或過小的圖形進行視圖的調(diào)整，以獲得比較適當(dāng)?shù)漠嬅姹壤??！翱s放工具”沒在選項面板中有兩種狀態(tài)：放大狀態(tài)和縮小狀態(tài)。5.手形工具“手形工具”應(yīng)用于許多圖形圖像處理軟件中，其作用就是移動對象在工作區(qū)的顯示位置，即移動的是工作區(qū)的整體，以方便在工作區(qū)中的操作。案例5繪制“繁星滿天”2.529案例概述案例效果案例分析本案例主要應(yīng)用“刷子工具”和“噴涂刷工具”完成“繁星滿天”圖形的制作。裝飾性繪畫工具是FlashCS6中的比較有特色的工具，主要有“噴涂刷工具”和“Deco工具”兩種?！胺毙菨M天”效果圖本案例將通過使用裝飾性繪畫工具中的“噴涂刷工具”（默認(rèn)操作），創(chuàng)建“繁星滿天”的效果。“噴涂刷工具”的作用類似于粒子噴射器，使用它可以一次將形狀圖案“刷”到舞臺上。默認(rèn)情況下，噴涂刷使用當(dāng)前選定的填充顏色噴射粒子點，還可以使用“噴涂刷工具”將“影片剪輯”或“圖形元件”作為圖案應(yīng)用。30相關(guān)知識單擊工具箱中的“噴涂刷工具”按鈕，可以選擇“屬性”面板中的默認(rèn)形狀進行填充，也可以單擊“編輯”按鈕，從庫中選擇已有的元件作為“粒子”進行填充。案例6繪制“樹圖案”2.632案例概述案例效果案例分析本案例使用裝飾性繪畫工具中新增的“Deco工具”繪圖的默認(rèn)形狀，結(jié)合其屬性的基本設(shè)置，繪制“樹圖案”?！皹鋱D案”效果圖應(yīng)用“Deco工具”的“樹刷子”繪制效果可以使用該工具完成圖案裝飾繪畫的效果。33相關(guān)知識FlashCS6中“Deco工具”一共提供了13種繪制效果，包括藤蔓式填充、網(wǎng)格填充、對稱刷子、3D刷子、建筑物刷子、裝飾性刷子、火焰動畫、火焰刷子、花刷子、閃電刷子、粒子系統(tǒng)、煙動畫和樹刷子，通過對繪制效果的設(shè)置，可以將基本圖形形狀轉(zhuǎn)換成復(fù)雜的幾何圖案。1.應(yīng)用“藤蔓式填充”效果利用“藤蔓式填充”效果，可以用藤蔓式圖案填充舞臺、元件或封閉區(qū)域。通過從庫中選擇元件，可以替換默認(rèn)的葉子和花朵的插圖。生成的圖案將包含在影片剪輯中，而影片剪輯本身包含組成圖案的元件。2.應(yīng)用“網(wǎng)格填充”使用“網(wǎng)格填充”效果，可以用庫中的元件填充舞臺、元件或封閉區(qū)域。將網(wǎng)格填充繪制到舞臺后，如果移動填充元件或調(diào)整其大小，則網(wǎng)格填充將隨之移動或調(diào)整大小。使用“網(wǎng)格填充”效果可創(chuàng)建棋盤圖案、平鋪背景或用自定義圖案填充的區(qū)域及形狀。對稱效果的默認(rèn)元件是25×25像素、無筆觸的黑色矩形形狀。34相關(guān)知識3.應(yīng)用“對稱刷子”使用“對稱刷子”，可以圍繞中心點對稱排列元件。在舞臺上繪制元件時，將顯示一組手柄?？梢允褂檬直ㄟ^增加元件數(shù)、添加對稱內(nèi)容或者編輯和修改效果的方式來控制對稱效果。可使用“對稱刷子”來創(chuàng)建圓形用戶界面元素（如模擬鐘面或刻度盤儀表）和旋渦圖案。對稱效果的默認(rèn)元件是25×25像素、無筆觸的黑色矩形形狀。案例7繪制“立體文字”2.736案例概述案例效果案例分析本案例完成的“立體文字”效果?！傲Ⅲw文字特效”效果圖本案例將通過文本工具中的“靜態(tài)文本”完成“立體文字”案例的創(chuàng)建。采用分離、描邊、復(fù)制移位、消除隱藏線、填充漸變色等技巧，使文字呈現(xiàn)明暗不同的側(cè)面，從而制作出立體感很強的立體文字效果。37相關(guān)知識“文本工具”是創(chuàng)建及編輯文本對象的工具。其主要作用是文字的輸入與編輯。在FlashCS6中，當(dāng)選中“文本工具”在工作區(qū)單擊時，文本工具“屬性”面板中的內(nèi)容會即時變成關(guān)于文本操作的選項。文本工具“屬性”面板中，集成了“位置和大小”、“字符”、“段落”、“選項”和“濾鏡”等設(shè)置。不同的文本類型其屬性面板的選項也不同，我們可利用此屬性面板對文本工具進行相關(guān)設(shè)置。38相關(guān)知識1.創(chuàng)建靜態(tài)文本字段創(chuàng)建靜態(tài)文本時，可以將文本放在單獨的一行中，該行會隨著您的鍵入而擴展，也可以將文本放在定寬字段（適用于水平文本）或定高字段（適用于垂直文本）中，這些字段會自動擴展和折行。可創(chuàng)建水平文本（從左到右）或靜態(tài)垂直文本（從右到左流向或從左到右流向）。Flash在文本字段的一角顯示一個手柄，用以標(biāo)識該文本字段的類型：①對于擴展的靜態(tài)水平文本，會在該文本字段的右上角出現(xiàn)一個圓形手柄。如右圖所示。②對于具有固定寬度的靜態(tài)水平文本，會在該文本字段的右上角出現(xiàn)一個方形手柄。如右圖所示。39相關(guān)知識③對于文本流向為從右到左或從左到右并且擴展的靜態(tài)垂直文本，會在該文本字段的左下角或右下角出現(xiàn)一個圓形手柄。如右圖所示。④對于文本流向為從右到左或從左到右并且高度固定的靜態(tài)垂直文本，會在該文本字段的左下角或右下角出現(xiàn)一個方形手柄。如右圖所示。40相關(guān)知識2.創(chuàng)建動態(tài)文本或輸入文本字段動態(tài)文本字段顯示動態(tài)更新的文本，如股票報價或天氣預(yù)報。在創(chuàng)建動態(tài)文本或輸入文本時，可以將文本放在單獨一行，也可以創(chuàng)建定寬和定高文本字段。①對于擴展的動態(tài)或輸入文本字段，會在該文本字段的右下角出現(xiàn)一個圓形手柄。②對于具有固定的高度和寬度的動態(tài)或輸入文本，會在該文本字段的右下角出現(xiàn)一個方形手柄。③對于動態(tài)可滾動文本字段，圓形或方形手柄會變成實心黑塊而不是空心手柄。41相關(guān)知識3.關(guān)于文本的屬性可以設(shè)置文本的字體和段落屬性。字體屬性包括字體系列、磅值、樣式、顏色、字母間距、自動字距微調(diào)和字符位置。段落屬性包括對齊、邊距、縮進和行距。

4.Flash文本消除鋸齒使用消除鋸齒功能可以使屏幕文本的邊緣變得平滑。消除鋸齒選項對于呈現(xiàn)較小的字體尤其有效。啟用消除鋸齒功能會影響到當(dāng)前所選內(nèi)容中的全部文本。對于各種磅值大小的文本，消除鋸齒功能以相同的方式工作。42相關(guān)知識5.應(yīng)用“動態(tài)文本”屬性，創(chuàng)建“滾動文本”“滾動文本”主要應(yīng)用了“文本工具”、文本工具“屬性”面板，創(chuàng)建一個顯示動態(tài)更新的文本字段。“滾動文本”的效果如下圖所示。43相關(guān)知識6.應(yīng)用“輸入文本”屬性，實現(xiàn)“動態(tài)交互”輸入文本與動態(tài)文本框相似，輸入文本可以接受用戶輸入的信息，可以將文本輸入到表單或調(diào)查表中，以便與用戶進行動態(tài)交互。效果如下圖所示。44本章小結(jié)本章通過繪制“五星紅旗”案例、繪制“奧運五環(huán)”案例、繪制“小鳥”案例、繪制“精致的彩繪花瓶”案例、繪制“繁星滿天”案例、繪制“樹