1、1,Flash動(dòng)畫設(shè)計(jì)與制作繪制圖形和繪圖環(huán)境,合肥工業(yè)大學(xué)計(jì)算機(jī)與信息學(xué)院 石 雷,2,繪制圖形和繪圖環(huán)境,繪圖基礎(chǔ) 基本繪圖工具 顏色工具 選取圖形工具 任意變形工具 其他組,3,繪制圖形和繪圖環(huán)境,繪圖基礎(chǔ) 基本繪圖工具 顏色工具 選取圖形工具 任意變形工具 其他組,4,繪制圖形和繪圖環(huán)境繪圖基礎(chǔ),利用Flash提供的工具箱可以方便地繪制出需要的各種圖形，熟練掌握其中每一個(gè)工具的使用方法，是制作一個(gè)Flash動(dòng)畫的基礎(chǔ)。 Flash工具箱中包括18種繪圖工具。通過(guò)本章學(xué)習(xí)，熟練掌握各種工具的使用方法，理解Flash繪圖原理，掌握Flash中對(duì)象的各種操作。,5,繪制圖形和繪圖環(huán)境繪圖基礎(chǔ)

2、,初識(shí)Flash工具箱 Flash工具箱由四大部分組成，分別為工具組、查看組、顏色組與選項(xiàng)組，在第一章中已經(jīng)做了初步的介紹，本章將針對(duì)各部分的各種工具進(jìn)行更為細(xì)致的介紹，下面將簡(jiǎn)單介紹工具箱中各工具的名稱及功能。,6,繪制圖形和繪圖環(huán)境,繪圖基礎(chǔ) 基本繪圖工具 顏色工具 選取圖形工具 任意變形工具 其他組,7,繪制圖形和繪圖環(huán)境基本繪圖工具,直線、橢圓、多角形工具：繪制基本的幾何形狀。 鉛筆工具：可繪制任意的線條和形狀。 刷子工具：為繪制的圖形上色，具有填充色屬性，可以設(shè)置筆刷樣式與大小。 鋼筆工具：利用錨點(diǎn)繪制或修改精確的路徑，如直線或曲線。 部分選取工具：常用于顯示線條和形狀輪廓上的點(diǎn)并通

3、過(guò)調(diào)整這些點(diǎn)來(lái)修改線條和輪廓。 橡皮擦工具：擦除可刪除的筆觸和填充。,8,繪制圖形和繪圖環(huán)境基本繪圖工具,關(guān)于屬性框 Flash中的繪圖工具的應(yīng)用具有一定的共性，不同的工具可以繪制出不同的圖形，但繪制的方法基本相同。 另外，繪制的圖形在屬性設(shè)置方面也具有一定的共性，圖形屬性包括筆觸顏色、筆觸樣式、筆觸高度與填充顏色等方面的設(shè)置，除了可以在工具箱中的顏色組里進(jìn)行顏色方面的設(shè)置，還可以通過(guò)屬性面板進(jìn)行其他方面的設(shè)置。 下面以多角星形工具為例，講述繪制圖形所具有的共同屬性，多角星形工具屬性面版如下圖所示。,9,繪制圖形和繪圖環(huán)境基本繪圖工具,當(dāng)前工具：顯示當(dāng)前選擇的工具名稱。 填充色：顯示當(dāng)前圖形填

4、充色。 筆觸顏色：顯示當(dāng)前筆觸顏色。 筆觸高度：設(shè)置當(dāng)前線條的粗細(xì)，可以隨意輸入一個(gè)在0.1到10之間的數(shù)字。 筆觸樣式：設(shè)置當(dāng)前筆觸樣式。 自定義筆觸樣式：自行設(shè)置筆觸樣式。 工具設(shè)置選項(xiàng)：這個(gè)選項(xiàng)為多角星形工具獨(dú)有的，在介紹多角星形工具的應(yīng)用時(shí)會(huì)作詳細(xì)介紹。,10,繪制圖形和繪圖環(huán)境基本繪圖工具,直線工具 直線工具用于繪制各種直線或斜線，選擇直線工具后，光標(biāo)在工作區(qū)中呈現(xiàn)十字狀態(tài)，在屬性面板中進(jìn)行各種設(shè)置，得到不同效果的線條，如下圖所示。 選取直線工具后，選項(xiàng)組里顯示對(duì)齊對(duì)象按鈕，利用它可以使繪制的直線自動(dòng)連接在一起，從而繪制出各種多邊形效果。,11,繪制圖形和繪圖環(huán)境基本繪圖工具,橢圓工

