FlashCS6課件制作案例教學(xué)經(jīng)典教程第2章

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

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

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

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

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

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

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

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

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

創(chuàng)建基本形狀更改筆觸和使用漸變填充5．單擊“顏色”面板中的“填充顏色”圖標(biāo)（），在“純色”下拉菜單中選擇“線性漸變”，從左到右任意選擇漸變的顏色。6．在“顏色”面板中選擇位于顏色漸變左邊的顏色指針，然后在十六進(jìn)制欄中輸“FFF098”。按下Enter回車鍵。7．選擇最右邊的顏色指針，輸入“FFEE48”，按下Enter回車鍵。圓月亮的表面上將從淺黃到深黃進(jìn)行漸變。8．月亮的漸變中深黃色部分過多，還要在中間位置讓顏色適當(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、在舞臺上創(chuàng)建一個矩形。選擇筆觸顏色為“無”，填充顏色為藍(lán)色，其位置和屬性和舞臺一樣大小。3、改變矩形的填充色。將其填充為一從深藍(lán)到淺藍(lán)的漸變圖形。4、即完成了矩形背景的創(chuàng)建。2.4

創(chuàng)建背景圖案

使用“漸變變形”工具

1、新建圖層并重命名為“背景”。2、在舞臺上創(chuàng)建一個矩形。選擇筆觸顏色為“無”，填充顏色為藍(lán)色，其位置和屬性和舞臺一樣大小。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、在舞臺上建立第一個錨點(diǎn)，開始作圖。在“舞臺”上的另一個部分單擊，指示形狀中的下一個錨點(diǎn)。重復(fù)操作，直至最后一個錨點(diǎn)與第一個錨點(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．拖動曲線和調(diào)整它的形狀以至達(dá)到所需的效果。4．在形狀的輪廓上單擊，就可以出現(xiàn)錨點(diǎn)和句柄，調(diào)整和美化曲線和形狀。2.4

創(chuàng)建背景圖案

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

添加錨點(diǎn)

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

創(chuàng)建圓形形狀

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

創(chuàng)建星型形狀

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

創(chuàng)建和編輯文本1．新建圖層命名為“文本”。2．選擇“文本”工具。創(chuàng)建文字“古朗月行”。3．選中剛創(chuàng)建的文本，選擇“修改”>“轉(zhuǎn)換為元件”，類型為影片剪輯，命名為“古朗月行”，點(diǎn)擊“確定”按鈕。4．在元件“古朗月行”中編輯文字，選擇自己喜歡的字體和顏色，調(diào)整大小。5．選中文本，選擇“修改”>“分離”，這樣分離兩次。第一次如圖2.61所示，第二次如圖2.62所示，注意第二次分離后字體上會出現(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鍵，拖動其中的一個角，變形效果如圖。

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

2.6

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

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

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

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

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

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

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

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