使用Flash繪制圖形.ppt

1、Flash平面動畫制作,第2章 使用Flash繪制圖形,教學(xué)目標(biāo),教學(xué)重點、難點,本章小結(jié),教學(xué)內(nèi)容,教學(xué)目標(biāo),通過這章的學(xué)習(xí)，使學(xué)生掌握使用Flash工具箱中的工具繪制圖形的方法和技巧。,第2章 使用Flash繪制圖形,教學(xué)重點與難點,使用Flash工具箱中的各種工具繪制逼真的圖形，設(shè)置工具箱中各種工具的屬性，制作特殊效果的漂亮文字。,第2章 使用Flash繪制圖形,教學(xué)內(nèi)容,本章小結(jié),第2章 使用Flash繪制圖形,2.5 “繪制小青蛙”案例,2.6 “春天來了”案例,2.7 “特效文字”案例,2.8 “動態(tài)山水畫”案例,本章計劃授課10學(xué)時,2.2“繪制樹葉”案例,2.3“繪制雪房子”案

2、例,2.4“繪制易拉罐”案例,2.1 Flash繪制圖形概述,.1 Flash 平面動畫制作的概述,一、 Flash繪圖工具的種類,徒手繪制工具,基本繪圖工具,幾何形狀繪制工具,選擇工具,變形工具,圖形修改工具,填充工具,文本工具,2.1 Flash 繪制圖形概述,本節(jié)內(nèi)容,案例效果,操作步驟,技術(shù)要點,練習(xí),2.2 “繪制樹葉” 案例,一、案例效果,重點與難點： 【鋼筆工具】、【線條工具】、【鉛筆工具】的使用，三類工具的“屬性”面板的設(shè)置比較 。,2.2 “繪制樹葉” 案例,二、操作步驟,1：設(shè)置“文檔屬性”，并把文件保存為“樹葉” 2：設(shè)置“鋼筆工具”的屬性，繪制一片樹葉，過程如下圖,2.

3、2 “繪制樹葉” 案例,二、操作步驟,3：復(fù)制5片樹葉，調(diào)整樹葉位置及大小如下圖 4：使用“鉛筆工具”繪制樹干，效果如下圖,2.2 “繪制樹葉” 案例,三、技術(shù)要點,1、“鋼筆工具”的使用：鋼筆工具擅長繪制直線和曲線 （1）鋼筆工具下拉菜單不同圖標(biāo)的含義如下圖 （2）在使用【鋼筆工具】繪制圖形的過程中，光標(biāo)也會出現(xiàn)不同的三種樣式， 表示單擊可以創(chuàng)建一個錨點， 表示單擊該錨點并拖動可以繪制出一條直線， 還可以將原來弧線的錨點變成直線的連接點。 表示單擊錨點可以形成一個封閉的圖形。,2.2 “繪制樹葉” 案例,2、“線條工具”的使用 在使用【線條工具】繪制直線時，按住Shift鍵可以繪制水平、豎直

4、方向上的直線，也可以繪制出45角的直線。,3、“鉛筆工具”的使用：鉛筆工具有三種繪圖模式（直線化、平滑和墨水） 在使用【鉛筆工具】的過程中按住Shift鍵，則線的延伸方向?qū)⒈幌拗圃谒?，豎直方向上。,三、技術(shù)要點,2.2 “繪制樹葉” 案例,（1）在使用【鋼筆工具】時，光標(biāo)的不同形狀 、 、 、 各代表什么含義？ （2）請使用【線條工具】繪制下面的小船。 （3）請說出【鉛筆工具】的幾種繪圖模式，各有什么特點？,四、練習(xí),2.2 “繪制樹葉” 案例,本節(jié)內(nèi)容,案例效果,操作步驟,技術(shù)要點,練習(xí),2.3 “繪制雪房子” 案例,一、案例效果,重點與難點： 【矩形工具】、【橢圓工具】、【多角星形工具】