5、具 橢圓工具可以繪制出橢圓或圓形，繪制圓形時(shí)需要同時(shí)按住Shift鍵。 在屬性面板中對(duì)繪制的圖形進(jìn)行筆觸顏色、筆觸高度、填充顏色與筆觸樣式的設(shè)置，得到各種圓形，如下圖所示。,12,繪制圖形和繪圖環(huán)境基本繪圖工具,矩形工具 矩形工具用于繪制各種矩形或正方形。繪制矩形時(shí)按住Shift鍵可以得到正方形。通過(guò)屬性面板中筆觸顏色、筆觸高度、填充顏色與筆觸樣式的設(shè)置，繪制出如下圖所示的各種矩形。 除了擁有一般圖形的共性以外，矩形也具有自己的特性，利用矩形工具還可以繪制圓角矩形。,13,繪制圖形和繪圖環(huán)境基本繪圖工具,多角星形工具 多角星形工具用于繪制多邊形或星形，多角星形工具隱藏在工具箱之中，默認(rèn)情況下為

6、五邊形。 繪制過(guò)程中同時(shí)按住Shift鍵，還可以控制圖形的旋轉(zhuǎn)角度，繪制的各種圖形如下圖所示。 單擊屬性面板中的“選項(xiàng)”按鈕，彈出“工具設(shè)置”對(duì)話框，如下圖所示。,14,繪制圖形和繪圖環(huán)境基本繪圖工具,多角星形工具 樣式:單擊“樣式”后面的文本框，在彈出的下拉列表中共有2種樣式可供選擇，分別為多邊形與星形，默認(rèn)情況下為多邊形。選擇星形樣式，在工作區(qū)中繪制圖形，得到如下圖所示的效果。,15,繪制圖形和繪圖環(huán)境基本繪圖工具,鉛筆工具 鉛筆工具可以繪制出任意曲線,繪制曲線的同時(shí)按住Shift鍵，可以繪制出水平或垂直的直線。 選取鉛筆工具后，選項(xiàng)組中提供了3種鉛筆模式，分別為伸直、平滑和墨水。 選擇模

7、式的不同，繪制出的線條也大不相同，下圖所示的線條從左到右依次為伸直、平滑和墨水模式的鉛筆繪制矩形得到的效果。,16,繪制圖形和繪圖環(huán)境基本繪圖工具,刷子工具 刷子工具用于為繪制的圖形上填充色或直接繪制各種圖形，模擬毛筆的效果。 刷子工具選項(xiàng)組如下圖所示，其中包括刷子大小、刷子形狀、筆刷模式與鎖定填充的設(shè)置。 刷子大小:用于設(shè)置刷子大小。 刷子形狀 :用于設(shè)置刷子形狀。 筆刷模式：設(shè)置填充顏色時(shí)的方式，共提供了5種模式，如下圖所示。,17,繪制圖形和繪圖環(huán)境基本繪圖工具,刷子工具 圖1所示為一個(gè)圓角矩形，其中有一個(gè)爪子圖案，選取選擇工具，單擊爪子中的圓形，即可將它選中。圖2為設(shè)置各種模式后，刷子

