Flash動(dòng)畫設(shè)計(jì)項(xiàng)目教程(項(xiàng)目二-繪制圖形)分析課件

FLASH動(dòng)畫設(shè)計(jì)項(xiàng)目教程項(xiàng)目二

繪制圖形

FLASH動(dòng)畫設(shè)計(jì)項(xiàng)目教程項(xiàng)目二繪制圖形項(xiàng)目引入

Flash是以矢量圖形為基礎(chǔ)的動(dòng)畫創(chuàng)作軟件，使用自帶的繪圖工具可以完成大部分Flash動(dòng)畫對(duì)象的闖將。FlashCS5擁有強(qiáng)大的繪圖功能。在工具箱中提供了多種繪圖工具，針對(duì)每種工具能進(jìn)行不同選項(xiàng)設(shè)置，繪制出不同效果的圖形。項(xiàng)目引入學(xué)習(xí)目標(biāo)認(rèn)識(shí)【工具】面板掌握選擇工具的使用掌握繪圖工具的使用掌握填充工具的使用掌握查看工具的使用掌握顏色工具的使用學(xué)習(xí)目標(biāo)目錄：

任務(wù)1認(rèn)識(shí)【工具】面板

任務(wù)2繪制包裝袋

任務(wù)3繪制花朵

任務(wù)4制作LOGO圖形

任務(wù)5制作“蔓藤式填充”圖形任務(wù)6隨心所欲變換圖像任務(wù)7制作個(gè)性文字

綜合實(shí)訓(xùn)——制作卡通畫目錄：任務(wù)1認(rèn)識(shí)【工具】面板

【選擇】區(qū)域：主要用來選擇工作區(qū)中的編輯對(duì)象【繪圖】區(qū)域：主要用來繪制線條、圖形，輸入文本【填充】區(qū)域：主要用來填充顏色、擦除填充和吸取顏色【查看】區(qū)域：主要用來應(yīng)用程序窗口進(jìn)行縮放和移動(dòng)【顏色】區(qū)域：主要用來上色【選項(xiàng)】區(qū)域：顯示選定工具相應(yīng)的工具選項(xiàng)任務(wù)1認(rèn)識(shí)【工具】面板 【選擇】區(qū)域：主要用來選擇工作區(qū)任務(wù)2繪制包裝袋

知識(shí)準(zhǔn)備1.線條工具在Flash中直線是最基本的圖形，使用【線條工具】

可以繪制直線。按【Shift】鍵可以繪制特定角度的直線和閉合圖形。任務(wù)2繪制包裝袋 知識(shí)準(zhǔn)備任務(wù)2繪制包裝袋

知識(shí)準(zhǔn)備2.鉛筆工具使用【鉛筆工具】繪圖，類似于使用真實(shí)的鉛筆，【鉛筆工具】自由度很大，功能較強(qiáng)，使用鉛筆可以繪制出很多復(fù)雜的曲線圖形。選擇【鉛筆工具】

后，按住鼠標(biāo)左鍵不放，在舞臺(tái)上拖動(dòng)。同時(shí)按住【Shift】鍵繪制，可以繪制水平或是垂直的線條。伸直：繪制直線，并將和三角形、橢圓形和矩形相近的形狀轉(zhuǎn)化為對(duì)應(yīng)的基本圖形。平滑：繪制平緩的曲線。墨水：對(duì)繪制的線條不進(jìn)行任何的加工。任務(wù)2繪制包裝袋 知識(shí)準(zhǔn)備任務(wù)2繪制包裝袋

知識(shí)準(zhǔn)備3.選擇工具使用【選擇工具】

，可以選取對(duì)象、移動(dòng)對(duì)象、復(fù)制對(duì)象和變形對(duì)象。選取對(duì)象在編輯對(duì)象之前，必須要先選擇對(duì)象，被選擇的對(duì)象會(huì)被亮點(diǎn)填充或方框包圍。移動(dòng)對(duì)象選取對(duì)象后，鼠標(biāo)移動(dòng)在對(duì)象上，按住左鍵不放，拖動(dòng)對(duì)象到適當(dāng)位置，松開左鍵，編輯對(duì)象就為移動(dòng)在新位置。編輯對(duì)象變形對(duì)象：將鼠標(biāo)光標(biāo)放在未選定對(duì)象的線條邊角處，光標(biāo)會(huì)變成

，按住鼠標(biāo)左鍵進(jìn)行拖動(dòng)角點(diǎn)，可以改變邊角位置來達(dá)到變形效果；將鼠標(biāo)光標(biāo)放在未選定對(duì)象的線條邊界處，光標(biāo)會(huì)變成

，按住鼠標(biāo)左鍵進(jìn)行拖動(dòng)，可以改變線條曲率達(dá)到變形效果任務(wù)2繪制包裝袋 知識(shí)準(zhǔn)備

任務(wù)實(shí)施任務(wù)目標(biāo)：使用【線條工具】、【鉛筆工具】和【選擇工具】繪制包裝袋圖形。任務(wù)2繪制包裝袋 任務(wù)實(shí)施任務(wù)2繪制包裝袋任務(wù)3繪制花朵

