Flash CS3基礎(chǔ)與實(shí)例教程(一)

1、 .第一課 Flash CS3 工作環(huán)境Flash CS3 以便捷、完美、舒適的動(dòng)畫編輯環(huán)境，深受廣大動(dòng)畫制作愛好者的喜愛，在制作動(dòng)畫之前，先對(duì)工作環(huán)境進(jìn)行介紹，包括一些基本的操作方法和工作環(huán)境的組織和安排。1.1 工作環(huán)境簡介1開始頁運(yùn)行 Flash CS3，首先映入眼簾的是“開始頁”，“開始頁”將常用的任務(wù)都集中放在一個(gè)頁面中，包括“打開最近的項(xiàng)目”、“新建”、“從模板創(chuàng)建”、“擴(kuò)展”以及對(duì)官方資源的快速訪問。如圖 1-1 所示。圖 1-1 開始頁如果要隱藏“開始頁”，可以單擊選擇“不再顯示”對(duì)話框，然后在彈出的對(duì)話框單擊“確定”按鈕。如果要再次顯示開始頁，可以通過選擇“編輯”|“首選參數(shù)

2、”命令，打開“首選參數(shù)”對(duì)話框，然后在“常規(guī)”類別中設(shè)置“啟動(dòng)時(shí)”選項(xiàng)為“歡迎屏幕”即可。2工作窗口在“開始頁”，選擇“創(chuàng)建新項(xiàng)目”下的“Flash 文件”，這樣就啟動(dòng) Flash CS3 的工作窗口并新建一個(gè)影片文檔。如圖 1-2 所示。精品 .圖 1-2 Flash CS3 的工作窗口Flash CS3 的工作窗口由標(biāo)題欄、菜單欄、主工具欄、文檔選項(xiàng)卡、編輯欄、時(shí)間軸、工作區(qū)和舞臺(tái)、工具箱以及各種面板組成。窗口最上方的是“標(biāo)題欄”，自左到右依次為控制菜單按鈕、軟件名稱、當(dāng)前編輯的文檔名稱和窗口控制按鈕?！皹?biāo)題欄”下方是“菜單欄”，在其下拉菜單中提供了幾乎所有的 Flash CS3 命令項(xiàng)。

3、“菜單欄”下方是“主工具欄”，通過它可以快捷的使用 Flash CS3 的控制命令?！爸鞴ぞ邫凇钡南路绞恰拔臋n選項(xiàng)卡”，主要用于切換當(dāng)前要編輯的文檔，其右側(cè)是文檔控制按鈕。“文檔選項(xiàng)卡”下方是“編輯欄”，可以用于“時(shí)間軸”的隱藏或顯示、“工作區(qū)布局”的切換、“編輯場景”或“編輯元件”的切換、舞臺(tái)顯示比例設(shè)置等。“編輯欄”下方是“時(shí)間軸”，用于組織和控制文檔內(nèi)容在一定時(shí)間內(nèi)播放的圖層數(shù)和幀數(shù)。時(shí)間軸左側(cè)是圖層，圖層就像堆疊在一起的多張幻燈膠片一樣，在舞臺(tái)上一層層地向上疊加。如果上面一個(gè)圖層上沒有內(nèi)容，那么就可以透過它看到下面的圖層。Flash 中有普通層、引導(dǎo)層、遮罩層和被遮罩層 4 種圖層類型

4、，為了便于圖層的管理，用戶還可以使用圖層文件夾。精品 .圖 1-3 時(shí)間軸“時(shí)間軸”下方是“工作區(qū)”和“舞臺(tái)”。Flash CS3 擴(kuò)展了舞臺(tái)的工作區(qū)，可以在上面存儲(chǔ)更多的項(xiàng)目。舞臺(tái)是放置動(dòng)畫內(nèi)容的矩形區(qū)域，這些內(nèi)容可以是矢量插圖、文本框、按鈕、導(dǎo)入的位圖圖形或視頻剪輯等。如圖 1-4 所示。圖 1-4 舞臺(tái)工作時(shí)根據(jù)需要可以改變“舞臺(tái)“顯示的比例大小，可以在“時(shí)間軸”右上角的“顯示比例”中設(shè)置顯示比例，最小比例為 8%，最大比例為 2000%，在下拉菜單中有三個(gè)選項(xiàng)，【符合窗口大小】選項(xiàng)用來自動(dòng)調(diào)節(jié)到最合適的舞臺(tái)比例大?。弧撅@示幀】選項(xiàng)可以顯示當(dāng)前幀的內(nèi)容；【全部顯示】選項(xiàng)能顯示整個(gè)工作區(qū)中

5、包括在“舞臺(tái)”之外的元素。選擇工具箱中的【手形工具】 ，在舞臺(tái)上拖動(dòng)鼠標(biāo)可平移舞臺(tái)；選擇【縮放工具】 ，在舞臺(tái)上單擊可放大或縮放舞臺(tái)的顯示；選擇【縮放工具】后，在工具箱的【選項(xiàng)】下會(huì)顯示出兩個(gè)按鈕，分別為【放大】和【縮小】，分別單擊它們可在“放大視圖工具”與“縮小視圖工具”之間切換，如圖 1-5 所示。選擇選擇【縮放工具】后，按住鍵盤上的Alt 鍵，單擊舞臺(tái)，可快捷縮小視圖。精品 .圖 1-5 縮放工具的選項(xiàng)圖 1-6 工具箱窗口左側(cè)是功能強(qiáng)大的“工具箱”，它是 Flash 中最常用到的一個(gè)面板，由“工具”、“查看”、“顏色”和“選項(xiàng)”四部分組成。在 Flash CS3 中，工具箱可以自由地安

6、排為單列或雙列顯示，單擊工具箱上方的三角按鈕 可以在兩種狀態(tài)之間變換，如圖1-6 所示，是顯示為雙列的狀態(tài)。多個(gè)“面板”圍繞在“舞臺(tái)”的下面和右面，包括常用的【屬性】/【濾鏡】/【參數(shù)】面板組，還有【顏色】面板組和【庫】面板等。面板是 Flash 工作窗口中最重要的操作對(duì)象，下面我們逐一進(jìn)行介紹。1.2 面板1面板的基本操作（1）打開面板可以通過選擇“窗口”菜單中的相應(yīng)命令打開指定面板。（2）關(guān)閉面板在已經(jīng)打開的面板標(biāo)題欄上右擊，然后在快捷菜單中選擇“關(guān)閉面板組”命令即可，或者也可直接單擊面板右上角的“關(guān)閉”按鈕。（3）重組面板在已經(jīng)打開的面板標(biāo)題欄上右擊，然后在快捷菜單中選擇“將面板組合至”

7、某個(gè)面板中即可。（4）重命名面板組在面板組標(biāo)題欄上右擊，然后在快捷菜單中選擇“重命名面板組”命令，打開“重命名面板組”對(duì)話框。在定義完“名稱”后，單擊“確定”按鈕即可。如果不指定面板組名稱，各個(gè)面板會(huì)依次排列在同一標(biāo)題欄上。（5）折疊或展開面板單擊標(biāo)題欄或者標(biāo)題欄上的折疊按鈕可以將面板折疊為其標(biāo)題欄。再次單擊即可展開。精品 .（6）移動(dòng)面板可以通過拖動(dòng)標(biāo)題欄區(qū)域或者將固定面板移動(dòng)為浮動(dòng)面板。（7）將面板縮為圖標(biāo)在 Flash CS3 中，面板的操作增加了一項(xiàng)新的內(nèi)容，這就是“將面板縮為圖標(biāo)”，它能將面板以圖標(biāo)的形式顯現(xiàn)，進(jìn)一步擴(kuò)大了舞臺(tái)區(qū)域，為創(chuàng)作動(dòng)畫提供了良好的環(huán)境。（8）恢復(fù)默認(rèn)布局可以通