8、工具的繪制效果。,18,繪制圖形和繪圖環(huán)境基本繪圖工具,鋼筆工具和部分選取工具 鋼筆工具用于為繪制較為細(xì)致的圖形，這些圖形是由錨點(diǎn)與線構(gòu)成的。部分選取工具可以幫助調(diào)整線條的弧度與錨點(diǎn)的位置等，兩種工具通常結(jié)合在一起使用，繪制出流暢細(xì)致的線條。 繪制直線：?jiǎn)螕舸_定起點(diǎn)，再次單擊，確定另一個(gè)點(diǎn)，與起點(diǎn)連成一條直線，按Esc鍵結(jié)束繪圖。 繪制規(guī)則的曲線：?jiǎn)螕舸_定起點(diǎn)，再次單擊并進(jìn)行拖拽，通過(guò)鼠標(biāo)的移動(dòng)調(diào)整線條的弧度，同樣按Esc鍵結(jié)束繪圖。 曲線銳化：?jiǎn)螕衾L制好的曲線，顯示曲線的錨點(diǎn)。單擊錨點(diǎn)，可以將曲線的弧度銳化，變成兩條直線。 添加與刪除錨點(diǎn)：添加錨點(diǎn)的操作只能在曲線中進(jìn)行，當(dāng)鼠標(biāo)靠近錨點(diǎn)之間的

9、曲線時(shí)單擊即可為圖形添加錨點(diǎn)；刪除錨點(diǎn)的操作只能在直線中進(jìn)行，當(dāng)鼠標(biāo)靠近直線之間的錨點(diǎn)時(shí)，單擊即可為圖形刪除錨點(diǎn)。 移動(dòng)錨點(diǎn)：利用部分選取工具單擊線條，顯示線條的錨點(diǎn)，當(dāng)光標(biāo)靠近線條時(shí)，單擊并拖拽，可以改變圖形在工作區(qū)的位置；當(dāng)光標(biāo)靠近錨點(diǎn)時(shí)，單擊并拖拽，可以改變錨點(diǎn)的位置。 調(diào)整繪制的曲線：利用部分選取工具單擊線條，顯示線條的錨點(diǎn)，接著單擊錨點(diǎn)，即可顯示線條的另一構(gòu)成要素切線手柄。單擊并拖拽切線手柄，可以改變線條形態(tài)。,19,繪制圖形和繪圖環(huán)境基本繪圖工具,橡皮擦工具 橡皮擦工具用于擦除線條和填充色。橡皮擦工具選項(xiàng)組如圖1所示，其中包括橡皮模式、水龍頭與橡皮形狀的設(shè)置。 1.橡皮模式：用于指

10、定擦除區(qū)域,共提供了5種擦除模式，如圖2所示。以圖3所示的圖形為基礎(chǔ)，依次使用以下模式擦除圖形，得到下圖從左到右所示的效果。 2.水龍頭：用于一次性擦除聯(lián)系在一起的一致的填充顏色和線條。 3.橡皮形狀：用于設(shè)置橡皮的形狀與大小。,圖2,圖3,20,繪制圖形和繪圖環(huán)境,繪圖基礎(chǔ) 基本繪圖工具 顏色工具 選取圖形工具 任意變形工具 其他組,21,繪制圖形和繪圖環(huán)境顏色工具,顏料桶工具：可以用顏色填充封閉的區(qū)域。 墨水瓶工具：更改線條或者形狀輪廓的筆觸顏色、寬度和樣式 。 填充變形工具： 可實(shí)現(xiàn)漸變或位圖填充。 滴管工具：可以從一個(gè)對(duì)象拷貝填充和筆觸屬性，然后立即將它們應(yīng)用到其它對(duì)象。,22,繪制圖