5、、【刷子工具】、【橡皮擦工具】的使用，五類工具的“屬性”面板的設(shè)置 。,2.3 “繪制雪房子” 案例,二、操作步驟,1：設(shè)置“文檔屬性”把文檔大小修改為400300，并把文件保存為“雪房子”。 2：使用“矩形工具”和“選擇工具”繪制房子的外觀輪廓如下圖：,2.3 “繪制雪房子” 案例,二、操作步驟,3：使用“多角星形工具”繪制屋沿，“線條工具”繪制房屋線條，如下圖 4：繪制門窗、煙囪、臺階和瓦片，效果如下圖,2.3 “繪制雪房子” 案例,二、操作步驟,5：修改某些線條的顏色和粗細(xì)等屬性，并使用“顏料桶”對房子進(jìn)行顏色填充，效果如下圖,2.3 “繪制雪房子” 案例,1、“矩形工具”的使用：“矩形

6、工具”擅長繪制矩形、正方形和圓角矩形。“矩形工具”的屬性面板如下圖 注意：Shift鍵可以畫正方形,三、技術(shù)要點,2.3 “繪制雪房子” 案例,2、“橢圓工具”的使用：“橢圓工具”擅長繪制橢圓和正圓，還可繪制扇形、空心橢圓或空心扇形。“基本橢圓工具”的屬性面板如下圖。 注意：Shift鍵可以畫正圓。,三、技術(shù)要點,2.3 “繪制雪房子” 案例,3、“多角星形工具”的使用：“多角星形工具”擅長繪制多邊形和星形?！岸嘟切切喂ぞ摺钡膶傩悦姘迦缦聢D：,三、技術(shù)要點,2.3 “繪制雪房子” 案例,4、“刷子工具”的使用：刷子可以設(shè)置其形狀和大小，共有5中模式可供選擇,三、技術(shù)要點,2.3 “繪制雪房子”

7、 案例,5、“橡皮擦工具”的使用：橡皮擦可以設(shè)置其形狀和大小，共有5中模式可供選擇 注意：雙擊“橡皮擦”可以擦除舞臺上的所有對象。,三、技術(shù)要點,2.3 “繪制雪房子” 案例,(4) 使用“矩形工具”、“橢圓工具”和“多角星形工具”繪制一座別墅，樣式自己設(shè)計。 (5)“刷子工具”有幾種繪畫模式？它們各有什么特點？ (6)“橡皮擦工具”有幾種擦除模式？它們各有什么特點？,四、練習(xí),2.3 “繪制雪房子” 案例,本節(jié)內(nèi)容,案例效果,操作步驟,技術(shù)要點,練習(xí),2.4 “繪制易拉罐” 案例,一、案例效果,重點與難點： 【顏料桶工具】、【漸變變形工具】、【墨水瓶工具】與“顏色”面板的使用，及三類工具的“

8、屬性”面板及“選項區(qū)”的設(shè)置 。,2.4 “繪制易拉罐” 案例,二、操作步驟,1：設(shè)置“文檔屬性” ，并把文件保存為“易拉罐”。 2：使用“矩形工具” 、“橢圓工具”和“線條工具”來繪制易拉罐的外觀輪廓如下圖：,2.4 “繪制易拉罐” 案例,二、操作步驟,3：在“顏色”面板中調(diào)制好顏色，使用“顏料桶工具”為易拉罐進(jìn)行填充，效果如下圖,2.4 “繪制易拉罐” 案例,二、操作步驟,4：使用“文本工具”，“屬性”面板設(shè)置如下圖，為易拉罐添加文字，最終效果如本節(jié)的案例效果圖。,2.4 “繪制易拉罐” 案例,1、“顏料桶工具”的使用：“顏料桶工具”可以進(jìn)行純色填充、漸變色填充（分為線性漸變色和放射性漸變

9、色）和位圖填充。 使用“顏色”面板來設(shè)置填充的純色時，又有三種方法：是通過輸入RGB的值及透明度來選擇具體顏色；是通過輸入十六進(jìn)制數(shù)來選擇顏色；是先選擇色塊，再選擇明暗度來設(shè)置顏色。,三、技術(shù)要點,2.4 “繪制易拉罐” 案例,“顏料桶工具”有四種填充模式，具體如下圖：,三、技術(shù)要點,2.4 “繪制易拉罐” 案例,2、“漸變變形工具”的使用：用來調(diào)整漸變色填充和位圖填充，下圖為線性填充和放射性填充的變形控制柄和中心點。,三、技術(shù)要點,2.4 “繪制易拉罐” 案例,3、“墨水瓶工具”主要是修改矢量圖形的線條的，如改變線條的粗細(xì)和顏色，也可以為沒有輪廓線的填充區(qū)添加邊線。另外，墨水瓶工具除了可以使