8、過選擇“窗口”菜單中的“工作區(qū)布局”|“默認(rèn)”命令即可。2“幫助”面板“幫助”面板包含了大量信息和資源，對(duì) Flash 的所有創(chuàng)作功能和 ActionScript 語言進(jìn)行了詳盡的說明?！皫椭泵姘蹇梢噪S時(shí)對(duì)軟件的使用或動(dòng)作腳本語法進(jìn)行查詢，使用戶更好地使用軟件的各種功能。如圖 1-7 所示。圖 1-7 “幫助”面板如果從未使用過 Flash，或者只使用過有限的一部分功能，可以從“使用Flash”選項(xiàng)開始學(xué)習(xí)。在其上方有一組快速訪問的工具按鈕，在文本框中輸入詞條或短語，然后單擊“搜索”按鈕，包含該詞條或短語的主題列表即會(huì)顯示出來。3“動(dòng)作”面板“動(dòng)作”面板可以創(chuàng)建和編輯對(duì)象或幀的 Action

9、Script 代碼，主要由“動(dòng)作工具箱”、“腳本導(dǎo)航器”和“腳本”窗格組成。如圖1-8 所示。關(guān)于此面板的詳細(xì)應(yīng)用，我們會(huì)在后面的章節(jié)中具體講解。圖 1-8 “動(dòng)作”面板4“屬性”面板使用“屬性”面板可以很容易地設(shè)置舞臺(tái)或時(shí)間軸上當(dāng)前選定對(duì)象的最常用屬性，從而加快了 Flash 文檔的創(chuàng)建過程。如圖 1-9 所示。精品 .當(dāng)選定對(duì)象不同時(shí)，“屬性”面板中會(huì)出現(xiàn)不同的設(shè)置參數(shù)，針對(duì)此面板的使用在后面的課里會(huì)陸續(xù)介紹。圖 1-9 “屬性”面板5“濾鏡”面板濾鏡對(duì)制作 Flash 動(dòng)畫產(chǎn)生了便利和巨大影響，F(xiàn)lash CS3 又新增了復(fù)制和粘貼濾鏡的功能，使濾鏡的使用達(dá)到了前所未有的便捷。默認(rèn)情況下

10、，“濾鏡”面板、“屬性”面板和“參數(shù)”面板組成一個(gè)面板組。如圖1-10 所示。針對(duì)此面板的使用在后面的章節(jié)里會(huì)詳細(xì)介紹。圖 1-10 “濾鏡”面板7“對(duì)齊”面板“對(duì)齊”面板可以重新調(diào)整選定對(duì)象的對(duì)齊方式和分布，如圖1-12 所示。圖 1-12 “對(duì)齊”面板“對(duì)齊”面板分為 5 個(gè)區(qū)域：【相對(duì)于舞臺(tái)】：按下此按鈕后可以調(diào)整選定對(duì)象相對(duì)于舞臺(tái)尺寸的對(duì)齊方式和分布；如果沒有按下此按鈕則是兩個(gè)以上對(duì)象之間的相互對(duì)齊和分布?！緦?duì)齊】：用于調(diào)整選定對(duì)象的左對(duì)齊、水平中齊、右對(duì)齊、上對(duì)齊、垂直中齊和底對(duì)齊?！痉植肌浚河糜谡{(diào)整選定對(duì)象的頂部、水平居中和底部分布，以及左側(cè)、垂直居中和右側(cè)分布?！酒ヅ浯笮　浚河糜?/p>

11、調(diào)整選定對(duì)象的匹配寬度、匹配高度或匹配寬和高?！鹃g隔】：用于調(diào)整選定對(duì)象的水平間隔和垂直間隔。8“顏色”面板在 Flash CS3 中已經(jīng)找不到以前版本的“混色器”面板，替代它的是“顏色”面板，如圖 1-13 所示。用“顏色”面板可以創(chuàng)建和編輯“筆觸顏色”和“填充顏色”的顏色。默認(rèn)為RGB 模式，顯示紅、綠和藍(lán)的顏色值，“Alpha”值用來指定顏色的透明度，其范圍在 0%100%，精品 .0%為完全透明，100%為完全不透明。“顏色代碼”文本框中顯示的是以“#”開頭十六進(jìn)制模式的顏色代碼，可直接輸入?？梢栽诿姘宓摹邦伾臻g”單擊鼠標(biāo)，選擇一種顏色，上下拖動(dòng)右邊的“亮度控件”可調(diào)整顏色的亮度。圖

12、 1-13“顏色”面板9“公用庫”面板“公用庫”面板提供了一些公用的元件，包括學(xué)習(xí)交互、按鈕和類?？梢酝ㄟ^執(zhí)行“窗口”菜單中的“公用庫”級(jí)聯(lián)菜單下的相應(yīng)命令開啟它們。如圖1-15 所示是打開的“按鈕”公用庫面板。10“庫”面板Flash 文檔中的“庫”可存儲(chǔ)用戶在文檔中使用而創(chuàng)建或?qū)氲拿襟w資源，還可以包含已添加到文檔的組件，組件在“庫”面板中顯示為編譯剪輯。如圖1-16 所示。在 Flash CS3 中延用了“單一庫面板”功能，可以使用一個(gè)“庫”面板來同時(shí)查看多個(gè)Flash文檔的庫項(xiàng)目。精品 .圖 1-15 “公用庫”面板11, “場景”面板圖 1-16 “庫”面板一個(gè)動(dòng)畫可以有多個(gè)場景組成

13、，“場景”面板中顯示了當(dāng)前動(dòng)畫的場景數(shù)量和播放的先后順序。當(dāng)動(dòng)畫包含多個(gè)場景時(shí)，將按照它們?cè)凇皥鼍啊泵姘逯械南群箜樞蜻M(jìn)行播放，動(dòng)畫中的“幀”是按“場景”順序連續(xù)編號(hào)的，例如：如果影片中包含兩個(gè)場景，每個(gè)場景有10 幀，則場景 2 中的幀的編號(hào)為 11 到 20。單擊“場景”面板下方的三個(gè)按鈕可以執(zhí)行“復(fù)制”、“添加”和“刪除”場景的操作。雙擊“場景名稱”可以重新命名，上下拖動(dòng)“場景名稱”可以調(diào)整“場景”的先后順序，如圖 1-20 所示。圖 1-17 “場景”面板1.3 影片文檔的基本操作旅游風(fēng)光宣傳片特效對(duì)于初步接觸 Flash 的讀者來說，掌握 Flash CS3 制作動(dòng)畫的工作流程，掌握

14、Flash 影片文檔的基本操作方法是最迫切的一個(gè)要求。1.3 范例簡介本例利用時(shí)間軸特效制作一個(gè)旅游風(fēng)光宣傳片特效，通過這個(gè)宣傳片特效的制作過程，讓讀者了解 Flash CS3 制作動(dòng)畫的整體過程。范例效果如圖 1-18 所示。圖 1-18 范例效果通過本例的學(xué)習(xí)，讀者主要可以掌握如何新建 Flash CS3 影片文檔，如何設(shè)置文檔屬性，如何保存文件，如何測試影片，如何導(dǎo)出影片，如何打開文件，如何修改文件，認(rèn)識(shí) Flash CS3工作環(huán)境，認(rèn)識(shí) Flash 所產(chǎn)生的文件類型以及了解導(dǎo)入位圖和設(shè)置時(shí)間軸特效等。1.3.1 制作步驟1新建影片文檔和設(shè)置文檔屬性（1）啟動(dòng) Flash CS3，出現(xiàn)“

15、開始頁”， 選擇“創(chuàng)建新項(xiàng)目”下的“Flash 文件”，這樣就啟動(dòng)精品 .Flash CS3 的工作窗口并新建一個(gè)影片文檔。（2）展開“屬性”面板，單擊“大小”右邊的“文檔屬性”按鈕出“文檔屬性”對(duì)話框。，彈（3）在“標(biāo)題”文本框中輸入“旅游風(fēng)光宣傳片”，在“描述”列表框中輸入對(duì)影片的簡單描述，設(shè)置“尺寸”為 600400 像素，設(shè)置“背景顏色”為淺藍(lán)色，其他保持默認(rèn)，如圖 1-19 所示。圖 1-19 “文檔屬性”對(duì)話框2導(dǎo)入位圖和設(shè)置時(shí)間軸特效（1）選擇“文件”|“導(dǎo)入”|“導(dǎo)入到舞臺(tái)”命令，在彈出的對(duì)話框中選擇位圖（文件路徑：素材第 1 課1.gif）。接著在彈出對(duì)話框中選擇“是”按鈕，

