積分FlashCS5動(dòng)畫制作基礎(chǔ)第2章繪制圖形課件

1、第第2 2章章 繪制圖形繪制圖形 繪制規(guī)則圖形 繪制不規(guī)則圖形 特殊繪圖工具 其他輔助繪圖工具 本章主要內(nèi)容：2.1.1 矩形工具和基本矩形工具 2.1.2 橢圓工具和基本橢圓工具 2.1. 3 多角星形工具 2.1. 4 實(shí)戰(zhàn)范例田園農(nóng)舍 2.1 繪制規(guī)則圖形 矩形工具和基本矩形工具主要用來繪制矩形、正方形和圓角矩矩形工具和基本矩形工具主要用來繪制矩形、正方形和圓角矩形，在完成圖形的繪制后，使用形，在完成圖形的繪制后，使用【屬性屬性】面板對繪制的圖形進(jìn)行設(shè)面板對繪制的圖形進(jìn)行設(shè)置。置。1【矩形工具矩形工具】和和【基本矩形工具基本矩形工具】簡介簡介在工具箱中選擇在工具箱中選擇【矩形工具矩形工具

2、】，將鼠標(biāo)光標(biāo)移動(dòng)到舞臺(tái)上，將鼠標(biāo)光標(biāo)移動(dòng)到舞臺(tái)上，當(dāng)光標(biāo)變?yōu)槭中螘r(shí)，拖動(dòng)鼠標(biāo)即可根據(jù)當(dāng)光標(biāo)變?yōu)槭中螘r(shí)，拖動(dòng)鼠標(biāo)即可根據(jù)【屬性屬性】面板的設(shè)面板的設(shè)置繪制出需要的矩形。置繪制出需要的矩形。 2.1.1 矩形工具和基本矩形工具 2設(shè)置圖形的位置和大小設(shè)置圖形的位置和大小 在完成圖形的繪制后，可以使用【屬性】面板對圖形的屬性進(jìn)行設(shè)置。在工具箱中選擇【選擇工具】框選繪制的圖形，在【屬性】面板的【位置和大小】欄中設(shè)置圖形的位置以及圖形的寬高。2.1.12.1.1 矩形工具和基本矩形工具 3填充和筆觸填充和筆觸 Flash中的每個(gè)圖形都開始于一種形狀，形狀是由2個(gè)部分組成，填充和筆觸。填充是形狀里面

3、的部分，筆觸就是形狀的輪廓線。填充和筆觸是互相獨(dú)立的，可以修改或刪除一個(gè)而不影響另一個(gè)部分。2.1.1 矩形工具和基本矩形工具 【橢圓工具橢圓工具】和和【基本橢圓工具基本橢圓工具】可以用來繪制橢圓形、圓可以用來繪制橢圓形、圓形和圓環(huán)，其中形和圓環(huán)，其中【橢圓工具橢圓工具】還可以用來繪制任意圓弧。這還可以用來繪制任意圓弧。這2 2個(gè)工個(gè)工具繪制圖形的操作與具繪制圖形的操作與【矩形工具矩形工具】和和【基本矩形工具基本矩形工具】基本相同?；鞠嗤?.1.2 2.1.2 橢圓工具和基本橢圓工具橢圓工具和基本橢圓工具1 1橢圓工具橢圓工具 在工具箱中選擇【橢圓工具】，在【屬性】欄中對工具屬性進(jìn)行設(shè)置后

4、，在舞臺(tái)上拖動(dòng)鼠標(biāo)即可繪制出需要的圖形。2 2基本橢圓工具基本橢圓工具2.1.2 2.1.2 橢圓工具和基本橢圓工具橢圓工具和基本橢圓工具 在工具箱中選擇【基本橢圓工具】，在【屬性】欄中根據(jù)需要設(shè)置圖形屬性，在舞臺(tái)上拖動(dòng)鼠標(biāo)即可繪制需要的圖形。2 2基本橢圓工具基本橢圓工具2.1.2 2.1.2 橢圓工具和基本橢圓工具橢圓工具和基本橢圓工具 在【屬性】面板的【橢圓選項(xiàng)】欄中設(shè)置【開始角度】和【結(jié)束角度】的值可以獲得扇形。 在【屬性】面板的【橢圓選項(xiàng)】欄中設(shè)置【內(nèi)徑】值可以獲得環(huán)形。2 2基本橢圓工具基本橢圓工具2.1.2 2.1.2 橢圓工具和基本橢圓工具橢圓工具和基本橢圓工具 在【屬性】面板