10、用純色填充線條，還可以使用漸變色或者位圖來填充線條。,三、技術(shù)要點,2.4 “繪制易拉罐” 案例,(7) Flash中有幾種填充？它們各有什么特色？,四、練習(xí),2.4 “繪制易拉罐” 案例,本節(jié)內(nèi)容,案例效果,操作步驟,技術(shù)要點,練習(xí),2.5 “繪制小青蛙” 案例,一、案例效果,重點與難點： 【選擇工具】的使用技巧、圖形的排列操作和圖形的組合與打散。,2.5 “繪制小青蛙” 案例,二、操作步驟,1：修改“文檔屬性”設(shè)置舞臺大小為 720576 ，并把文件保存為“小青蛙”。 2：繪制小青蛙。 第一步：使用“線條工具”繪制小青蛙的頭部，利用“選擇工具”調(diào)整線條，使其成為頭部輪廓線，過程如下圖,2.

11、5 “繪制小青蛙” 案例,二、操作步驟,第二步：使用“線條工具”繪制小青蛙的頭部分界線并進(jìn)行顏色填充，最后組合為群組，過程如下圖 第三步：繪制青蛙的眼睛和嘴巴，最后效果如下圖 注意：在繪制過程中可在“繪圖”圖層繪制每一個群組，再把群組粘貼到“卡通人物”圖層。,2.5 “繪制小青蛙” 案例,二、操作步驟,第四步：參照上面的方法繪制青蛙的身體，并調(diào)整頭部和身體的前后位置，過程如下圖 注意：不同圖層之間對象的前后位置可以調(diào)整，同一圖層中的不同群組的前后位置也可以調(diào)整。,2.5 “繪制小青蛙” 案例,二、操作步驟,第五步：參照上面的方法繪制青蛙的左右手和左右腳，過程如下圖,2.5 “繪制小青蛙” 案例

12、,二、操作步驟,第六步：調(diào)整小青蛙身體不同部位的前后位置，并刪除多余的線條。 注意：群組中的線條要雙擊進(jìn)入群組內(nèi)部后方可刪除。,2.5 “繪制小青蛙” 案例,1、“選擇工具”的使用:該工具可以選擇、移動舞臺上的對象，還可以調(diào)整圖形的形狀、進(jìn)入或退出整體對象內(nèi)部進(jìn)行操作 。 2.排列同一圖層上的對象：在同一圖層上，F(xiàn)lash會根據(jù)對象繪制的先后順序?qū)盈B放置。先繪制的放在最下面，最后繪制的放置在最上面。對于群組、繪制對象、元件實例和文本，可以改變它們在舞臺上的疊放次序。 3.圖形的組合與打散，快捷鍵為CtrlG和CtrlB，圖形打散后相交的部分融合為一體，組合的群組是相互獨立的。,三、技術(shù)要點,2

13、.5 “繪制小青蛙” 案例,(8) 根據(jù)青蛙的側(cè)面，分別繪制出青蛙的正面和背面，如下圖所示。,四、練習(xí),2.5 “繪制小青蛙” 案例,本節(jié)內(nèi)容,案例效果,操作步驟,技術(shù)要點,練習(xí),2.6 “春天來了” 案例,一、案例效果,重點與難點： “圖形”元件的建立和編輯、實例的編輯、【任意變形工具】的使用和圖形的平滑、伸直和優(yōu)化 。,2.6 “春天來了” 案例,二、操作步驟,1：設(shè)置“文檔屬性”，并把文件保存為“春天來了”。 2：繪制樹干。 第一步：使用“鉛筆工具”的“平滑”模式繪制大樹的樹干輪廓，利用“選擇工具”調(diào)整線條，使其如下圖,2.6 “春天來了” 案例,二、操作步驟,第二步：使用“顏料桶工具”

