精品資源共享課第二章Flash課件中圖形的繪制與編輯本章主要內(nèi)容

1繪制基礎(chǔ)圖形，并進(jìn)行簡(jiǎn)單修改

2對(duì)圖形進(jìn)行填充和筆觸設(shè)置3

4元件的基本操作利用鋼筆工具創(chuàng)建和編輯曲線

5創(chuàng)建和編輯文本本章案例介紹本章是一個(gè)語(yǔ)文詩(shī)詞的靜態(tài)插圖課件。通過(guò)這個(gè)案例，學(xué)習(xí)Flash工具面板中的常用繪畫(huà)工具、繪畫(huà)調(diào)整工具、顏色工具等來(lái)繪制一些矢量形狀，修改它們，以及學(xué)習(xí)組合簡(jiǎn)單的元素來(lái)創(chuàng)建復(fù)雜的畫(huà)面。學(xué)習(xí)創(chuàng)建和修改圖形是在制作Flash動(dòng)畫(huà)的基礎(chǔ)。只有繪制好了靜態(tài)矢量圖，才能制作出優(yōu)秀的動(dòng)畫(huà)作品。2.1新建文件

操作步驟如下：1．在菜單欄中選擇“文件”--“新建”按鈕。

在“新建文件”對(duì)話框中，選擇“ActionScript3.0”，然后單擊“確定”按鈕以創(chuàng)建一個(gè)新的Flash文檔（*.fla）。2．在菜單欄中選擇“文件”--“保存”按鈕。把文件命名為“02demo.fla”，并把它保存在02Start文件夾中。2.2筆觸和填充在Flash中的每幅圖形開(kāi)始于一種形狀。形狀由兩個(gè)部分組成：填充和筆觸，。請(qǐng)牢記這兩個(gè)組成部分。填充和筆觸是彼此獨(dú)立的，因此可以輕松地修改或刪除其中一個(gè)部分，而不會(huì)影響另一個(gè)部分。該怎么操作呢？2.2筆觸和填充操作如下：1．在選擇工具面板中的矩形工具后，將工具面板的筆觸顏色改為紅色，填充顏色改色藍(lán)色。也可以在右側(cè)的屬性檢查器中進(jìn)行同樣的修改。將筆觸的大小改為3像素。在舞臺(tái)上繪制一個(gè)矩形。2．圖形繪制后可以進(jìn)行修改。在屬性檢查器中把填充更改為綠色，筆觸改為黃色，筆觸改為5像素。舞臺(tái)上的矩形將發(fā)生改變。2.2筆觸和填充3．可以獨(dú)立地移動(dòng)填充或筆觸。點(diǎn)擊黑色箭頭的“選擇工具”按鈕，在點(diǎn)擊圖形中黃色的填充部分，就可以拖拽移動(dòng)該部分的內(nèi)容了。4．如果想移動(dòng)整個(gè)形狀，就要確保同時(shí)選取它的填充和筆觸，即鼠標(biāo)雙擊。5．刪除剛才創(chuàng)建的圖形。2.3

創(chuàng)建基本形狀使用“橢圓”工具操作步驟如下：1．在“工具”面板中，在“矩形”工具上單擊并按住鼠標(biāo)左鍵，訪問(wèn)隱藏的工具。然后選擇“橢圓”工具。2．確保沒(méi)有選擇“對(duì)象繪制”模式圖標(biāo)（）。將工具面板的筆觸顏色改為紅色，填充顏色改色黃色。按住鍵盤(pán)上的Shift鍵，同時(shí)在舞臺(tái)上單擊拖拽它，繪制一個(gè)正圓。3．在“時(shí)間軸”上選擇“圖層1”，然后雙擊圖層的名稱(chēng)，輸入“月亮”，再單擊名稱(chēng)框外面，更改圖層名稱(chēng)。4．在“工具”面板中，點(diǎn)擊“選擇工具”按鈕。全選當(dāng)前圖形（包括筆觸和填充）。5．在屬性檢查器中，將圓形的高寬都改為200像素。如果不按Shift鍵，F(xiàn)lash將不會(huì)對(duì)圓的長(zhǎng)寬進(jìn)行等比例的縮放，這樣可以繪制各種長(zhǎng)寬大小的橢圓。使用矩形工具畫(huà)圖時(shí)按住Shift鍵可畫(huà)正方形，使用畫(huà)線工具畫(huà)圖按住Shift鍵可畫(huà)直線。2.3

創(chuàng)建基本形狀更改筆觸和使用漸變填充操作步驟如下：1．在“工具”面板中，點(diǎn)擊“選擇工具”按鈕。2．當(dāng)鼠標(biāo)箭頭移動(dòng)到圓形外圍的筆觸圓環(huán)時(shí)，會(huì)箭頭會(huì)變成（）形狀。點(diǎn)擊圓環(huán)。3．按下Delete鍵。這樣就刪除了圓的外圍筆觸，只保留了內(nèi)部的填充以方便后面的編輯。4．選中黃色圓。單擊菜單欄“窗口”--“顏色”按鈕。彈出“顏色面板”。2.3