5、的【橢圓選項(xiàng)】欄中取消【閉合路徑】復(fù)選框的勾選，則圖形將不再封閉，此時(shí)可以獲得弧形 在工具箱中選擇【選擇工具】 ，拖動(dòng)圖形上的控制柄，可以對圖形的形狀進(jìn)行修改。，拖動(dòng)圖形上的控制柄，可以對圖形的形狀進(jìn)行修改。 2.1.3 多角星形工具多角星形工具 使用使用【多角星形工具多角星形工具】繪制圖形的方式與前面介紹的兩類繪制圖形的方式與前面介紹的兩類工具的繪圖方式是相同的，其可以用來繪制星形圖案和多邊形工具的繪圖方式是相同的，其可以用來繪制星形圖案和多邊形，如五角星或五邊形等。，如五角星或五邊形等。 在工具箱中選擇在工具箱中選擇【多角星形工具多角星形工具】，在，在【屬性屬性】面板中對面板中對圖形進(jìn)行設(shè)

6、置，在舞臺(tái)上拖動(dòng)鼠標(biāo)即可繪制需要的圖形。圖形進(jìn)行設(shè)置，在舞臺(tái)上拖動(dòng)鼠標(biāo)即可繪制需要的圖形。2.1.3 多角星形工具多角星形工具 在在【屬性屬性】面板中的面板中的【工具設(shè)置工具設(shè)置】欄中單擊欄中單擊【選項(xiàng)選項(xiàng)】按鈕將按鈕將打開打開【工具設(shè)置工具設(shè)置】對話框，使用該對話框可以對對話框，使用該對話框可以對【多角星形工多角星形工具具】進(jìn)行設(shè)置。進(jìn)行設(shè)置。2.1.4 實(shí)戰(zhàn)范例實(shí)戰(zhàn)范例田園農(nóng)舍田園農(nóng)舍1范例簡介范例簡介 本范例介紹繪制一幅炊煙升起的田園農(nóng)舍剪影畫的過程。在范例的制作過程中，使用【橢圓工具】、【矩形工具】和【多角星形工具】等工具來繪制圖形，通過【屬性】面板對圖形的大小和位置等屬性進(jìn)行設(shè)置。同

7、時(shí)，通過范例的制作讀者還將能夠掌握圖形的移動(dòng)和復(fù)制的操作方法。2制作步驟制作步驟 略。請參看教材或者觀看配盤上的視頻教程。2.2 繪制不規(guī)則圖形繪制不規(guī)則圖形 在使用Flash制作動(dòng)畫時(shí)，經(jīng)常需要繪制不規(guī)則圖形。在Flash CS5中，繪制不規(guī)則圖形可以使用【線條工具】、【鉛筆工具】和【鋼筆工具】。2.2.1 2.2.1 線條工具線條工具 2.2.2 鉛筆工具鉛筆工具2.2.3 鋼筆工具鋼筆工具 2.2.4 實(shí)戰(zhàn)范例實(shí)戰(zhàn)范例卡通獅子卡通獅子2.2.1 線條工具線條工具 線條是構(gòu)成矢量圖形的基本要素，在線條是構(gòu)成矢量圖形的基本要素，在Flash CS5中，可以使中，可以使用用【線條工具線條工具】