16、如圖1-20 所示，把準(zhǔn)備好的 3 張風(fēng)景圖片導(dǎo)入到舞臺(tái)中。圖 1-20 導(dǎo)入位圖（2）單擊選中場景中的圖片，選擇“插入”|“時(shí)間軸特效”|“效果”|“模糊”命令，在彈出的【模糊】對(duì)話框中單擊“確定”按鈕，完成第1 張圖片的特效制作。按照相同的方法，為第 2、3 張圖片加上模糊特效。3保存和測試影片（1）選擇“文件”|“保存”命令（快捷鍵 Ctrl+S），彈出【另存為】對(duì)話框，指定影片保存的文件夾，輸入文件名，單擊“保存”按鈕。這樣我們就將影片文檔保存起來了，文件的擴(kuò)展名是 fla。注意：為了安全，在動(dòng)畫制作過程中要經(jīng)常保存文件。按Ctrl+S 鍵，可以快速保存文件。（2）選擇“控制”|“測試

17、影片”命令（快捷鍵 Ctrl+Enter），彈出測試窗口，在窗口中可以觀察到影片的效果，并且還可以對(duì)影片進(jìn)行調(diào)試。關(guān)閉測試窗口可以返回到影片編輯精品 .窗口對(duì)影片繼續(xù)進(jìn)行編輯。精品 .（3）打開“資源管理器”窗口，定位在影片文檔保存的文件夾，可以觀察到兩個(gè)文件，如圖 1-21 所示。右邊是影片文檔源文件（擴(kuò)展名是 fla），也就是第（1）步保存的文件。左邊是影片播放文件（擴(kuò)展名是 swf），也就是第（2）步測試影片時(shí)自動(dòng)產(chǎn)生的文件。直接雙擊影片播放文件可以在 Flash 播放器中播放動(dòng)畫。圖 1-21 文檔類型4導(dǎo)出影片（1）選擇“文件”|“導(dǎo)出”|“導(dǎo)出影片”命令，彈出“導(dǎo)出影片”對(duì)話框，指

18、定導(dǎo)出影片的文件夾，輸入導(dǎo)出影片文件名，單擊“保存”按鈕， 彈出【導(dǎo)出 Flash Player】對(duì)話框，如圖 1-22 所示。圖 1-22 【導(dǎo)出 Flash Player】對(duì)話框（2）在這個(gè)對(duì)話框中可以設(shè)置導(dǎo)出影片的相關(guān)參數(shù)。這里我們不做改動(dòng)，保持目前的默認(rèn)參數(shù)。單擊【確定】按鈕，導(dǎo)出影片。導(dǎo)出的影片文件類型是播放文件，文件擴(kuò)展名為swf。精品 .5關(guān)閉和打開影片文檔（1）單擊影片文檔窗口右上角的關(guān)閉按鈕 ，關(guān)閉影片。（2）在“開始”頁面，選擇“打開最近項(xiàng)目”下的“打開”按鈕，彈出“打開”對(duì)話框。在“查找范圍”中定位到要打開影片文件所在的文件夾，選擇要打開的影片文件（擴(kuò)展名為 fla）。單

19、擊“打開”按鈕，這樣就把影片文檔打開了。（3）按下快捷鍵“Ctrl+S”保存文件。按下快捷鍵“Ctrl+Enter”測試影片效果，我們得到一個(gè)具備動(dòng)態(tài)模糊效果的位圖特效影片。教學(xué)后記:第二課 繪制基本形狀線條是最簡單的圖形，它是復(fù)雜圖形的基礎(chǔ)。本節(jié)中將學(xué)習(xí)繪制基本形狀如三角形、星星、月亮、十字花、圓環(huán)、扇形等的方法和技巧。2.1 繪制三角形三角形的繪制有很多種方法，這里介紹比較常用的兩種方法。一是運(yùn)用線條工具（或鉛筆、鋼筆工具）進(jìn)行線條組合繪制，二是運(yùn)用多角星形工具直接繪制。首先學(xué)習(xí)運(yùn)用線條工具繪制三角形的方法。繪制步驟如下：（1）選擇“文件”|“新建”命令或按快捷鍵 Ctrl+N，新建一個(gè)

20、Flash 文檔。（2）首先繪制一個(gè)直角三角形。選擇“線條”工具，在“筆觸顏色”區(qū)域選擇筆觸顏色為“藍(lán)色”，（3）展開“屬性”面板，設(shè)置筆觸高度為“10”，筆觸樣式為“實(shí)線”，端點(diǎn)為“方型”，尖角為“20”，接合為“尖角”，如圖 2-1 所示。圖 2-1 設(shè)置線條屬性（4）按下 Shift 鍵，同時(shí)按下鼠標(biāo)左鍵在工作區(qū)中畫出一條垂直的直線，接著再畫一條水平的直線，使其與垂直的直線相交。如圖 2-2 所示。圖 2-2 繪制相互垂直的直線（5）松開 Shift 鍵，再畫一條直接，將垂直線與水平線封閉起來，形成一個(gè)直角三角形。如圖 2-3 所示。精品 .圖 2-3 直角三角形（6）選擇“顏料桶”工具

21、，在“填充色”區(qū)域選擇填充色為黃色，在封閉的三角形中單擊鼠標(biāo)。填充三角形如圖 2-4 所示。圖 2-4 填充顏色接下來學(xué)習(xí)通過復(fù)制的方法快速繪制銳角和鈍角三角形的方法。（1）單擊選擇工具箱中的“選擇工具”，在已經(jīng)繪制好的直角三角形周圍拖動(dòng)框選圖形。（2）按住 Ctrl 鍵的同時(shí)，拖動(dòng)鼠標(biāo)快速復(fù)制一個(gè)三角形。如圖2-5 所示。圖 2-5 快速復(fù)制三角形（3）在舞臺(tái)的空白區(qū)域單擊鼠標(biāo)取消對(duì)圖形的選擇，接著將鼠標(biāo)指針靠近三角形的端點(diǎn)，當(dāng)指針變?yōu)橹苯菚r(shí)，拖動(dòng)鼠標(biāo)改變端點(diǎn)的位置，如圖 2-6 所示，完成鈍角三角形的繪制。圖 2-6 繪制鈍角三角形（4）運(yùn)用同樣的方法可以快速繪制出銳角三角形。繪制完成的效

22、果如圖2-7 所示。精品 .圖 2-7 繪制好的三角形以上是繪制三角形的第一種方法，即線條組合法，它是通過線條來組合繪制三角形的。下面學(xué)習(xí)使用多角星形工具快速繪制三角形的方法。（1）在工具箱的“矩形工具”上按住鼠標(biāo)數(shù)秒，彈出工具下拉列表，在其中選擇最下邊的“多邊星形工具” 。如圖 2-8 所示。圖 2-8 矩形工具下拉列表（2）在屬性面板中設(shè)置筆觸顏色為藍(lán)色，填充顏色為黃色，筆觸高度為“10”，筆觸樣式為“實(shí)線”，端點(diǎn)為“方型”，尖角為“20”，接合為“尖角”，如圖 2-9 所示。圖 2-9 設(shè)置多角星形工具的屬性（3）單擊屬性面板中的“選項(xiàng)”按鈕，在彈出的【工具設(shè)置】對(duì)話框中設(shè)置“樣式”為“

23、多邊形”，“邊數(shù)”為“3”，如圖 2-10 所示。圖 2-10 設(shè)置多角星形工具的屬性（4）在舞臺(tái)中拖動(dòng)鼠標(biāo)繪制三角形，方向和大小均可以通過鼠標(biāo)指針來控制。繪制完成的效果如圖 2-11 所示。精品 .圖 2-11 繪制三角形2.1.3 繪制星星星星是 Flash 動(dòng)畫作品中比較常見的圖形，繪制時(shí)一般使用“多角星形工具”，這個(gè)工具可以任意設(shè)置邊數(shù)、頂點(diǎn)大小等，從而繪制出多種形狀的星星。繪制步驟如下：（1）選擇”文件”|“新建”命令或按快捷鍵 Ctrl+N，新建一個(gè) Flash 文檔。設(shè)置舞臺(tái)背景色為黑色，其他參數(shù)保持默認(rèn)值。（2）在工具箱的“矩形工具”上按住鼠標(biāo)數(shù)秒，彈出工具列表框，在其中選擇最