11、形和繪圖環(huán)境顏色工具,顏料桶工具 顏料桶工具用于為圖形填充顏色，其中包括空隙大小與鎖定填充的設(shè)置。 空隙大小是指設(shè)置填充色的對(duì)象是否為封閉路徑，如果不是封閉路徑，允許空隙的大小為多少，默認(rèn)情況下空隙大小設(shè)置為沒(méi)有空隙，也就是不封閉空隙。 鎖定填充命令只有在填充色為漸變色時(shí)才能起作用。,23,繪制圖形和繪圖環(huán)境顏色工具,墨水瓶工具 墨水瓶工具用于為填充色描邊，其中包括筆觸顏色、筆觸高度與筆觸樣式的設(shè)置。 為填充色描邊 在屬性面板中設(shè)置筆觸顏色為黑色、筆觸高度為4、筆觸樣式為實(shí)線，在場(chǎng)景中光標(biāo)變成墨水瓶的樣子，如左圖所示，在希望描邊的填充色上方單擊，即可為填充色描邊，為所有填充色描邊，得到如右圖所

12、示的效果。,24,繪制圖形和繪圖環(huán)境顏色工具,墨水瓶工具 改變筆觸樣式、顏色 在屬性面板中重新設(shè)置筆觸顏色、筆觸高度和筆觸樣式，在包含邊框的填充色上方單擊，即可改變當(dāng)前筆觸樣式。 為文字描邊 在屬性面板中設(shè)置筆觸顏色、筆觸高度和筆觸樣式，在打散的文字上方單擊，即可為文字描邊，描邊的文字如下圖所示，打散文字的方法與具體應(yīng)用將在第3章中詳細(xì)講解。,25,繪制圖形和繪圖環(huán)境顏色工具,填充變形工具 填充變形工具用于調(diào)整漸變填充色，還可以用于調(diào)整填充位圖。 混色器面板的應(yīng)用 在介紹填充變形工具之前，有必要對(duì)如何設(shè)置漸變填充做詳細(xì)的介紹，F(xiàn)lash在填充色面板中提供了默認(rèn)的幾種漸變顏色，通過(guò)選擇即可得到漸

13、變填充效果，但這些效果非常有限，不足以滿足繪圖的需要，通過(guò)混色器面板可以方便的設(shè)置各種填充顏色與漸變色，制作出需要的填充色。 填充變形工具的應(yīng)用 利用填充變形工具可以調(diào)節(jié)漸變顏色的中心點(diǎn)、范圍、樣式以及角度。因?yàn)樘畛涞臐u變樣式分為線性漸變與放射狀漸變兩種，所以在使用填充變形工具時(shí)，也會(huì)有兩種相應(yīng)的形式。,26,繪制圖形和繪圖環(huán)境顏色工具,填充變形工具 選取填充變形工具后單擊圖形中的漸變填充色，出現(xiàn)相應(yīng)的編輯點(diǎn)，如下圖所示，其中，圖1所示為應(yīng)用于線性漸變，圖2所示為應(yīng)用于放射狀漸變。 中心點(diǎn)直線：用于調(diào)節(jié)漸變顏色的中心點(diǎn)。當(dāng)光標(biāo)靠近中心編輯點(diǎn)時(shí)，變成圖3所示的樣子，單擊并拖拽鼠標(biāo)即可改變漸變顏色

14、的中心點(diǎn)，如圖4所示，兩種漸變形式的原理相同。 樣式：用于調(diào)節(jié)漸變顏色區(qū)域的形狀。 范圍：用于調(diào)節(jié)漸變顏色的漸變范圍，這是調(diào)節(jié)放射狀漸變填充時(shí)獨(dú)有的。 角度：用于調(diào)整漸變顏色的旋轉(zhuǎn)角度。,27,繪制圖形和繪圖環(huán)境顏色工具,滴管工具 滴管工具用于提取與繪制圖形中的線條或填充色具有相同屬性的圖形以及位圖中的各種RGB顏色，不但可以用來(lái)確定漸變填充色，更可將位圖轉(zhuǎn)換為填充色。 提取線條屬性：選取滴管工具，當(dāng)光標(biāo)靠近線條時(shí)單擊，即可獲得所選線條的屬性，此時(shí)光標(biāo)變成墨水瓶的樣子，如果單擊另一個(gè)線條，即可改變這個(gè)線條的屬性。 提取填充色屬性：選取滴管工具，當(dāng)光標(biāo)靠近填充色時(shí)單擊，即可獲得所選填充色的屬性，