8、來繪制各種長度和角度的直線。同時(shí)，將繪制來繪制各種長度和角度的直線。同時(shí)，將繪制的多條直線連接，可以構(gòu)成各種多邊形。的多條直線連接，可以構(gòu)成各種多邊形。1繪制線條繪制線條2設(shè)置筆觸樣式設(shè)置筆觸樣式3線條的端點(diǎn)線條的端點(diǎn)4線條的接合線條的接合5選項(xiàng)欄工具選項(xiàng)欄工具2.2.2 鉛筆工具鉛筆工具 在Flash中，可以使用【鉛筆工具】來繪制不規(guī)則的曲線和直線?！俱U筆工具】的使用方法很簡單，在工具箱中選擇【鉛筆工具】 ，在【屬性】面板中對工具進(jìn)行設(shè)置。這里，【屬性】面板的設(shè)置與【線條工具】的設(shè)置基本一致。在完成繪制后，同樣可以在【屬性】面板中對筆觸的顏色、高度、樣式和端點(diǎn)等進(jìn)行調(diào)整。 三種鉛筆模式：1伸

9、直伸直2平滑平滑3墨水墨水2.2.3 鋼筆工具鋼筆工具 在Flash中，【鋼筆工具】可以精確地繪制出平滑精致的直線和曲線。對于繪制完成的曲線，通過對錨點(diǎn)的操作可以方便地調(diào)整曲線的形狀。1繪制直線和曲線繪制直線和曲線2添加和刪除錨點(diǎn)添加和刪除錨點(diǎn)3轉(zhuǎn)換錨點(diǎn)轉(zhuǎn)換錨點(diǎn)1范例簡介范例簡介 本范例介紹卡通獅子線稿的繪制方法。在范例在制作過程中，本范例介紹卡通獅子線稿的繪制方法。在范例在制作過程中，使用使用【鋼筆工具鋼筆工具】、【線條工具線條工具】和和【鉛筆工具鉛筆工具】來勾繪圖形輪來勾繪圖形輪廓，使用廓，使用【轉(zhuǎn)換錨點(diǎn)工具轉(zhuǎn)換錨點(diǎn)工具】轉(zhuǎn)換錨點(diǎn)類型，并調(diào)整弧線的形狀。轉(zhuǎn)換錨點(diǎn)類型，并調(diào)整弧線的形狀。通過

10、本范例的制作，讀者將能夠掌握在通過本范例的制作，讀者將能夠掌握在Flash中使用各種工具繪制中使用各種工具繪制復(fù)雜形狀圖形的方法和技巧。復(fù)雜形狀圖形的方法和技巧。2.2.4 實(shí)戰(zhàn)范例實(shí)戰(zhàn)范例卡通獅子卡通獅子2制作步驟制作步驟 略。請參看教材或者觀看配盤上的視頻教程。2.3 特殊繪圖工具特殊繪圖工具 在Flash CS5中除了繪制圖形和線條的工具之外，還有一些特殊的繪圖工具，如【刷子工具】、【噴涂刷工具】和【Deco工具】，使用這些工具能夠完成一些特殊效果的繪制 2.3.2 噴涂刷工具噴涂刷工具2.3.3 Deco工具工具2.3.1 刷子工具刷子工具2.3.4 實(shí)戰(zhàn)范例實(shí)戰(zhàn)范例月夜月夜2.3.1

11、 刷子工具刷子工具 在Flash CS5中，【刷子工具】可以繪制任意形狀的色塊，同時(shí)使用該工具還可以創(chuàng)建一些特殊的圖形效果。 在工具箱中選擇【刷子工具】，在【屬性】面板中對工具的屬性進(jìn)行設(shè)置，這里除了可以設(shè)置筆觸、填充以及端點(diǎn)和接合方式之外，還可以對繪制線條的平滑度進(jìn)行設(shè)置，完成設(shè)置后在舞臺(tái)上拖曳鼠標(biāo)即可繪制出需要的圖形。刷子模式：1標(biāo)準(zhǔn)繪畫模式標(biāo)準(zhǔn)繪畫模式2顏料填充模式顏料填充模式3后面繪畫模式后面繪畫模式4顏料選擇模式顏料選擇模式5內(nèi)部繪畫模式內(nèi)部繪畫模式2.3.2 噴涂刷工具噴涂刷工具 【噴涂刷工具】類似于一個(gè)粒子噴射器，使用它可以將圖案噴涂在舞臺(tái)上。在默認(rèn)情況下，工具將使用當(dāng)前選定的填