24、下邊的“多角星形工具” 。如圖 2-12 所示。圖 2-12 選擇多角星形工具（3）在屬性面板中設(shè)置筆觸顏色為無，填充色為白色，單擊屬性面板中的“選項(xiàng)”按鈕，在彈出的【工具設(shè)置】對(duì)話框中設(shè)置“樣式”為“星形”，“邊數(shù)”為“5”，“星形頂點(diǎn)大小”為 0.8，如圖 2-13 所示。圖 2-13 設(shè)置多角星形工具的屬性（4）在舞臺(tái)中拖動(dòng)鼠標(biāo)繪制星形，方向和大小均可以通過鼠標(biāo)指針來控制。繪制完成效果如圖 2-14 所示。圖 2-14 繪制星星精品 .2.1.3 繪制月亮月亮在不同的時(shí)間呈現(xiàn)出不同的狀態(tài)，有盈虧之分。下面學(xué)習(xí)繪制滿月和彎月的方法和技巧。繪制的步驟如下：（1）選擇”文件”|“新建”命令或按

25、快捷鍵 Ctrl+N，新建一個(gè) Flash 文檔。設(shè)置舞臺(tái)背景色為深藍(lán)色，其他參數(shù)保持默認(rèn)值。（2）在工具箱的“矩形工具”上按住鼠標(biāo)數(shù)秒，彈出工具列表框，在其中選擇“橢圓工具”。如圖 2-15 所示。圖 2-15 工具下拉列表（3）在屬性面板中設(shè)置“筆觸顏色”為無，“填充色”為白色，在拖動(dòng)鼠標(biāo)的同時(shí)按住 Shift 鍵，在舞臺(tái)上畫一個(gè)白色的正圓，滿月繪制完成。如圖2-16 所示。圖 2-16 繪制一個(gè)白色圓下面學(xué)習(xí)使用形狀切割法繪制彎月的方法。（1）使用“橢圓工具，設(shè)置“筆觸顏色”為無，“填充色”為白色，繪制一個(gè)圓。接著在白色圓旁邊畫一個(gè)略小的黃色正圓。如圖2-17 所示。圖 2-17 繪制兩

26、個(gè)圓（2）使用“選擇工具”，將黃色圓移動(dòng)到白色圓的上面，如圖 2-18 所示。圖 2-18 移動(dòng)黃色圓（3）將鼠標(biāo)在圓形外任意地方單擊，取消對(duì)圓形的選擇狀態(tài)，使兩個(gè)圓形組合到一塊。然后再重新選中黃色圓形，按 Delete 鍵將它刪除，剩下一個(gè)白色的彎月。如圖 2-19 所示。精品 .圖 2-19 白色的彎月2.1.3 圓環(huán)和扇形的繪制Flash 8 版本繪制圓環(huán)和扇形是比較麻煩的，必須通過多次繪制或形狀切割法進(jìn)行繪制。Flash CS3 則增加了基本橢圓工具，可以更加快捷地繪制出圓環(huán)、扇形、弧形等。下面學(xué)習(xí)繪制圓環(huán)和扇形的方法和技巧，繪制步驟如下：（1）選擇”文件”|“新建”命令或按快捷鍵 C

27、trl+N，新建一個(gè) Flash 文檔。（2）在工具箱的“矩形工具”上按住鼠標(biāo)數(shù)秒，彈出工具列表框，在其中選擇“任意橢圓工具”。如圖 2-20 所示。圖 2-20 選擇基本橢圓工具（3）在屬性面板中設(shè)置“筆觸顏色”為藍(lán)色，“填充色”為黃色，按住 Shift 鍵拖動(dòng)鼠標(biāo)在舞臺(tái)上繪制一個(gè)橢圓。如圖 2-21 所示。圖 2-21 繪制圓（4）繪制出的橢圓的中心和弧上出現(xiàn)了 2 個(gè)圓形控制點(diǎn)。切換到選擇工具，拖動(dòng)圓心處的控制點(diǎn)，從圓心處擴(kuò)展出新的圓。如圖 2-22 所示。圖 2-22 拖動(dòng)控制點(diǎn)（5）松開鼠標(biāo)后，圓環(huán)繪制完成。如圖 2-23 所示。圖 2-23 繪制完成的圓環(huán)精品 .其實(shí)繪制圓環(huán)有更簡

28、單的方法。選擇基本橢圓工具后在屬性面板中設(shè)置“內(nèi)部半徑”值，然后拖動(dòng)鼠標(biāo)可以快速繪制出圓環(huán)。設(shè)置的參數(shù)如圖2-24 所示。圖 2-24 設(shè)置內(nèi)部半徑掌握繪制圓環(huán)的方法后，扇形的繪制也就很容易了。下面簡述繪制的步驟。（1）選擇“任意橢圓工具” ，在屬性面板中設(shè)置“開始角度”為10，“結(jié)束角度”為 160，內(nèi)部半徑為 0，選中“閉合路徑”復(fù)選框，如圖 2-25 所示。圖 2-25 設(shè)置參數(shù)（2）拖動(dòng)鼠標(biāo)繪制出扇形，如圖 2-26 所示。圖 2-26 繪制扇形2.3 繪制漸變色彩的圖形前面我們已經(jīng)繪制了單色填充的圖形，它們色彩單一，填充簡單。而漸變填充色彩繪制的圖形色彩豐富，設(shè)置復(fù)雜，但極富表現(xiàn)力，

29、應(yīng)用的范圍也更廣。本小節(jié)就學(xué)習(xí)漸變色彩圖形的繪制方法。2.2.1 漸變填充漸變填充一般在“顏色”面板中進(jìn)行調(diào)配，它不僅可以對(duì)線條的顏色進(jìn)行調(diào)配，還可以對(duì)填充色進(jìn)行調(diào)配。面板中的漸變填充有兩種，線性漸變填充和放射狀漸變填充。1線性漸變“線性漸變”可以創(chuàng)建從起始點(diǎn)到終點(diǎn)沿直線的漸變，如圖2-27 所示，“溢出”選項(xiàng)用于控制超出漸變限制的顏色。它有擴(kuò)展（默認(rèn)模式）、鏡像和重復(fù)三種模式。選中“線性 RGB”復(fù)選框可以創(chuàng)建 SVG 兼容的（可伸縮的矢量圖形）線性或放射狀漸變。如果單擊漸變定義欄或漸變定義欄的下方就可為漸變添加漸變指針。Flash CS3 最多可以添加 15 個(gè)顏色指針，從而創(chuàng)建多達(dá) 15

30、 種顏色轉(zhuǎn)變的漸變。沿著漸變定義欄拖動(dòng)指針可移動(dòng)漸變指針位置。將指針向下拖離漸變定義欄可以刪除它。單擊顏色右上角的三角形，然后從彈出菜單中選擇“添加樣本”可保存漸變色至“顏色樣本”面板中。精品 .圖 2-27 “線性”漸變下面制作“線性漸變”的圖形，步驟如下：（1）在創(chuàng)建好的新文件中，選擇“矩形工具”，打開“顏色”面板，單擊“類型”后面的小三角，彈出下拉列表，選擇“線性”，如圖 2-28 所示。圖 2-28 選擇“線性”漸變（2）單擊漸變定義欄左邊起始端的指針，在彈出的調(diào)色板中選擇藍(lán)色，同樣的方法設(shè)置右邊結(jié)束端的顏色為黃色。如 2-29 所示。圖 2-29 選擇漸變色（3）單擊漸變定義欄的中間

