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

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