12、充顏色來噴射粒子點(diǎn)。同時(shí)，該工具也可以將按鈕元件、影片剪輯和圖形元件作為筆刷效果來進(jìn)行噴涂 2.3.3 Deco工具工具 【Deco工具】是一個(gè)裝飾性繪畫工具，用于創(chuàng)建復(fù)雜幾何圖案或高級(jí)動(dòng)畫效果。工具提供了【藤蔓式填充】、【網(wǎng)格填充】和【對稱刷子】等多種模式，并內(nèi)置了默認(rèn)的圖案外供用戶選擇使用。同時(shí)，用戶也可以使用圖形形狀或?qū)ο髞韯?chuàng)建更為復(fù)雜的圖案，并輕松獲得動(dòng)畫效果。4個(gè)典型的效果：1藤蔓式填充方式藤蔓式填充方式2網(wǎng)格填充方式網(wǎng)格填充方式3對稱刷子對稱刷子4火焰動(dòng)畫效果火焰動(dòng)畫效果2.3.4 實(shí)戰(zhàn)范例實(shí)戰(zhàn)范例月夜月夜1范例簡介范例簡介 本范例介紹一幅浪漫的剪影畫的制作過程。在本范例的制作過程

13、中，使用【刷子工具】繪制舞臺(tái)上的樹干，使用【噴涂刷工具】噴涂舞臺(tái)上的飛鳥、繁星和地上的草，使用【Deco工具】繪制樹的樹枝。通過本范例的制作，讀者將能夠掌握使用【噴涂刷工具】噴涂默認(rèn)圖形和外部素材圖片的方法，掌握使用【Deco工具】的【樹刷子】模式繪制樹木的操作技巧。同時(shí)，讀者還可以通過本范例掌握在Flash作品中導(dǎo)入各種外部圖片素材的操作方法。2制作步驟制作步驟 略。請參看教材或者觀看配盤上的視頻教程 2.4 其他輔助繪圖工具其他輔助繪圖工具2.4.2 擦除對象擦除對象2.4.3 查看對象查看對象2.4.4 實(shí)戰(zhàn)范例實(shí)戰(zhàn)范例雨傘雨傘 在繪制圖形時(shí)，有時(shí)需要使用一些輔助繪圖工具來幫助圖形的繪制

14、，如，調(diào)整繪制圖形的形狀、去除不需要的圖形或查看舞臺(tái)上繪制圖形的細(xì)部。2.4.1 選取對象選取對象 在在Flash CS5中，用于進(jìn)行對象選取的工具有中，用于進(jìn)行對象選取的工具有3個(gè)，它們分別個(gè)，它們分別是是【選擇工具選擇工具】、【部分選取工具部分選取工具】和和【套索工具套索工具】。2.4.1 選取對象選取對象1. 選擇工具選擇工具2部分選取工具部分選取工具3套索工具套索工具2.4.2 擦除對象擦除對象 在Flash CS5中，使用【橡皮擦工具】能夠擦除舞臺(tái)上對象的填充和輪廓。在工具箱中選擇【橡皮擦工具】 ，在工具箱的選項(xiàng)欄中選擇擦除模式和橡皮擦外形。1標(biāo)準(zhǔn)擦除模式標(biāo)準(zhǔn)擦除模式2擦除填色擦除填

15、色3擦除線條擦除線條4擦除所有填充擦除所有填充5內(nèi)部擦除內(nèi)部擦除2.4.3 查看對象查看對象 Flash CS5提供了【縮放工具】和【手形工具】來幫助設(shè)計(jì)師更好地查看舞臺(tái)上的圖形對象。1手形工具手形工具 在舞臺(tái)上進(jìn)行圖形繪制和編輯時(shí)，有時(shí)需要移動(dòng)舞臺(tái)以便更好地查看舞臺(tái)上的特定圖形，此時(shí)可以使用【手形工具】在工具箱中選擇【手形工具】，按住鼠標(biāo)左鍵移動(dòng)鼠標(biāo)可以拖動(dòng)舞臺(tái)畫面，這樣即可方便地查看到需要的圖形。2縮放工具縮放工具 在繪制圖形時(shí)，有時(shí)需要放大舞臺(tái)畫面查看圖形的細(xì)節(jié)，而當(dāng)需要了解整個(gè)舞臺(tái)或某個(gè)對象的結(jié)構(gòu)時(shí)，又需要縮小舞臺(tái)，這類舞臺(tái)畫面的縮放操作可以通過使用【縮放工具】 來實(shí)現(xiàn)。 在工具箱中選