31、區(qū)域，增加1 個(gè)漸變指針，如圖 2-30 所示。設(shè)置漸變色為綠色。精品 .圖 2-30 增加漸變指針（4）拖動(dòng)鼠標(biāo)在舞臺(tái)中繪制一個(gè)矩形，如圖 2-31 所示，沿直線進(jìn)行線性漸變的圖形就繪制完成了。圖 2-31 繪制矩形繪制好線性漸變的圖形后，如果想改變填充的方向，就要用到“漸變變形工具”。它可以對(duì)已經(jīng)填充好的漸變色進(jìn)行修改，下面實(shí)際操作一下。（1）單擊選擇工具箱中的“漸變變形工具”，如圖 2-32 所示。圖 2-32 選擇漸變變形工具（2）單擊選擇上圖中的矩形，線性漸變上面出現(xiàn)兩條平行的直線，其中一條上有方形和圓形的手柄。如圖 2-33 所示。方形手柄縮放漸變色，圓形手柄可以旋轉(zhuǎn)漸變色方向。圖

32、 2-33 漸變變形工具（3）拖動(dòng)圓形手柄旋轉(zhuǎn) 50 度，按住方形手柄向圓心處拖拉，使?jié)u變色縮小一些，效果如圖 2-34 所示。圖 2-34 更改后的線性漸變2放射狀漸變精品 .“放射狀漸變”產(chǎn)生從一個(gè)中心焦點(diǎn)出發(fā)沿環(huán)形軌道混合的漸變，它的參數(shù)設(shè)置和線性漸變是大體相同的。如圖 2-35 所示，圖 2-35 選擇“放射狀”漸變下面制作“放射狀漸變”的圖形，步驟如下：（1）在創(chuàng)建好的新文件中，選擇“橢圓工具”，打開“顏色”面板，單擊“類型”后面的小三角，彈出下拉列表，選擇“放射狀”，如圖 2-36 所示。圖 2-36 選擇“放射狀”漸變（2）單擊漸變定義欄左邊的中心點(diǎn)指針，在彈出的調(diào)色板中選擇藍(lán)色

33、，同樣的方法設(shè)置右邊的邊沿顏色為黑色。如圖 2-37 所示。圖 2-37 選擇漸變色精品 .（3）按住 Shift 鍵拖動(dòng)鼠標(biāo)在舞臺(tái)中繪制一個(gè)圓，如圖 2-38 所示，放射狀漸變的圖形就繪制完成了。圖 2-38 繪制圓形繪制好放射狀漸變的圖形后，同樣可以使用“漸變變形工具”。對(duì)漸變色進(jìn)行修改，下面實(shí)際操作一下。（1）選擇“漸變變形工具”，接著單擊選擇上圖中的圓形，會(huì)出現(xiàn)一個(gè)帶有若干編輯手柄的環(huán)形邊框，如圖 2-39 所示。當(dāng)鼠標(biāo)指針在這些手柄中的任何一個(gè)上面的時(shí)候，它會(huì)發(fā)生變化，顯示該手柄的功能。圖 2-39 填充變形手柄邊框中心的小圓圈是填充色的“中心點(diǎn)”，邊框中心的小三角是“焦點(diǎn)”。邊框上

34、有 3個(gè)編輯手柄，分別是大小、旋轉(zhuǎn)和寬度。中心點(diǎn)選擇和移動(dòng)中心點(diǎn)手柄可以更改漸變的中心點(diǎn)。中心點(diǎn)手柄的變換圖標(biāo)是一個(gè)四向箭頭。焦點(diǎn)選擇及焦點(diǎn)手柄可以改變放射狀漸變的焦點(diǎn)。僅當(dāng)選擇放射狀漸變時(shí)，才顯示焦點(diǎn)手柄；焦點(diǎn)手柄的變換圖標(biāo)是一個(gè)倒三角形。大小手柄可以調(diào)整漸變的大小。大小手柄的變換圖標(biāo)是內(nèi)部有一個(gè)箭頭的圓。旋轉(zhuǎn)手柄可以調(diào)整漸變的旋轉(zhuǎn)。旋轉(zhuǎn)手柄的變換圖標(biāo)是四個(gè)圓形箭頭。寬度手柄可以調(diào)整漸變的寬度。寬度手柄的變換圖標(biāo)是一個(gè)雙頭箭頭。（2）拖動(dòng)圓形手柄旋轉(zhuǎn)的角度，按住方形手柄向圓心處拖拉，使?jié)u變色縮小一些，效果如圖 2-40 所示。精品 .圖 2-40 更改后的放射狀漸變實(shí)戰(zhàn)范例繪制立體按鈕圖形漸

35、變圖形運(yùn)用得當(dāng)可以極好地表現(xiàn)立體感和空間感，通過Flash CS3 靈活的漸變圖形繪制和填充變形手柄的調(diào)整，就能制作出形態(tài)迵異的作品。范例簡介本節(jié)制作一個(gè)網(wǎng)頁上經(jīng)常可以看到的按鈕圖形，晶瑩剔透，效果如圖 2-41 所示。通過這個(gè)范例的制作，將學(xué)習(xí)“顏色”面板的使用方法、“漸變變形工具”的使用方法。圖 2-41 按鈕效果制作步驟1新建影片文檔和設(shè)置文檔屬性啟動(dòng) Flash CS3， 選擇“文件”|“新建”命令，新建一個(gè)影片文檔。2. 繪制放射狀漸變的圓（1）選擇“橢圓工具”，設(shè)置筆觸顏色為黑色，填充色為無。按住Shift 鍵，在舞臺(tái)上繪制出一個(gè)空心的正圓。（2）選擇“窗口”|“顏色”命令，打開“

36、顏色”面板，在其中選擇填充類型為“放射狀”，在漸變定義欄上，單擊左端的漸變指標(biāo)，設(shè)置為淺綠色（#00FF00），單擊右端的漸變指標(biāo)，設(shè)置為深綠色（#004600），如圖 2-43 所示。精品 .圖 2-43 “顏色“面板（3）選擇“顏料桶工具”，單擊圓的中心略偏下的地方，將剛設(shè)置的漸變色填充到圓中，成為按鈕下方的高光色。如圖 2-44 所示。圖 2-44 放射狀漸變填充的圓（4）使用“選擇工具”，單擊圓的外邊框，將其選中，按鍵盤上的 Delete 鍵，將它刪除?，F(xiàn)在的高光色太圓太大，我們使用“漸變變形工具”對(duì)其進(jìn)行調(diào)整。（5）選擇“漸變變形工具” ，單擊圖形，出現(xiàn)填充變形手柄，如圖2-45 所

37、示。向圓心處拖拉“大小”手柄，使中間高光色縮小一些。圖 2-45 收縮填充色再按住“寬度”手柄向外拉，使高光色變得扁一點(diǎn)，如圖2-46 所示。圖 2-46 拉長填充色2. 繪制線性漸變的橢圓（1）使用“橢圓工具”繪制出一個(gè)黑色邊框、無填充色的小橢圓，并移動(dòng)到如圖 2-47所示的位置。圖 2-47 繪制出一個(gè)橢園（2）在顏色面板中選擇“線性”漸變，設(shè)置左邊色標(biāo)為白色，右邊色塊為深綠色，為了更好地和正圓的顏色相融合，我們把右邊顏色指針的“Alpha”值設(shè)為 0%，如圖 2-48精品 .所示。圖 2-48 填充色設(shè)置為橢圓填充漸變色，刪除橢圓的輪廓線。（3）選擇“漸變變形工具”，單擊橢圓圖形，拖動(dòng)小

38、圓圈中心手柄，順時(shí)針旋轉(zhuǎn)手柄 90 度，按住方形手柄向圓心處拖拉，使?jié)u變色縮小一些。再拖動(dòng)中心點(diǎn)，向上略提一點(diǎn)。如圖 2-49 所示。圖 2-49 旋轉(zhuǎn)線性漸變色至此，按鈕圖形就制作完成了。教學(xué)后記:精品 .第三課 繪制復(fù)雜圖形前面的章節(jié)中繪制的形狀都是比較規(guī)則的，因此運(yùn)用線條、矩形、橢圓工具都能輕而易舉地繪制出來。如果要繪制比較復(fù)雜的不規(guī)則圖形，這些工具都不能勝任了，這時(shí)就要用到功能強(qiáng)大的鋼筆、鉛筆、刷子工具等繪圖工具，以及部分選取工具和橡皮擦工具等這些輔助工具了。3.1 鋼筆工具以往的 Flash 版本中的鋼筆工具控制不方便，使用不夠靈活，大多數(shù)的初學(xué)者都不能很好地運(yùn)用，而 Flash C