創(chuàng)建基本形狀更改筆觸和使用漸變填充5．單擊“顏色”面板中的“填充顏色”圖標(biāo)（），在“純色”下拉菜單中選擇“線性漸變”，從左到右任意選擇漸變的顏色。6．在“顏色”面板中選擇位于顏色漸變左邊的顏色指針，然后在十六進(jìn)制欄中輸“FFF098”。按下Enter回車(chē)鍵。7．選擇最右邊的顏色指針，輸入“FFEE48”，按下Enter回車(chē)鍵。圓月亮的表面上將從淺黃到深黃進(jìn)行漸變。8．月亮的漸變中深黃色部分過(guò)多，還要在中間位置讓顏色適當(dāng)變淺。點(diǎn)擊月亮圖形，在漸變定義條的下面的中間位置單擊，創(chuàng)建新的顏色指針。9．選擇新的顏色指針，然后輸入“F2E484”，為新顏色設(shè)定比當(dāng)前顏色更淺的黃色，再按Enter。月亮的漸變填充中淺黃色的部分將更加多，月亮也就更加明亮。2.4

創(chuàng)建背景圖案2.4.1使用“矩形”工具2.4.2使用“漸變變形”工具2.4.3使用“鋼筆”工具2.4.4利用“選擇”和“部分選取”工具編輯曲線2.4.5刪除或添加錨點(diǎn)2.4

創(chuàng)建背景圖案

使用“矩形”工具

操作步驟如下：1、新建圖層并重命名為“背景”。2、在舞臺(tái)上創(chuàng)建一個(gè)矩形。選擇筆觸顏色為“無(wú)”，填充顏色為藍(lán)色，其位置和屬性和舞臺(tái)一樣大小。3、改變矩形的填充色。將其填充為一從深藍(lán)到淺藍(lán)的漸變圖形。4、即完成了矩形背景的創(chuàng)建。2.4

創(chuàng)建背景圖案

使用“漸變變形”工具

1、新建圖層并重命名為“背景”。2、在舞臺(tái)上創(chuàng)建一個(gè)矩形。選擇筆觸顏色為“無(wú)”，填充顏色為藍(lán)色，其位置和屬性和舞臺(tái)一樣大小。3、改變矩形的填充色。將其填充為一從深藍(lán)到淺藍(lán)的漸變圖形。4、即完成了矩形背景的創(chuàng)建。1、變形句柄右側(cè)邊線上的方塊句柄點(diǎn)擊拖拽可以改變漸變的范圍；2、變形句柄右側(cè)邊線頂上的圓圈箭頭句柄點(diǎn)擊拖拽可以改變漸變的方向；3、變形句柄中心的圓圈句柄點(diǎn)擊拖拽可以改變漸變的位置。2.4

創(chuàng)建背景圖案使用“鋼筆”工具

操作步驟如下：1、新建圖層并重命名為“波紋1”。2、選擇“鋼筆”工具，將筆觸設(shè)為“深藍(lán)色”。3、在舞臺(tái)上建立第一個(gè)錨點(diǎn)，開(kāi)始作圖。在“舞臺(tái)”上的另一個(gè)部分單擊，指示形狀中的下一個(gè)錨點(diǎn)。重復(fù)操作，直至最后一個(gè)錨點(diǎn)與第一個(gè)錨點(diǎn)重合，描繪出波紋的大致形狀。4、為波紋1填充適當(dāng)?shù)臐u變色。5、重復(fù)操作，完成圖層“波紋2”的制作。2.4

創(chuàng)建背景圖案利用“選擇”和“部分選取”工具編輯曲線

操作步驟如下：1．選取“選擇”工具。2．把鼠標(biāo)指針指在一條曲線上，如果看到的是光標(biāo)附近出現(xiàn)了曲線，那么就可以編輯和調(diào)整曲線。3．拖動(dòng)曲線和調(diào)整它的形狀以至達(dá)到所需的效果。4．在形狀的輪廓上單擊，就可以出現(xiàn)錨點(diǎn)和句柄，調(diào)整和美化曲線和形狀。2.4

創(chuàng)建背景圖案

刪除或添加錨點(diǎn)

添加錨點(diǎn)

刪除錨點(diǎn)圖標(biāo)功能添加一個(gè)錨點(diǎn)刪除一個(gè)錨點(diǎn)2、5創(chuàng)建特殊形狀

創(chuàng)建圓形形狀

操作步驟如下：1．新建一個(gè)圖層，命名為“白月亮”。2．單擊按住“矩形”工具，訪問(wèn)它下面的隱藏工具“橢圓工具”。3．在“工具”面板中，選擇筆觸為空，填充為白色。4．利用“橢圓”工具按住Shift鍵在舞臺(tái)的左上部區(qū)域創(chuàng)建一個(gè)小圓形狀2、5創(chuàng)建特殊形狀

