積分FlashCS5動畫制作基礎(chǔ)第2章繪制圖形.ppt

第2章 繪制圖形,繪制規(guī)則圖形 繪制不規(guī)則圖形 特殊繪圖工具 其他輔助繪圖工具,本章主要內(nèi)容：,2.1.1 矩形工具和基本矩形工具 2.1.2 橢圓工具和基本橢圓工具 2.1. 3 多角星形工具 2.1. 4 實戰(zhàn)范例田園農(nóng)舍,2.1 繪制規(guī)則圖形,矩形工具和基本矩形工具主要用來繪制矩形、正方形和圓角矩形，在完成圖形的繪制后，使用【屬性】面板對繪制的圖形進(jìn)行設(shè)置。,1【矩形工具】和【基本矩形工具】簡介 在工具箱中選擇【矩形工具】，將鼠標(biāo)光標(biāo)移動到舞臺上，當(dāng)光標(biāo)變?yōu)槭中螘r，拖動鼠標(biāo)即可根據(jù)【屬性】面板的設(shè)置繪制出需要的矩形。,2.1.1 矩形工具和基本矩形工具,2設(shè)置圖形的位置和大小 在完成圖形的繪制后，可以使用【屬性】面板對圖形的屬性進(jìn)行設(shè)置。在工具箱中選擇【選擇工具】框選繪制的圖形，在【屬性】面板的【位置和大小】欄中設(shè)置圖形的位置以及圖形的寬高。,2.1.1 矩形工具和基本矩形工具,3填充和筆觸 Flash中的每個圖形都開始于一種形狀，形狀是由2個部分組成，填充和筆觸。填充是形狀里面的部分，筆觸就是形狀的輪廓線。填充和筆觸是互相獨(dú)立的，可以修改或刪除一個而不影響另一個部分。,2.1.1 矩形工具和基本矩形工具,【橢圓工具】和【基本橢圓工具】可以用來繪制橢圓形、圓形和圓環(huán)，其中【橢圓工具】還可以用來繪制任意圓弧。這2個工具繪制圖形的操作與【矩形工具】和【基本矩形工具】基本相同。,2.1.2 橢圓工具和基本橢圓工具,1橢圓工具,在工具箱中選擇【橢圓工具】，在【屬性】欄中對工具屬性 進(jìn)行設(shè)置后，在舞臺上拖動鼠標(biāo)即可繪制出需要的圖形。,2基本橢圓工具,2.1.2 橢圓工具和基本橢圓工具,在工具箱中選擇【基本橢圓工具】，在【屬性】欄中根據(jù)需要 設(shè)置圖形屬性，在舞臺上拖動鼠標(biāo)即可繪制需要的圖形。,2基本橢圓工具,2.1.2 橢圓工具和基本橢圓工具,在【屬性】面板的【橢圓選項】欄中設(shè)置【開始角度】和 【結(jié)束角度】的值可以獲得扇形。,在【屬性】面板的【橢圓選項】欄中設(shè)置【內(nèi)徑】值可以獲得環(huán)形。,2基本橢圓工具,2.1.2 橢圓工具和基本橢圓工具,在【屬性】面板的【橢圓選項】欄中取消【閉合路徑】 復(fù)選框的勾選，則圖形將不再封閉，此時可以獲得弧形,在工具箱中選擇【選擇工具】 ，拖動圖形上的控制柄 ，可以對圖形的形狀進(jìn)行修改。,，拖動圖形上的控制柄，可以對圖形的形狀進(jìn)行修改。,2.1.3 多角星形工具,使用【多角星形工具】繪制圖形的方式與前面介紹的兩類工具的繪圖方式是相同的，其可以用來繪制星形圖案和多邊形，如五角星或五邊形等。 在工具箱中選擇【多角星形工具】，在【屬性】面板中對圖形進(jìn)行設(shè)置，在舞臺上拖動鼠標(biāo)即可繪制需要的圖形。,2.1.3 多角星形工具,在【屬性】面板中的【工具設(shè)置】欄中單擊【選項】按鈕將打開【工具設(shè)置】對話框，使用該對話框可以對【多角星形工具】進(jìn)行設(shè)置。,2.1.4 實戰(zhàn)范例田園農(nóng)舍,1范例簡介 本范例介紹繪制一幅炊煙升起的田園農(nóng)舍剪影畫的過程。在范例的制作過程中，使用【橢圓工具】、【矩形工具】和【多角星形工具】等工具來繪制圖形，通過【屬性】面板對圖形的大小和位置等屬性進(jìn)行設(shè)置。同時，通過范例的制作讀者還將能夠掌握圖形的移動和復(fù)制的操作方法。,2制作步驟 略。請參看教材或者觀看配盤上的視頻教程。,2.2 繪制不規(guī)則圖形,在使用Flash制作動畫時，經(jīng)常需要繪制不規(guī)則圖形。 在Flash CS5中，繪制不規(guī)則圖形可以使用【線條工具】、 【鉛筆工具】和【鋼筆工具】。,2.2.1 線條工具,2.2.2 鉛筆工具,2.2.3 鋼筆工具,2.2.4 實戰(zhàn)范例卡通獅子,2.2.1 線條工具,線條是構(gòu)成矢量圖形的基本要素，在Flash CS5中，可以使用【線條工具】來繪制各種長度和角度的直線。同時，將繪制的多條直線連接，可以構(gòu)成各種多邊形。 1繪制線條 2設(shè)置筆觸樣式 3線條的端點 4線條的接合 5選項欄工具,2.2.2 鉛筆工具,在Flash中，可以使用【鉛筆工具】來繪制不規(guī)則的曲線和直 線?！俱U筆工具】的使用方法很簡單，在工具箱中選擇【鉛筆 工具】 ，在【屬性】面板中對工具進(jìn)行設(shè)置。這里，【屬性 】面板的設(shè)置與【線條工具】的設(shè)置基本一致。在完成繪制后 ，同樣可以在【屬性】面板中對筆觸的顏色、高度、樣式和端 點等進(jìn)行調(diào)整。,三種鉛筆模式： 1伸直 2平滑 3墨水,2.2.3 鋼筆工具,在Flash中，【鋼筆工具】可以精確地繪制出平滑精致的直線和曲線。對于繪制完成的曲線，通過對錨點的操作可以方便地調(diào)整曲線的形狀。 1繪制直線和曲線 2添加和刪除錨點 3轉(zhuǎn)換錨點,1范例簡介 本范例介紹卡通獅子線稿的繪制方法。在范例在制作過程中，使用【鋼筆工具】、【線條工具】和【鉛筆工具】來勾繪圖形輪廓，使用【轉(zhuǎn)換錨點工具】轉(zhuǎn)換錨點類型，并調(diào)整弧線的形狀。通過本范例的制作，讀者將能夠掌握在Flash中使用各種工具繪制復(fù)雜形狀圖形的方法和技巧。,2.2.4 實戰(zhàn)范例卡通獅子,2制作步驟 略。請參看教材或者觀看配盤上的視頻教程。,2.3 特殊繪圖工具,在Flash CS5中除了繪制圖形和線條的工具之外，還有一些特殊的繪圖工具，如【刷子工具】、【噴涂刷工具】和【Deco工具】，使用這些工具能夠完成一些特殊效果的繪制,2.3.2 噴涂刷工具,2.3.3 Deco工具,2.3.1 刷子工具,2.3.4 實戰(zhàn)范例月夜,2.3.1 刷子工具,在Flash CS5中，【刷子工具】可以繪制任意形狀的色塊，同時使用該工具還可以創(chuàng)建一些特殊的圖形效果。 在工具箱中選擇【刷子工具】，在【屬性】面板中對工具的屬性進(jìn)行設(shè)置，這里除了可以設(shè)置筆觸、填充以及端點和接合方式之外，還可以對繪制線條的平滑度進(jìn)行設(shè)置，完成設(shè)置后在舞臺上拖曳鼠標(biāo)即可繪制出需要的圖形。,刷子模式：,1標(biāo)準(zhǔn)繪畫模式 2顏料填充模式 3后面繪畫模式 4顏料選擇模式 5內(nèi)部繪畫模式,2.3.2 噴涂刷工具,【噴涂刷工具】類似于一個粒子噴射器，使用它可以將圖案噴涂在舞臺上。在默認(rèn)情況下，工具將使用當(dāng)前選定的填充顏色來噴射粒子點。同時，該工具也可以將按鈕元件、影片剪輯和圖形元件作為筆刷效果來進(jìn)行噴涂,2.3.3 Deco工具,【Deco工具】是一個裝飾性繪畫工具，用于創(chuàng)建復(fù)雜幾何圖案或高級動畫效果。工具提供了【藤蔓式填充】、【網(wǎng)格填充】和【對稱刷子】等多種模式，并內(nèi)置了默認(rèn)的圖案外供用戶選擇使用。同時，用戶也可以使用圖形形狀或?qū)ο髞韯?chuàng)建更為復(fù)雜的圖案，并輕松獲得動畫效果。,4個典型的效果： 1藤蔓式填充方式 2網(wǎng)格填充方式 3對稱刷子 4火焰動畫效果,2.3.4 實戰(zhàn)范例月夜,1范例簡介 本范例介紹一幅浪漫的剪影畫的制作過程。在本范例的制作過程中，使用【刷子工具】繪制舞臺上的樹干，使用【噴涂刷工具】噴涂舞臺上的飛鳥、繁星和地上的草，使用【Deco工具】繪制樹的樹枝。通過本范例的制作，讀者將能夠掌握使用【噴涂刷工具】噴涂默認(rèn)圖形和外部素材圖片的方法，掌握使用【Deco工具】的【樹刷子】模式繪制樹木的操作技巧。同時，讀者還可以通過本范例掌握在Flash作品中導(dǎo)入各種外部圖片素材的操作方法。,2制作步驟 略。請參看教材或者觀看配盤上的視頻教程,2.4 其他輔助繪圖工具,2.4.2 擦除對象,2.4.3 查看對象,2.4.4 實戰(zhàn)范例雨傘,在繪制圖形時，有時需要使用一些輔助繪圖工具來 幫助圖形的繪制，如，調(diào)整繪制圖形的形狀、去除不需要 的圖形或查看舞臺上繪制圖形的細(xì)部。,2.4.1 選取對象,在Flash CS5中，用于進(jìn)行對象選取的工具有3個，它們分別是【選擇工具】、【部分選取工具】和【套索工具】。,2.4.1 選取對象,1. 選擇工具 2部分選取工具 3套索工具,2.4.2 擦除對象,在Flash CS5中，使用【橡皮擦工具】能夠擦除舞臺上對象 的填充和輪廓。在工具箱中選擇【橡皮擦工具】 ，在工具箱 的選項欄中選擇擦除模式和橡皮擦外形。,1標(biāo)準(zhǔn)擦除模式 2擦除填色 3擦除線條 4擦除所有填充 5內(nèi)部擦除,2.4.3 查看對象,Flash CS5提供了【縮放工具】和【手形工具】來幫助設(shè)計師更好地查看舞臺上的圖形對象。,1手形工具,在舞臺上進(jìn)行圖形繪制和編輯時，有時需要移動舞臺以便更好地 查看舞臺上的特定圖形，此時可以使用【手形工具】,在工具箱中選擇【手形工具】，按住鼠標(biāo)左鍵移動鼠標(biāo)可以拖動舞 臺畫面，這樣即可方便地查看到需要的圖形。,2縮放工具 在繪制圖形時，有時需要放大舞臺畫面查看圖形的細(xì)節(jié)，而當(dāng) 需要了解整個舞臺或某個對象的結(jié)構(gòu)時，又需要縮小舞臺，這類舞 臺畫面的縮放操作可以通過使用【縮放工具】 來實現(xiàn)。,在工具箱中選擇【縮放工具】，在工具箱的選項欄中單擊【放 大】按鈕 ，在舞臺上單機(jī)即可增加舞臺畫面的顯示比例。使用該,工具在舞臺上的圖形上框選一個區(qū)域，則將能夠?qū)⒃搮^(qū)域放大。,2.4.4 實戰(zhàn)范例雨傘,1范例簡介 本范例介紹雨傘和滴落雨傘上的雨滴的繪制。本范例使用【多角星形工具】、【鋼筆工具】和【橢圓形工具】來繪制基本圖形，使用【選擇工具】和【部分選取工具】來對圖形的形狀進(jìn)行修改。通過本范例的制作，讀者將掌握使用【選擇工具】和【部分選取工具】來對圖形形狀進(jìn)行修改的方法，同時掌握不使用對象旋轉(zhuǎn)和縮放命令，使用【選擇工具】和【部分選取工具】實現(xiàn)對象傾斜放置的技巧。,2制作步驟 略。請參看教材或者觀看配盤上的視頻教程。,圖形繪制是Flash CS5動畫制作的基礎(chǔ)，本章介紹了在Flash中繪制規(guī)則圖形和不規(guī)則圖形的方法、在舞臺上噴涂各種特殊圖形的技巧以及Flash提供的輔助繪圖工具的使用方法。通過本章的學(xué)習(xí)，讀者將掌握【鉛筆工具】、【鋼筆工具】、【刷子工具】、【噴涂刷工具】、【Deco工具】和制規(guī)則圖形工具的使用方法，能夠靈活應(yīng)用這些工具繪制各種圖形。,2.5 本章小結(jié),2.6 本章練習(xí),一、選擇題 （1）在使用【矩形工具】繪制圖形式，要繪制正方形， 可以按哪個鍵拖動鼠標(biāo)？ （ ） A【Ctrl】 B【Alt】 C【Shift】 D.【Ctrl+Shift】 （2）在使用【鉛筆工具】繪制圖形時，要使Flash對繪制的線條不作 任何處理，應(yīng)該使用下面哪種模式？ （ ） A.【對象繪制】 B.【伸直】 C【平滑】 D.【墨水】 （3）在使用【刷子工具】時，要獲得下圖的繪圖效果，應(yīng)該使用哪種 模式？ （ ）,A【標(biāo)準(zhǔn)繪畫】 B.【顏料填充】 C【后面繪畫】 D.【顏料選擇】,2.6 本章練習(xí),（4）下面哪個工具是【Deco】工具？ （ ）,A,B,C,D.,二、填空題 1在Flash中，繪制矩形可以使用的工具是 或 ，繪制橢圓可以使用的工具是 或 。 2在繪制圖形后，使用 工具可以將尖角點轉(zhuǎn)換為曲線點，要刪除錨點可以使用 ，在選擇錨點后按 鍵或 鍵同樣可以刪除該錨點。 3在【噴涂刷工具】的【屬性】面板中，勾選【旋轉(zhuǎn)元件】復(fù)選框，則在噴涂時將圍繞 旋轉(zhuǎn)噴涂粒子；勾選【隨機(jī)旋轉(zhuǎn)】復(fù)選框，則在噴涂時噴涂粒子將按 放置到舞臺上；【畫筆角度】用于設(shè)置粒子 。 4在使用【橡皮擦工具】時，在 模式下將只擦除填充色，在 模式下將擦除選擇區(qū)域中的填充色，在 模式下將只會擦除輪廓線。,2.7 上機(jī)練習(xí)和指導(dǎo),2.7.1 繪制卡通魚,2.7.2 繪制足球,2.7.1 繪制卡通魚,繪制卡通魚，繪制完成后的效果，,主要操作步驟指導(dǎo)： （1）使用【橢圓工具】分別繪制魚的身體和嘴唇，使用【選擇工具】 對繪制的橢圓進(jìn)行修改，獲得需要的魚身體和嘴唇效果。 （2）使用【橢圓工具】繪制5個橢圓，使用【添加錨點工具】添加錨點，