16、擇【縮放工具】，在工具箱的選項(xiàng)欄中單擊【放 大】按鈕 ，在舞臺(tái)上單機(jī)即可增加舞臺(tái)畫面的顯示比例。使用該工具在舞臺(tái)上的圖形上框選一個(gè)區(qū)域，則將能夠?qū)⒃搮^(qū)域放大。2.4.4 實(shí)戰(zhàn)范例實(shí)戰(zhàn)范例雨傘雨傘1范例簡介范例簡介 本范例介紹雨傘和滴落雨傘上的雨滴的繪制。本范例使用【多角星形工具】、【鋼筆工具】和【橢圓形工具】來繪制基本圖形，使用【選擇工具】和【部分選取工具】來對圖形的形狀進(jìn)行修改。通過本范例的制作，讀者將掌握使用【選擇工具】和【部分選取工具】來對圖形形狀進(jìn)行修改的方法，同時(shí)掌握不使用對象旋轉(zhuǎn)和縮放命令，使用【選擇工具】和【部分選取工具】實(shí)現(xiàn)對象傾斜放置的技巧。2制作步驟制作步驟 略。請參看教材

17、或者觀看配盤上的視頻教程。 圖形繪制是圖形繪制是Flash CS5動(dòng)畫制作的基礎(chǔ)，本章介紹了在動(dòng)畫制作的基礎(chǔ)，本章介紹了在Flash中繪制規(guī)則圖形和不規(guī)則圖形的方法、在舞臺(tái)上噴涂各種特殊圖中繪制規(guī)則圖形和不規(guī)則圖形的方法、在舞臺(tái)上噴涂各種特殊圖形的技巧以及形的技巧以及Flash提供的輔助繪圖工具的使用方法。通過本章的提供的輔助繪圖工具的使用方法。通過本章的學(xué)習(xí)，讀者將掌握學(xué)習(xí)，讀者將掌握【鉛筆工具鉛筆工具】、【鋼筆工具鋼筆工具】、【刷子工具刷子工具】、【噴涂刷工具噴涂刷工具】、【Deco工具工具】和制規(guī)則圖形工具的使用方法，和制規(guī)則圖形工具的使用方法，能夠靈活應(yīng)用這些工具繪制各種圖形。能夠靈活

18、應(yīng)用這些工具繪制各種圖形。2.5 本章小結(jié)本章小結(jié)2.6 本章練習(xí)本章練習(xí)一、選擇題一、選擇題（1）在使用【矩形工具】繪制圖形式，要繪制正方形，可以按哪個(gè)鍵拖動(dòng)鼠標(biāo)？ （ ）A【Ctrl】B【Alt】C【Shift】D.【Ctrl+Shift】（2）在使用【鉛筆工具】繪制圖形時(shí)，要使Flash對繪制的線條不作任何處理，應(yīng)該使用下面哪種模式？ （ ）A.【對象繪制】B.【伸直】C【平滑】D.【墨水】（3）在使用【刷子工具】時(shí)，要獲得下圖的繪圖效果，應(yīng)該使用哪種模式？ （ ）A【標(biāo)準(zhǔn)繪畫】B.【顏料填充】C【后面繪畫】D.【顏料選擇】2.6 本章練習(xí)本章練習(xí)（4）下面哪個(gè)工具是【Deco】工具？ （ ） A B C D. 二、填空題二、填空題1在Flash中，繪制矩形可以使用的工具是 或 ，繪制橢圓可以使用的工具是 或 。2在繪制圖形后，使用 工具可以將尖角點(diǎn)轉(zhuǎn)