知識(shí)準(zhǔn)備1.鋼筆工具如果要繪制精確又復(fù)雜的路徑，就要用到【鋼筆工具】

?！句摴P工具】可以對(duì)繪制的圖形有非常精確的控制，我們繪制的節(jié)點(diǎn)、節(jié)點(diǎn)的方向都得到很好的控制。繪制直線繪制曲線任務(wù)3繪制花朵 知識(shí)準(zhǔn)備任務(wù)3繪制花朵

知識(shí)準(zhǔn)備2.部分選擇工具使用【部分選取工具】

，可以通過改變對(duì)象輪廓上的錨點(diǎn)位置來進(jìn)行對(duì)象變形。繪制直線。用【部分選取工具】單擊對(duì)象輪廓，可以顯示該對(duì)象輪廓上的錨點(diǎn)單擊曲線錨點(diǎn)，錨點(diǎn)上會(huì)出現(xiàn)一個(gè)切線手柄，可用拖動(dòng)手柄來改變曲線，把鼠標(biāo)放置到舞臺(tái)其他位置點(diǎn)擊一下，可以看到改變錨點(diǎn)后效果單擊直線上的錨點(diǎn)，移動(dòng)錨點(diǎn)，可以改變直線上的長度，把鼠標(biāo)放置到舞臺(tái)其他位置點(diǎn)擊一下，可以看到改變錨點(diǎn)后效果任務(wù)3繪制花朵 知識(shí)準(zhǔn)備任務(wù)3繪制花朵

知識(shí)準(zhǔn)備3.顏料桶工具【顏料桶】工具

可以對(duì)閉合區(qū)域填充顏色。這個(gè)閉合的區(qū)域可以是空的區(qū)域、已填充區(qū)域。另外還可以使用顏料桶對(duì)非完全閉合的區(qū)域進(jìn)行填充，非閉合的由有【顏料桶】工具的設(shè)定決定。任務(wù)3繪制花朵 知識(shí)準(zhǔn)備任務(wù)3繪制花朵

知識(shí)準(zhǔn)備4.墨水瓶工具【墨水瓶】工具

可以更改當(dāng)前線條的顏色(不包括漸變和位圖)、寬度和樣式。任務(wù)3繪制花朵 知識(shí)準(zhǔn)備任務(wù)3繪制花朵

知識(shí)準(zhǔn)備5.刷子工具使用【刷子工具】

可以繪制各種類型的筆觸，繪制出類似于毛筆的效果。選擇【刷子工具】后，工具箱對(duì)應(yīng)的【選項(xiàng)】區(qū)域，可以設(shè)置刷子繪畫模式、筆刷大小、筆刷形狀等。任務(wù)3繪制花朵 知識(shí)準(zhǔn)備任務(wù)3繪制花朵

知識(shí)準(zhǔn)備6.噴涂刷工具【噴涂刷工具】

，類似于粒子噴射器，可以一次將形狀圖案噴涂到舞臺(tái)上。任務(wù)3繪制花朵 知識(shí)準(zhǔn)備

任務(wù)實(shí)施任務(wù)目標(biāo)：使用【線條工具】、【筆刷工具】、【鋼筆工具】、【部分選取工具】、【顏料桶工具】、【墨水瓶工具】繪制花朵圖形。任務(wù)3繪制花朵 任務(wù)實(shí)施任務(wù)3繪制花朵任務(wù)4制作LOGO圖形

知識(shí)準(zhǔn)備1.矩形與基本矩形工具使用【矩形工具】

可以繪制矩形或是正方形，單擊矩形工具后，舞臺(tái)中的光標(biāo)變成了一個(gè)十字，按住鼠標(biāo)左鍵拖拉，就可以繪制一個(gè)矩形，如果同時(shí)按【Shift】鍵進(jìn)行拖拉可以繪制正方形。矩形【屬性】面板，可以通過【填充和筆觸】選項(xiàng)來設(shè)置矩形輪廓和填充顏色、輪廓線粗細(xì)和輪廓線類型?！净揪匦喂ぞ摺?，和【矩形工具】的區(qū)別在于，繪制后的矩形保持原圖屬性，可以再【屬性】面板中繼續(xù)進(jìn)行圓角調(diào)整，也可以使用【選取工具】拖動(dòng)矩形對(duì)象上的錨點(diǎn)，將其變形為不同形狀的圓角矩形任務(wù)4制作LOGO圖形 知識(shí)準(zhǔn)備任務(wù)4制作LOGO圖形

知識(shí)準(zhǔn)備2.橢圓與基本橢圓工具【橢圓工具】可以繪制橢圓或圓形，如果在拖動(dòng)的同時(shí)按下【Shift】鍵可以繪制圓形對(duì)象。和矩形工具一樣，通過【橢圓工具】的【屬性】面板也可以設(shè)置線條顏色、填充顏色、線條寬度和線條類型等。【基本橢圓工具】和【基本矩形工具】一樣，繪制后的橢圓保持原圖屬性，可以通過【屬性】面板或是【選取工具】進(jìn)行原屬性的調(diào)節(jié)。任務(wù)4制作LOGO圖形 知識(shí)準(zhǔn)備任務(wù)4制作LOGO圖形