14、填充樹干，“漸變變形工具”調(diào)整填充效果，過程如下圖 第三步：選中整棵大樹，把其轉(zhuǎn)換為“大樹”元件 3：繪制樹葉：打開2.2“樹葉”源文件，復(fù)制其中的樹葉粘貼到舞臺上，并將其轉(zhuǎn)換為“樹葉”元件。,2.6 “春天來了” 案例,二、操作步驟,4：繪制“小草”元件，并“平滑”小草，過程如下圖。 5：繪制“小鳥”元件，并進(jìn)行顏色填充，過程如下圖。,2.6 “春天來了” 案例,二、操作步驟,6：繪制草地，并把繪制好的各個元件，拖放到舞臺的適當(dāng)位置進(jìn)行調(diào)整，最后效果如下圖。,2.6 “春天來了” 案例,1、“元件”的使用 （1）使用“元件”的好處：一是可以重復(fù)使用“庫”中已存在的元件；二是想改變實例的效果不

15、用一個一個來修改，只要修改“庫”中的元件；三是同個元件的實例還可以通過“屬性”面板來修改它的“位置”、“顏色”“透明度”等，使每個實例都有所不同，四是舞臺上每個元件的實例是一個整體，圖形之間不會相互影響。 （2）“元件”的建立、編輯和修改方法 。 （3）“元件”實例的編輯方法。,三、技術(shù)要點,2.6 “春天來了” 案例,2、“任意變形工具”的使用 使用【任意變形工具】不僅可以對矢量圖形進(jìn)行縮放、旋轉(zhuǎn)、傾斜、扭曲封套等，還可以對元件實例、群組、文本和位圖等執(zhí)行這些操作。 3、圖形的平滑、伸直和優(yōu)化 注意：由于平滑和優(yōu)化的區(qū)別，某些時候?qū)D形優(yōu)化后圖形變化不明顯，但是圖形的線條數(shù)卻是減少了很多，F(xiàn)

16、lash文件的尺寸變化比較明顯。,三、技術(shù)要點,2.6 “春天來了” 案例,(9) 使用元件有什么好處？ (10) 平滑圖形和優(yōu)化圖形有什么區(qū)別？各有什么作用？,四、練習(xí),2.6 “春天來了” 案例,本節(jié)內(nèi)容,案例效果,操作步驟,技術(shù)要點,練習(xí),2.7 “Happy time 特效文字” 案例,一、案例效果,重點與難點： 導(dǎo)入位圖的方法、【套索工具】的使用和選項的設(shè)置、將位圖轉(zhuǎn)換為矢量圖形和【文本工具】的使用技巧。,2.7 “Happy time 特效文字” 案例,二、操作步驟,1：設(shè)置“文檔屬性”，并把文件保存為“happy time”。 2：制作背景。 第一步：將舞臺的顯示比例設(shè)為50，繪

17、制一個矩形，并進(jìn)行線性填充，使用“漸變變形工具”調(diào)整填充效果，效果如下圖,2.7 “Happy time 特效文字” 案例,二、操作步驟,第二步：新建一個“圖層2”，在該圖層導(dǎo)入圖片“花與蝴蝶”，將該位圖轉(zhuǎn)換為矢量圖形，選中其中的花朵和蝴蝶，粘貼到“圖層1”并將其轉(zhuǎn)換為元件，調(diào)整元件在舞臺中的位置，設(shè)置其透明度為45，并刪除圖層2及庫中的位圖“花與蝴蝶”，背景圖片的效果如下圖。,2.7 “Happy time 特效文字” 案例,二、操作步驟,3：制作文字。 第一步：新建一個“文本”圖層，在該圖層上使用“文本工具”書寫“happy time”，并將文字打散，變形、擴充，最后效果如右圖。 第二步：

18、借助“墨水瓶工具”，“刷子工具”“顏料桶工具”對文字進(jìn)行加工，并為字母“a” 和“i”設(shè)置動畫效果，保存為影片剪輯，效果如下圖。,2.7 “Happy time 特效文字” 案例,二、操作步驟,4：新建一個圖層，導(dǎo)入位圖“女孩和小狗”，借助“套索工具”將其中的小狗和女孩裁出，放在“happy time ”文字的下方，最后效果如本節(jié)效果圖。,2.7 “Happy time 特效文字” 案例,1、圖像的導(dǎo)入。 2、“套索工具”的使用。 套索工具用于選擇圖形中的不規(guī)則形狀區(qū)域，被選定區(qū)域可以作為一個單獨的對象進(jìn)行移動、旋轉(zhuǎn)或變形。共有3種功 能按鈕，“魔術(shù)棒”， “魔術(shù)棒設(shè)置”和“多邊形模式”。 3