15、此時(shí)光標(biāo)變成墨水瓶的樣子，如果單擊另一個(gè)填充色，即可改變這個(gè)填充色的屬性。 提取漸變填充色屬性：選取滴管工具，在漸變填充色上方單擊，提取漸變填充色，此時(shí)在另一個(gè)區(qū)域中單擊即可應(yīng)用提取的漸變填充色。如果發(fā)現(xiàn)圖形好像只被一種顏色填充了一樣，只是因?yàn)殒i定填充選項(xiàng)被自動(dòng)激活，所以漸變填充色會(huì)延續(xù)上一個(gè)填充色的效果，此時(shí)單擊工具箱選項(xiàng)組中的鎖定填充按鈕，取消鎖定，再次填充漸變色即可。 位圖轉(zhuǎn)換為填充色：滴管工具不但可以吸取位圖中的某個(gè)顏色，而且可以將整幅圖片作為元素，填充到圖形中，用位圖填充圖形的方法有兩種，即可以利用混色器面板，又可以利用滴管工具，但效果有所不同。 利用填充變形工具調(diào)整填充位圖：通過(guò)填

16、充變形工具可以調(diào)整填充位圖的尺寸、位置、傾斜角度以及旋轉(zhuǎn)角度。,28,繪制圖形和繪圖環(huán)境,繪圖基礎(chǔ) 基本繪圖工具 顏色工具 選取圖形工具 任意變形工具 其他組,29,繪制圖形和繪圖環(huán)境選取工具,選取工具：用于選擇圖形的工具。 套索工具：通過(guò)勾畫不規(guī)則或直邊選擇區(qū)域的方法選擇對(duì)象。,30,繪制圖形和繪圖環(huán)境選取工具,選擇工具 選擇工具可以單獨(dú)或全部選中圖形中的線條與填充色，除了具備最基本的選擇功能以外，選擇工具還可用于復(fù)制對(duì)象與修改對(duì)象形狀 。 選擇對(duì)象：利用選擇工具可以選擇線條、選擇填充色、選擇整個(gè)對(duì)象以及選擇部分對(duì)象。 編輯對(duì)象：利用選擇工具可以移動(dòng)對(duì)象和復(fù)制對(duì)象。 修改對(duì)象形狀：利用選擇工

17、具修改對(duì)象的線條形狀可以通過(guò)兩種方式，一種為通過(guò)選項(xiàng)組來(lái)設(shè)置線條的平滑度與伸直度，另一種為直接用選擇工具來(lái)修改線條的形狀。修改線條的拐角位置即可改變圖形的形狀，修改線條部分可以改變線條的弧度。,31,繪制圖形和繪圖環(huán)境選取工具,套索工具 套索工具用于選取任意范圍中的線條與填充色。選項(xiàng)組如下圖所示。 套索工具的應(yīng)用：選取套索工具，在工作區(qū)中單擊并拖拽即可選擇需要的區(qū)域。 多邊形模式：以直線的方式繪制選區(qū)。 魔術(shù)棒屬性：設(shè)置相近顏色值的范圍。 魔術(shù)棒：根據(jù)魔術(shù)棒屬性的設(shè)置，選擇位圖中相近的顏色。,32,繪制圖形和繪圖環(huán)境,繪圖基礎(chǔ) 基本繪圖工具 顏色工具 選取圖形工具 任意變形工具 其他組,33,