39、S3“借用”了 Illustrator 和 After Effects 中的鋼筆工具，從而大大增強(qiáng)了鋼筆工具的繪圖功能，它把“鋼筆工具”分解成一組工具，包括鋼筆工具 、添加錨點(diǎn)工具、刪除錨點(diǎn)工具和轉(zhuǎn)換錨點(diǎn)工具4 種，使用更為方便，功能極大增強(qiáng)。在鋼筆工具按下鼠標(biāo)左鍵不放，彈出下拉工具列表框，可以選擇所要使用的工具，如圖 3-1 所示。圖 3-1 鋼筆工具組其中“鋼筆工具”在畫連續(xù)的直線時(shí)比線條工具更方便，在舞臺(tái)上不斷地單擊鼠標(biāo)就可以繪制出相應(yīng)的路徑，如果想結(jié)束一條開放的路徑的繪制，雙擊最后一個(gè)點(diǎn)即可。要閉合路徑，將“鋼筆工具”放置到第一個(gè)錨點(diǎn)上，如果定位準(zhǔn)確，就會(huì)在靠近鋼筆尖的地方出現(xiàn)一個(gè)小圓

40、圈。單擊或拖動(dòng)可以閉合路徑。如圖 3-2 所示。圖 3-2 單擊繪制和閉合路徑精品 .選擇“添加錨點(diǎn)工具”后，鼠標(biāo)指針變?yōu)閹А笆碧?hào)的鋼筆尖，單擊需要添加錨點(diǎn)的位置就可以增加一個(gè)錨點(diǎn)。如圖 3-3 所示。圖 3-3 添加錨點(diǎn)后，鼠標(biāo)指針變?yōu)閹А耙弧碧?hào)的鋼筆尖，單擊錨點(diǎn)可以刪選擇“刪除錨點(diǎn)工具”除錨點(diǎn)，如圖 3-4 所示。圖 3-4 刪除錨點(diǎn)鋼筆工具還可以繪制平滑的曲線，方法是在按下鼠標(biāo)的同時(shí)拖動(dòng)鼠標(biāo)，下面是分別在三個(gè)點(diǎn)上按斜上、斜下、斜上方向拖動(dòng)鼠標(biāo)繪制的圖形，如圖3-4 所示。圖 3-4 用鋼筆畫曲線這時(shí)，可以使用“轉(zhuǎn)換錨點(diǎn)工具”自由地改變曲線的曲率、大小等，方法是使用轉(zhuǎn)換錨點(diǎn)工具拖動(dòng)錨點(diǎn)就

41、出現(xiàn)了繪制曲線時(shí)的切線手柄，在不同的方向上拖動(dòng)長度不同的手柄即可更改曲線的形狀。如圖 3-5 所示。圖 3-5 用轉(zhuǎn)換錨點(diǎn)工具更改曲線形狀3.2 部分選取工具使用“部分選取工具”可以精細(xì)地調(diào)整線條的形狀。用“部分選取工具”選擇線條后，線條上會(huì)出現(xiàn)一個(gè)個(gè)錨點(diǎn)，如圖 3-6 所示。圖 3-6 選擇線條精品 .在錨點(diǎn)上拖動(dòng)手柄可以改變曲線的形狀。拖動(dòng)錨點(diǎn)可以改變錨點(diǎn)的位置。如圖 3-7 所示。圖 3-7 調(diào)整錨點(diǎn)繪制的折線，單擊錨點(diǎn)出現(xiàn)手柄，如果想調(diào)整它的形狀，可以拖動(dòng)錨點(diǎn)改變。如圖 3-8 所示。圖 3-8 改變折線形狀按住 ALT 鍵拖動(dòng)錨點(diǎn)，出現(xiàn)了切線手柄，這時(shí)可以拖動(dòng)手柄自由改變曲線的形狀，

42、如圖 3-9 所示。圖 3-9 調(diào)整曲線錨點(diǎn)3.3 鉛筆工具“鉛筆工具”的使用方法很簡單，它的顏色、粗細(xì)和樣式定義與線條工具一樣，不同的是它的選項(xiàng)里有 3 種模式，如圖 3-10 所示。圖 3-10 “鉛筆工具”選項(xiàng)在“伸直”模式下，它會(huì)把線條自動(dòng)轉(zhuǎn)成接近形狀的直線。在“平滑”模式下，把線條轉(zhuǎn)換為接近形狀的平滑曲線。在“墨水”模式下，不加修飾，完全保持鼠標(biāo)軌跡的形狀?？纯从貌煌Ｊ疆嫷纳椒?，如圖 3-11 所示。精品 .圖 3-11 不同鉛筆模式畫的山峰實(shí)戰(zhàn)范例海上升明月Flash CS3“借用”了 Illustrator 和 After Effects 中的鋼筆工具，從而大大增強(qiáng)了Flash

43、 的繪圖功能，一改以往版本繪圖單薄的形象。用戶只要靈活地運(yùn)用更新后的鋼筆工具，加之以自由靈活的刷子和鉛筆工具，就能制作出別具風(fēng)格的作品。范例簡介Flash 動(dòng)畫作品主張以形象營造意境，運(yùn)用 Flash CS 豐富的繪圖工具足可以實(shí)現(xiàn)這種效果。本范例制作一個(gè)具幽美境界的圖形作品，其中靜謐的大海、朦朧的月光和纖細(xì)的蘆葦共同造就了“海上升明月，天涯共此時(shí)”的意境，極富感染力。如圖 3-12 是影片運(yùn)行的效果展示。圖 3-12 范例效果通過這個(gè)范例的制作，主要掌握運(yùn)用鋼筆、鉛筆和刷子工具繪制基本圖形的方法和技巧。本范例的制作流程圖如圖 3-13 所示。圖 3-13 范例制作流程圖制作步驟1新建影片文檔

44、和設(shè)置文檔屬性（1）啟動(dòng) Flash CS3， 選擇“文件”|“新建”命令，新建一個(gè)影片文檔。精品 .（2）展開“屬性”面板，設(shè)置“背景顏色”為藍(lán)色，其他參數(shù)保持默認(rèn)。2用矩形工具繪制大海（1）展開“顏色”面板（如果默認(rèn)顏色面板沒有打開，可選擇“窗口”|“顏色”打開）。單擊選擇面板中的“筆觸顏色”控件，在彈出的顏色調(diào)板設(shè)置筆觸色為“無顏色”。（2）單擊選擇面板中的“填充顏色”控件，在“類型”下拉框中選擇“線性”。設(shè)置左邊的填充漸變色為天藍(lán)色，右邊為淺藍(lán)色。如圖3-14 所示。圖 3-14 設(shè)置線性漸變色（3）單擊選擇工具箱中的“矩形工具”，拖動(dòng)鼠標(biāo)在舞臺(tái)上繪制矩形狀的大海。3用橢圓工具繪制月亮

45、（1）展開“顏色”面板，單擊選擇面板中的“筆觸顏色”控件，在彈出的顏色調(diào)板設(shè)置筆觸色為“無顏色”。（2）單擊選擇面板中的“填充顏色”控件，在“類型”下拉框中選擇“放射狀?！痹O(shè)置左邊的填充色為淡黃色，右邊為白色。單擊色條的中間部分增加 1 個(gè)顏色指針，設(shè)置顏色為淺黃色。然后分別改變 2 個(gè)黃色指針的 Alpha 值為 86%，白色指針的 Alpha 值為 0%。如圖3-15 所示。圖 3-15 設(shè)置放射狀填充色（3）按下工具箱中的“矩形工具”數(shù)秒，彈出工具選擇菜單，選擇“橢圓工具，”如圖3-16 所示。精品 .圖 3-16 選擇橢圓工具（4）按住鍵盤上的 Shift 鍵在合適的位置繪制 1 個(gè)圓