創(chuàng)建星型形狀

操作步驟如下：1．新建一個(gè)圖層，命名為“星星”。2．單擊按住“矩形”工具，訪問(wèn)它下面的隱藏工具“多角星工具”。3．在屬性面板中，點(diǎn)擊工具設(shè)置“選項(xiàng)...”按鈕，會(huì)出現(xiàn)如圖2.27所示的對(duì)話框，在樣式下拉菜單選擇“星形”，變數(shù)設(shè)置為“5”。4．在屬性面板中，點(diǎn)擊筆觸顏色，選擇為“空”，點(diǎn)擊填充顏色，選擇為黃色。5．用同樣的方式，選擇填充顏色為橘黃和土黃，以不同的大小在“星星”圖層中繪制出多個(gè)五角星和圓形的圖像。2.6

創(chuàng)建和編輯文本1．新建圖層命名為“文本”。2．選擇“文本”工具。創(chuàng)建文字“古朗月行”。3．選中剛創(chuàng)建的文本，選擇“修改”>“轉(zhuǎn)換為元件”，類(lèi)型為影片剪輯，命名為“古朗月行”，點(diǎn)擊“確定”按鈕。4．在元件“古朗月行”中編輯文字，選擇自己喜歡的字體和顏色，調(diào)整大小。5．選中文本，選擇“修改”>“分離”，這樣分離兩次。第一次如圖2.61所示，第二次如圖2.62所示，注意第二次分離后字體上會(huì)出現(xiàn)斑點(diǎn)，就表示分離徹底了，可以用圖形的方式進(jìn)行編輯。

圖2.61圖2.62圖2.632.6

創(chuàng)建和編輯文本6．框選“古”字。7．選擇“窗口”>“顏色”，在顏色面板中的下拉菜單中選擇“線性漸變”。8．雙擊漸變條兩端的調(diào)色點(diǎn)，選擇漸變顏色為淺藍(lán)到深藍(lán)。9．根據(jù)以上的步驟編輯“朗”，“月”，“行”。完整的文本效果如圖。

10．利用“任意變形”工具，改變文本的形狀。

11．首先變形“古”，按住Ctrl鍵，拖動(dòng)其中的一個(gè)角，變形效果如圖。

12．依據(jù)以上步驟可以變形“朗”，“月”，“行”，變形后的效果如圖。

2.6

創(chuàng)建和編輯文本13．回到“場(chǎng)景1”，把“古朗月行”拖到“文本”圖層中，調(diào)整其位置，可把它放在“白月”的旁邊。14．雙擊剛拖進(jìn)舞臺(tái)上的文本“古朗月行”，進(jìn)入再次編輯狀態(tài)。在屬性檢查器中選擇“濾鏡”后選擇“發(fā)光”，顏色選擇“白色”，模糊X和Y輸入“5”像素，強(qiáng)度調(diào)整到“300%”。15、回到“場(chǎng)景1”，設(shè)置文本的“投影”效果，選擇“屬性”面板中的“濾鏡”最下面的“添加濾鏡”，可以添加“投影”，設(shè)置如圖。2.6

創(chuàng)建和編輯文本16．分別添加文字“小時(shí)不識(shí)月”，“呼作白玉盤(pán)”，“又疑瑤臺(tái)鏡”，“飛在青云端”。17．設(shè)置文本的“投影”和“斜角”效果，選擇“屬性”面板中的“濾鏡”最下面的“添加濾鏡”，可以添加“投影”和“斜角”，設(shè)置如圖。希望通過(guò)這個(gè)作品對(duì)Flah的繪圖功能進(jìn)行練習(xí)，包括繪制矩形、橢圓及其他形狀，并修改所繪制對(duì)象的形狀、顏色和大小，了解填充和筆觸設(shè)置，使用各種漸變填充操作，制作對(duì)稱(chēng)的和裝飾性的圖案，創(chuàng)建和編輯曲線等。另還包括創(chuàng)建和編輯文本的內(nèi)容。小結(jié)知識(shí)點(diǎn)繪制簡(jiǎn)單線段和圖形繪畫(huà)的參數(shù)設(shè)置

移動(dòng)和刪除圖形填充和筆觸的設(shè)置

將圖形轉(zhuǎn)換為元件

對(duì)元件進(jìn)行簡(jiǎn)單的操作簡(jiǎn)單文本的創(chuàng)建和編輯對(duì)圖形進(jìn)行顏色、漸變和筆觸的編輯

用鋼筆工具繪制不規(guī)則圖形運(yùn)用特殊工具來(lái)繪制各種特殊圖形

作業(yè)模擬練習(xí)

打開(kāi)光盤(pán)“模擬練習(xí)”文件目錄，選擇“Lesson02”，仿照Lesson02.swf文件，做一