19、、將位圖轉(zhuǎn)換為矢量圖形。 4、“文本工具”的使用。 要創(chuàng)建漂亮的文字，第一步要選擇合適的字體；第二步是對文字進(jìn)行變形，如壓縮、傾斜、旋轉(zhuǎn)等，還可將文字打散后使用圖形繪制工具來調(diào)整文字形狀。,三、技術(shù)要點,2.7 “Happy time 特效文字” 案例,（12）請制作圖2.174所示的效果文字。,四、練習(xí),2.7 “Happy time 特效文字” 案例,本節(jié)內(nèi)容,案例效果,操作步驟,技術(shù)要點,練習(xí),2.8 “繪制動態(tài)山水畫” 案例,一、案例效果,重點與難點： “設(shè)計”面板的使用、對圖層的基本操作和對圖形進(jìn)行編輯的一些輔助菜單（如擴展填充和柔化填充邊界、將線條轉(zhuǎn)化為填充、水平和垂直翻轉(zhuǎn)等）的使

20、用。,2.8 “繪制動態(tài)山水畫” 案例,二、操作步驟,1：設(shè)置“文檔屬性”，并把文件保存為“動態(tài)山水畫”。 2：繪制花朵。 第一步：繪制“花瓣”圖形元件，使用“橢圓工具”和“鉛筆工具”繪制花瓣，并進(jìn)行填充，效果如下圖。,2.8 “繪制動態(tài)山水畫” 案例,二、操作步驟,第二步：繪制“花朵1”圖形元件，從庫面板中拖出“花瓣”圖形元件，調(diào)整變形中心后，進(jìn)行變形和復(fù)制，過程如下圖。 第三步：繪制“花朵2”圖形元件，從庫面板中兩次拖出“花朵1”元件，分別放在不同圖層，分別對其到舞臺中央，并重新設(shè)置透明度，并把其中一個適當(dāng)旋轉(zhuǎn)，然后在第3個圖層上繪制花心，最后效果如下圖。,2.8 “繪制動態(tài)山水畫” 案例

21、,二、操作步驟,3：繪制“小鴨”圖形元件，繪制計填充過程如下圖。 注意 ：小鴨的身體、頭、嘴和尾巴分別放在3個不同的圖層。,2.8 “繪制動態(tài)山水畫” 案例,二、操作步驟,4：繪制圖形元件“白云1”和“白云2” ，繪制過程要使用“柔化填充邊界”的功能，最后效果如下圖。,2.8 “繪制動態(tài)山水畫” 案例,二、操作步驟,5：繪制“山峰”與其“倒影”，使用“鉛筆工具”的“平滑”模式繪制山峰輪廓線，然后進(jìn)行顏色填充，然后將山峰轉(zhuǎn)換為圖形元件，新建一個圖層，在該圖層放置“山峰”元件，并使其“垂直翻轉(zhuǎn)”，調(diào)整其透明度，最后效果如下圖。,2.8 “繪制動態(tài)山水畫” 案例,二、操作步驟,6：繪制“天空”與“波

22、浪”，繪制“天空”時使用的是“矩形工具”，進(jìn)行線性填充，繪制“波浪”時，要借助網(wǎng)格，并對繪制的線條進(jìn)行“平滑”處理，最后效果如下圖。,2.8 “繪制動態(tài)山水畫” 案例,二、操作步驟,7：調(diào)整各圖層的關(guān)系如下圖，并在“白云”、“小鴨”和“花朵”圖層設(shè)置補間動畫，并調(diào)整“花朵”圖層每片花朵的透明度。,2.8 “繪制動態(tài)山水畫” 案例,1、“設(shè)計”面板的使用，“設(shè)計”面板包括“對齊”“變形”和“信息”面板,三、技術(shù)要點,2.8 “繪制動態(tài)山水畫” 案例,2、對圖層的基本操作 使用圖層并不會增加動畫文件的大小，相反它可以更好幫助我們安排和組織圖形，文字和動畫。 （1）圖層的種類：普通圖層、引導(dǎo)圖層、遮罩圖層 （2）圖層的建