46、形月亮。繪制結(jié)束后場景效果如圖3-17 所示。圖 3-17 大海和月亮舞臺(tái)效果4用多角星形工具繪制星星（1）按下工具箱中的“矩形工具”數(shù)秒，彈出工具選擇菜單，選擇“多角星形工具，”如圖 3-18 所示。圖 3-18 選擇多角星形工具（2）在屬性面板中設(shè)置填充色為白色。單擊“選項(xiàng)”按鈕，彈出【工具設(shè)置】對(duì)話框，如圖 3-19 所示，設(shè)置“樣式”為星形，“邊數(shù)”為 4。圖 3-19 【工具設(shè)置】對(duì)話框精品 .（3）在舞臺(tái)中夜空背景上拖動(dòng)鼠標(biāo)繪制星星，接著選擇“修改”|“形狀”|“柔化填充邊緣”命令，彈出【柔化填充邊緣】對(duì)話框，如圖3-20 所示。設(shè)置“距離”為50px，“步驟數(shù)”為 10，方向?yàn)椤?/p>

47、擴(kuò)展”，單擊“確定”按鈕完成設(shè)置。圖 3-20 設(shè)置柔化填充邊緣參數(shù)（4）按住鍵盤上的 Ctrl 鍵，拖動(dòng)繪制好的星星可以快速復(fù)制出多個(gè)副本，然后運(yùn)用任意變形工具分別改變星星的大小、位置和角度，完成的效果如圖3-21 所示。圖 3-21 復(fù)制星星5用鉛筆工具繪制葦葉（1）單擊選擇工具箱中的鉛筆工具，設(shè)置筆觸色為灰色，單擊“鉛筆模式”按鈕，在彈出的下拉菜單中選擇“平滑”模式，如圖 3-21 所示。圖 3-21 選擇鉛筆模式（2）在舞臺(tái)中大海的合適位置處拖動(dòng)鼠標(biāo)繪制出一片葦葉，繪制時(shí)如果形狀不滿意，可以選擇“橡皮擦工具”進(jìn)行修改。接著運(yùn)用顏料桶工具為葦葉填充灰色，如圖3-22 所示，從左到右是填充

48、前后的葦葉。圖 3-22 繪制葦葉（3）按住鍵盤上的 Ctrl 鍵，拖動(dòng)繪制好的葦葉快速復(fù)制出多個(gè)副本，然后運(yùn)用任意變形工具分別改變?nèi)斎~的大小、位置和角度，完成的效果如圖3-23 所示。精品 .圖 3-23 復(fù)制葦葉6用刷子工具繪制葦稈和月影（1）單擊選擇工具箱中的刷子工具，設(shè)置填充色為黑色，單擊“刷子大小”按鈕，選擇較小的刷子，接著單擊“刷子形狀”按鈕，選擇圓形筆刷，如圖3-24 所示。圖 3-24 選擇刷子工具的大小和形狀（2）在舞臺(tái)中拖動(dòng)鼠標(biāo)繪制出葦稈，繪制時(shí)如果形狀不滿意，可以選擇“橡皮擦工具”進(jìn)行修改。如圖 3-25 所示。圖 3-25 繪制葦稈（3）按照第 2 步繪制葦葉的方法，運(yùn)

49、用鉛筆工具在葦稈上繪制葦葉，繪制的效果如圖3-26 所示。精品 .圖 3-26 繪制葦葉（4）運(yùn)用刷子工具繪制月亮的倒影。選擇刷子工具，設(shè)置填充色為黃色，刷子形狀為紡錘狀，拖動(dòng)鼠標(biāo)繪制倒影，繪制的效果如圖3-27 所示。圖 3-27 繪制倒影7用鋼筆工具繪制葦花和月影（1）單擊選擇縮放工具，在舞臺(tái)任意位置單擊鼠標(biāo)，將舞臺(tái)比例放大至400%。（2）單擊選擇工具箱中的鋼筆工具為“極細(xì)”，如圖 3-28 所示。，在屬性面板中設(shè)置筆觸色為黑色，筆觸樣式圖 3-28 選擇筆觸樣式（3）在舞臺(tái)中單擊鼠標(biāo)，出現(xiàn) 1 個(gè)小圓圈狀的錨點(diǎn)，接著移動(dòng)鼠標(biāo)指針到另一位置再次單擊，兩錨點(diǎn)間出現(xiàn) 1 條直線，如圖 3-2

50、9 所示。然后移動(dòng)鼠標(biāo)指針到另一錨點(diǎn)按下鼠標(biāo)左鍵不放，向左拖動(dòng)后兩點(diǎn)節(jié)間出現(xiàn)了 1 條曲線，如圖 3-30 所示。圖 3-29 繪制直線圖 3-30 繪制曲線（3）依次單擊鼠標(biāo)，運(yùn)用鋼筆工具繪制出葦花的輪廓，如圖3-31 所示。精品 .圖 3-31 繪制葦花輪廓（4）選擇工具箱中的部分選取工具，在輪廓的錨點(diǎn)上拖動(dòng)鼠標(biāo)修改葦花的形狀。修改時(shí)如果需要添加錨點(diǎn)可按住工具箱中的鋼筆工具不放，在彈出的菜單中選擇“添加錨點(diǎn)工具” ，鼠標(biāo)指針變成帶十字的鋼筆尖，在輪廓線上單擊即可增加。用同樣的方法可以選擇“刪除錨點(diǎn)工具”形狀。減少輪廓線的錨點(diǎn)。還可選擇“改變錨點(diǎn)工具”改變曲線的（5）展開“顏色面板”，選擇填

51、充類型為線性漸變，設(shè)置填充色為從灰到白的漸變色，如圖 3-32 所示。選擇顏料桶工具為葦花填充顏色。圖 3-32 設(shè)置填充色（5）按住工具箱中的“任意變形工具”不放，在彈出的菜單中選擇“漸變變形工具”，接著拖動(dòng)圓形旋轉(zhuǎn)手柄改變填充色的方向，拖動(dòng)方形大小手柄改變填充的大小，如圖3-33 所示。運(yùn)用選擇工具選中輪廓線，然后按下鍵盤上的Del 鍵刪除輪廓線。精品 .圖 3-33 調(diào)整填充色（6）將繪制好的葦稈和葦花擺放整齊，按住鍵盤上的 Shift 鍵依次單擊選中它們，接著按 Ctrl+G 鍵將它們組合起來。然后復(fù)制 2 個(gè)群組對(duì)象到舞臺(tái)的合適位置處，并分別修改它們的大小，完成的效果如圖 3-34

52、所示。圖 3-34 組合蘆葦至此，范例海上升明月制作完畢。教學(xué)后記:精品 .第四課 形狀與變形繪制一個(gè)基本形狀后，大多數(shù)的情況往往需要對(duì)形狀變形，這時(shí)就要用到“任意變形工具”，它可以對(duì)圖形對(duì)象進(jìn)行縮放、扭曲、封套變形等。Flash CS3 的“任意變形工具”和“漸變變形工具”被安排在一個(gè)組中，按住“任意變形工具”按鈕不放，可彈出下拉列表，如圖 1 所示。圖 1 工具下拉列表選擇“任意變形工具”后，在工具箱的下方選項(xiàng)區(qū)有 4 個(gè)按鈕，分別為“旋轉(zhuǎn)與縮放”、“縮放”、“扭曲”和“封套”。按扭都是灰色顯示，只有在場景中選擇了具體對(duì)象后才會(huì)變成可使用狀態(tài)。4.1 旋轉(zhuǎn)和縮放以一個(gè)圖形為例。選中圖形，使

53、用”任意變形工具”，這時(shí)圖形被一個(gè)變形框包圍著，中間有一個(gè)小圓圈，這就是變形中心點(diǎn)，這個(gè)中心點(diǎn)可以移動(dòng)，在旋轉(zhuǎn)縮放時(shí)就以它為中心。如圖 2 所示?，F(xiàn)在實(shí)際操作一下。圖 2 任意變形框（1）將鼠標(biāo)移動(dòng)到中心點(diǎn)上，鼠標(biāo)右下角會(huì)出現(xiàn)一個(gè)圓圈標(biāo)志，這時(shí)按住鼠標(biāo)進(jìn)行拖放就可以將其移動(dòng)到任何位置。如圖 3 所示。圖 3 移動(dòng)變形中心點(diǎn)（2）將鼠標(biāo)放到變形框任一角的手柄上，鼠標(biāo)變成圓弧狀，按住鼠標(biāo)拖動(dòng)到合適位置，就實(shí)現(xiàn)了對(duì)圖形的旋轉(zhuǎn)。如圖 4 所示。精品 .圖 4 旋轉(zhuǎn)精品 .（3）將鼠標(biāo)放在任一手柄上，鼠標(biāo)變雙箭頭形狀，按住鼠標(biāo)移動(dòng)可以放大或縮小對(duì)象。如圖 5 所示。圖 5 任意縮放（4）將鼠標(biāo)放在變形框