18、繪制圖形和繪圖環(huán)境任意變形工具,任意變形工具：可以對(duì)對(duì)象、組、實(shí)例或文本塊任意進(jìn)行變形?？梢詥蝹€(gè)地執(zhí)行變形操作，也可以將幾個(gè)變形操作，如移動(dòng)、旋轉(zhuǎn)、縮放、傾斜和扭曲，組合到一起執(zhí)行。,34,繪制圖形和繪圖環(huán)境任意變形工具,旋轉(zhuǎn)和傾斜 旋轉(zhuǎn)：用于改變圖形角度。當(dāng)光標(biāo)移動(dòng)到圖形邊角的錨點(diǎn)外側(cè)時(shí)，變成如左圖所示的樣子，單擊并拖拽鼠標(biāo)，可以看到旋轉(zhuǎn)的圖形輪廓線，如中間圖所示，輪廓線的位置就是釋放鼠標(biāo)后圖形所在的位置，如圖所示。 傾斜：用于改變圖形形狀。當(dāng)光標(biāo)移動(dòng)到圖形錨點(diǎn)之間的直線時(shí)，變成如左圖所示的樣子，單擊并拖拽鼠標(biāo)，可以看到傾斜的圖形輪廓線，如中間圖所示，輪廓線的形狀就是釋放鼠標(biāo)后圖形的形狀，如

19、圖所示。,35,繪制圖形和繪圖環(huán)境任意變形工具,縮放圖形 縮放圖形就是改變圖形的縱橫比，達(dá)到改變圖形大小的目的，分為任意縮放與等比例縮放兩種。 任意縮放圖形：用于改變圖形的縱橫比。將光標(biāo)移動(dòng)到圖形的邊角處，變成如左圖所示的樣子，單擊并拖拽鼠標(biāo)，可以看到縮放的圖形輪廓線，如中間圖所示，輪廓線的位置就是釋放鼠標(biāo)后圖形所在的位置，如右圖所示。 等比例縮放圖形：用于等比例改變圖形的縱橫比。使用時(shí)按住Shift鍵的同時(shí)單擊并拖拽鼠標(biāo)即可。 以中心點(diǎn)為中心縮放圖形：按住Alt鍵的同時(shí)單擊并拖拽鼠標(biāo)，即可以中心點(diǎn)為中心調(diào)整圖形縱橫比。 以中心點(diǎn)為中心等比例縮放圖形：按住Shift+Alt鍵的同時(shí)單擊并拖拽鼠

20、標(biāo)，即可以中心點(diǎn)為中心等比例縮放圖形。,36,繪制圖形和繪圖環(huán)境任意變形工具,扭曲圖形 扭曲圖形就是改變圖形的透視關(guān)系，根據(jù)選擇錨點(diǎn)的不同，效果也不同，配合功能鍵的應(yīng)用，達(dá)到以下不同的效果。 選擇邊角中的錨點(diǎn)：用任意變形工具選定對(duì)象以后，將光標(biāo)移動(dòng)到圖形的邊角處，按下Ctrl鍵的同時(shí)單擊并拖拽，可以看到扭曲的圖形輪廓線，調(diào)整輪廓線的形狀就是釋放鼠標(biāo)后圖形的形狀。 選擇中間的錨點(diǎn)：用任意變形工具選定對(duì)象以后，將光標(biāo)移動(dòng)到中間的錨點(diǎn)，按下Ctrl鍵的同時(shí)單擊并拖拽鼠標(biāo)，可以看到扭曲的圖形輪廓線，調(diào)整輪廓線的形狀就是釋放鼠標(biāo)后圖形的形狀，一并達(dá)到縮放與傾斜的效果。 對(duì)稱扭曲效果：選擇邊角中的錨點(diǎn)，按下Ctrl+Shift鍵的同時(shí)單擊并拖拽鼠標(biāo)，可以看到扭曲的圖形輪廓線，調(diào)整輪廓線的形狀就是釋放鼠標(biāo)后圖形的形狀。,37,繪制圖形和繪圖環(huán)境任意變形工具,封套圖形 封套圖形可以通過(guò)錨點(diǎn)與錨點(diǎn)兩邊的切線手柄扭曲對(duì)象，用任意變形工具選定對(duì)象以后，單擊選項(xiàng)組中的