知識(shí)準(zhǔn)備3.多角行星形工具【多角形工具】

繪制方法和【矩形工具】、【橢圓工具】類似，也可以通過該【屬性】面板設(shè)置多角星形的輪廓顏色、填充顏色、輪廓線粗細(xì)和類型等。任務(wù)4制作LOGO圖形 知識(shí)準(zhǔn)備任務(wù)4制作LOGO圖形

知識(shí)準(zhǔn)備4.圖形的合并與組合圖形的合并選擇【修改】|【合并對(duì)象】子菜單中的相關(guān)命令可以合并或改變現(xiàn)有對(duì)象，從而創(chuàng)建新的形狀。在畫布的正中間繪制一個(gè)正圓和一個(gè)正方形，繪制前在工具箱的下方選擇【對(duì)象繪制】。圖形的組合在Flash動(dòng)畫制作中，經(jīng)常會(huì)利用【組合】命令將圖形對(duì)象進(jìn)行組合，從而便于后面對(duì)其進(jìn)行整體編輯。在舞臺(tái)中選擇多個(gè)圖形對(duì)象，然后執(zhí)行菜單中的【修改】|【組合】（快捷鍵【Ctrl+G】）命令，即可將選中的圖形對(duì)象進(jìn)行組合任務(wù)4制作LOGO圖形 知識(shí)準(zhǔn)備

任務(wù)實(shí)施任務(wù)目標(biāo)：使用【橢圓工具】、【選擇工具】、【任意變形工具】繪制圖形。任務(wù)4制作LOGO圖形 任務(wù)實(shí)施任務(wù)4制作LOGO圖形任務(wù)5制作“蔓藤式填充”圖形

知識(shí)準(zhǔn)備1.Deco工具填充圖形Deco工具

是Flash中一種類似【噴涂刷】的填充工具，使用Deco工具可以快速完成大量相同元素的繪制，也可以應(yīng)用它制作出很多復(fù)雜的動(dòng)畫效果。將其與圖形元件和影片剪輯元件配合，可以制作出效果更加豐富的動(dòng)畫效果。2.Deco工具的屬性設(shè)置Deco工具的【屬性】面板中，F(xiàn)lashCS5提供了13種繪制效果：藤蔓式填充、網(wǎng)格填充、對(duì)稱刷子、3D刷子、建筑物刷子、裝飾性刷子、火焰動(dòng)畫、火焰刷子、花刷子、閃電刷子、粒子系統(tǒng)、煙動(dòng)畫和樹刷子任務(wù)5制作“蔓藤式填充”圖形 知識(shí)準(zhǔn)備

任務(wù)實(shí)施任務(wù)目標(biāo)：使用Deco工具的【藤蔓式填充】效果繪制圖形。任務(wù)5制作“蔓藤式填充”圖形 任務(wù)實(shí)施任務(wù)5制作“蔓藤式填充”圖形任務(wù)6隨心所欲變換圖像

知識(shí)準(zhǔn)備1.任意變形工具使用【任意變形工具】

，可以將工作區(qū)中的對(duì)象進(jìn)行旋轉(zhuǎn)、傾斜、縮放、扭曲和封套等變形操作。其中，扭曲和封套功能只適用于形狀對(duì)象，當(dāng)對(duì)象為元件、文本、位圖、漸變時(shí)，則這兩種變形操作選項(xiàng)處于不可用狀態(tài)。選擇【任意變形工具】后，工具箱對(duì)應(yīng)的【選項(xiàng)】區(qū)域會(huì)出現(xiàn)【貼緊至對(duì)象】、【旋轉(zhuǎn)與傾斜】、【縮放】、【扭曲】和【封套】這5個(gè)選項(xiàng)。任務(wù)6隨心所欲變換圖像 知識(shí)準(zhǔn)備任務(wù)6隨心所欲變換圖像

知識(shí)準(zhǔn)備2.漸變變形工具【漸變變形工具】

是用來調(diào)整顏色漸變的工具。任務(wù)6隨心所欲變換圖像 知識(shí)準(zhǔn)備

任務(wù)實(shí)施任務(wù)目標(biāo)：使用【線條工具】、【選擇工具】、【鋼筆工具】、【任意變形工具】和【漸變變形工具】完成圖形。任務(wù)6隨心所欲變換圖像 任務(wù)實(shí)施任務(wù)6隨心所欲變換圖像任務(wù)7制作個(gè)性文字

知識(shí)準(zhǔn)備1.輸入文字及屬性調(diào)整文本工具

時(shí)用來輸入文字的工具，文本類型分為“靜態(tài)文本”、“動(dòng)態(tài)文本”、“輸入文本”三個(gè)種類。選擇【文本工具】后，可以通過舞臺(tái)右側(cè)的【屬性】面板來設(shè)置文本信息。任務(wù)7制作個(gè)性文字 知識(shí)準(zhǔn)備任務(wù)7制作個(gè)性文字

知識(shí)準(zhǔn)備2.文字變形文字的變形，使用菜單中【修改】|【分離】命令或是快捷鍵【Ctrl+B】分離文本，文本塊