54、任一邊手柄外的地方，鼠標(biāo)變?yōu)閮蓚€(gè)平行反向的箭頭形狀，這時(shí)按住鼠標(biāo)拖動(dòng)可以使對(duì)象傾斜。如圖 6 所示。圖 6 傾斜4.2 扭曲和封套旋轉(zhuǎn)、縮放和傾斜方法對(duì)圖形對(duì)象和元件都適用，而下面介紹的“扭曲”和“封套”就不能運(yùn)用于元件上，除非將元件打散?！芭で焙汀胺馓住睂?duì)圖形的變形功能更強(qiáng)，以一個(gè)圖形為例實(shí)際操作一下。（1）選擇“扭曲”按鈕，選中對(duì)象，拖動(dòng)邊框上的角手柄或邊手柄，移動(dòng)該角或邊，如圖 7 所示。圖 7 扭曲（2）按住 Shift 鍵拖動(dòng)轉(zhuǎn)角點(diǎn)可以錐化該對(duì)象，如圖 8 示。圖 8 錐化（3）選擇”封套”按鈕，拖動(dòng)點(diǎn)和切線手柄修改封套，如圖9 所示。精品 .圖 9 修改封套完成后如圖 10 所示

55、。圖 10 完成封套4.2 對(duì)象繪制模式用 Flash 工具箱中的繪圖工具直接繪制的圖形叫做“形狀”，選擇“修改”|“組合”命令，可以將選中的對(duì)象組合成“組”。形狀和組是 Flash 中的兩個(gè)基本對(duì)象類型。本節(jié)將進(jìn)一步討論有關(guān)形狀和組的應(yīng)用。另外，F(xiàn)lash CS3 繼續(xù)提供了繪圖工具對(duì)象繪制模式。在這種模式下，F(xiàn)lash 通過運(yùn)用對(duì)象的“聯(lián)合、交集、打空、裁剪”等操作選項(xiàng)，可以提高繪圖的效率。本節(jié)將詳細(xì)講解它們的使用方法。4.2.1 形狀和組1認(rèn)識(shí)形狀（1）新建一個(gè)影片文檔，設(shè)置舞臺(tái)背景顏色為藍(lán)色。選擇“多角星形工具”，在舞臺(tái)上繪制一個(gè)沒有邊框、紅色填充的五角星，如圖 11 所示。圖 11

56、繪制五角星（2）切換到“選擇工具”，單擊舞臺(tái)上的五角星。這時(shí)五角星處在選中狀態(tài)：五角星上布滿網(wǎng)格點(diǎn)。這是形狀這種類型的對(duì)象具有的一個(gè)重要特征選中時(shí)圖形上出現(xiàn)網(wǎng)格點(diǎn)，如圖 12 所示。精品 .圖 12 選中五角星（3）保持圓處在選中狀態(tài)，打開“屬性”面板，如圖12 所示，可以清楚看到這個(gè)圓被稱為“形狀”。它的屬性只有“寬”、“高”和“坐標(biāo)值”。2繪圖技巧形狀的切割和融合（1）繼續(xù)上面的操作。再次選擇“多角星形工具”，設(shè)置邊框色為無色、填充色為藍(lán)色，然后在大五角星上面再繪制一個(gè)小一些的五角星，如圖13 所示。圖 13 再繪制一個(gè)藍(lán)色的五角星（2）切換到選擇工具，單擊選中藍(lán)色的五角星，然后把它拖動(dòng)到

57、旁邊，這時(shí)的效果如圖 14 所示。這時(shí)可以看到，藍(lán)色的五角星將紅色的五角星切割了。圖 14 切割五角星如果我們用紅色的小五角星去切割紅色大五角星，是否會(huì)切割成功呢？（1）單擊“主工具欄”中的“撤銷”命令按鈕若干次，恢復(fù)到原來舞臺(tái)上只有一個(gè)圓的狀態(tài)。使用多角星形工具，在大五角星上再繪制無邊框、紅色填充的小五角星，如圖 15所示。圖 15 再繪制一個(gè)紅色的小五角星（5）切換到“選擇工具”，單擊大紅角星，會(huì)發(fā)現(xiàn)整個(gè)圖形全部被選中，如圖 16 所示。精品 .此時(shí)，拖動(dòng)鼠標(biāo)將會(huì)移動(dòng)全部圖形。這說明兩個(gè)五角星融合在了一起。精品 .圖 16 圖形融合在一起3將形狀轉(zhuǎn)換為組兩個(gè)形狀的接觸，必然產(chǎn)生兩個(gè)結(jié)果，圖

58、形的切割或融合。如果把其中的圖形變成“組”，是否也會(huì)出現(xiàn)這兩種情形呢？（1）同樣按照上小節(jié)的方法，繪制好一個(gè)大五角星。接著使用選擇工具框選對(duì)象，然后選擇“修改”|“組合”命令，這時(shí)，處在選中狀態(tài)的五角星上面的網(wǎng)格點(diǎn)消失了，它的周圍出現(xiàn)一個(gè)藍(lán)色的矩形框。如圖 17 所示。（2）在“屬性”面板中，可以看到組合后的對(duì)象變成了“組”。它的屬性包括“寬”、“高”和“坐標(biāo)值”。（3）在舞臺(tái)的五角星上繪制一個(gè)沒有邊框的藍(lán)色小五角星，效果如圖 18 所示。圖 18 繪制一個(gè)小五角星此時(shí)會(huì)發(fā)現(xiàn)，藍(lán)色的小五角星部分消失了，小五角星被遮蓋在下層了，兩個(gè)圖形并沒有出現(xiàn)切割或融合的現(xiàn)象，仍然保持獨(dú)立特性。因此，可以得出

59、結(jié)論：“形狀”和“組”是不會(huì)切割或者融合的。而且，“組”對(duì)象要比“形狀”對(duì)象的層次高。如果現(xiàn)在想讓小五角星出現(xiàn)在大五角星的上面，如何操作呢？（1）選擇小五角星，接著選擇“修改”|“排列”命令，打開子菜單項(xiàng)，命令卻全是灰色顯示的。所以說，“形狀”對(duì)象是不能排列層次的。（2）選擇大五角星，接著選擇“修改”|“排列”|“下移一層”命令，舞臺(tái)上的小五五角星并沒有顯示出來。因此，這種方法也是不可行的。（3）這時(shí)可以也把小五角星轉(zhuǎn)換為“組”類型，然后利用菜單命令就可以任意調(diào)整它們的層次關(guān)系了。4.2.2 對(duì)象繪制模式通過前面小節(jié)的學(xué)習(xí)，我們明白了在同一圖層繪制出來的形狀或線條疊加在一起時(shí)，是會(huì)互相切割或者

60、融合的。這個(gè)繪圖技巧相當(dāng)有效。但是如果運(yùn)用不當(dāng)，也會(huì)給制作者，特別是初學(xué)者帶來不少問題，最常見的就是移動(dòng)對(duì)象時(shí)分不清對(duì)象，移走了填充，輪廓線仍在原處，給動(dòng)畫制作帶來不必要的麻煩。這時(shí)，就可以采用繪圖方法對(duì)象繪制模式，有效地解決這個(gè)問題，這種模式出現(xiàn)在矩形、橢圓、鋼筆、刷子等工具的選項(xiàng)中，如圖19 所示。精品 .圖 19 對(duì)象繪制模式接下來，使用“對(duì)象繪制模式”繪制一個(gè)對(duì)象。（1）選擇“橢圓工具”，在工具箱的選項(xiàng)中單擊“對(duì)象繪制”按鈕，在舞臺(tái)上繪制一個(gè)正圓。（2）在“屬性“面板，可以看到繪制的橢圓不再是形狀，而是一個(gè)繪制對(duì)象。（3）任意改變一下筆觸和填充顏色，再繪制一個(gè)橢圓。如圖20 所示。圖