Flash80基礎與實例教程電子版本

1、Flash8基礎與實例教程 TOC o 1-3 h z u HYPERLINK l _Toc159430858 第一課 Flash8工作環(huán)境 PAGEREF _Toc159430858 h 2 HYPERLINK l _Toc159430859 第一節(jié) 工作環(huán)境簡介 PAGEREF _Toc159430859 h 2 HYPERLINK l _Toc159430860 第二節(jié) 面板 PAGEREF _Toc159430860 h 6 HYPERLINK l _Toc159430861 本課小結 熟悉Flash8的操作界面主要包括系統(tǒng)菜單、繪圖工具欄、舞臺、時間軸、屬性面板各其他一些浮動面板。

2、PAGEREF _Toc159430861 h 8 HYPERLINK l _Toc159430862 第三節(jié) 范例簡介 PAGEREF _Toc159430862 h 8 HYPERLINK l _Toc159430863 1.2.2 制作步驟 PAGEREF _Toc159430863 h 9 HYPERLINK l _Toc159430864 本課小結 PAGEREF _Toc159430864 h 11第二課 HYPERLINK l _Toc159430865 Flash 8.0基礎繪圖工具 PAGEREF _Toc159430865 h 11 HYPERLINK l _Toc1594

3、30866 1繪制和處理線條 PAGEREF _Toc159430866 h 13 HYPERLINK l _Toc159430867 2實例演練畫一片樹葉 PAGEREF _Toc159430867 h 15 HYPERLINK l _Toc159430868 3【刷子工具】的用法 PAGEREF _Toc159430868 h 18 HYPERLINK l _Toc159430869 4畫一個樹枝 PAGEREF _Toc159430869 h 20 HYPERLINK l _Toc159430870 第三課 情人節(jié)賀卡 PAGEREF _Toc159430870 h 23 HYPERLI

4、NK l _Toc159430871 1. 繪制“燭焰”元件 PAGEREF _Toc159430871 h 23 HYPERLINK l _Toc159430872 2. 繪制“燭身”元件 PAGEREF _Toc159430872 h 25 HYPERLINK l _Toc159430873 3. 繪制“燭光”元件 PAGEREF _Toc159430873 h 26 HYPERLINK l _Toc159430874 4. 組裝“蠟燭”元件 PAGEREF _Toc159430874 h 27 HYPERLINK l _Toc159430875 5. 繪制“心”元件 PAGEREF _T

5、oc159430875 h 28 HYPERLINK l _Toc159430876 6. 繪制“珍珠”元件 PAGEREF _Toc159430876 h 33 HYPERLINK l _Toc159430877 7. 制作“項鏈”元件 PAGEREF _Toc159430877 h 35 HYPERLINK l _Toc159430878 8. 制作“情人節(jié)”元件 PAGEREF _Toc159430878 h 36 HYPERLINK l _Toc159430879 9. 完成整個畫面制作 PAGEREF _Toc159430879 h 37 HYPERLINK l _Toc159430

6、880 第四課 逐幀動畫 PAGEREF _Toc159430880 h 38 HYPERLINK l _Toc159430881 1逐幀動畫的概念和在時間幀上的表現形式 PAGEREF _Toc159430881 h 38 HYPERLINK l _Toc159430882 2創(chuàng)建逐幀動畫的幾種方法 PAGEREF _Toc159430882 h 38 HYPERLINK l _Toc159430883 3繪圖紙功能 PAGEREF _Toc159430883 h 39 HYPERLINK l _Toc159430884 4奔跑的豹子 PAGEREF _Toc159430884 h 40 H

7、YPERLINK l _Toc159430885 第五課 形狀補間動畫 PAGEREF _Toc159430885 h 43 HYPERLINK l _Toc159430886 1形狀補間動畫的概念 PAGEREF _Toc159430886 h 43 HYPERLINK l _Toc159430887 2認識形狀補間動畫的屬性面板 PAGEREF _Toc159430887 h 44 HYPERLINK l _Toc159430888 實例:慶祝國慶 PAGEREF _Toc159430888 h 45 HYPERLINK l _Toc159430889 使用形狀提示 PAGEREF _To

8、c159430889 h 49 HYPERLINK l _Toc159430890 實例:添加形狀提示練習 PAGEREF _Toc159430890 h 50 HYPERLINK l _Toc159430891 第六課 動作補間動畫 PAGEREF _Toc159430891 h 52 HYPERLINK l _Toc159430892 1動作補間動畫的概念 PAGEREF _Toc159430892 h 52 HYPERLINK l _Toc159430893 2認識動作補間動畫的屬性面板 PAGEREF _Toc159430893 h 53 HYPERLINK l _Toc1594308

9、94 實例：網站Banner PAGEREF _Toc159430894 h 54 HYPERLINK l _Toc159430895 第七課 遮罩動畫 PAGEREF _Toc159430895 h 60 HYPERLINK l _Toc159430896 1遮罩動畫的概念 PAGEREF _Toc159430896 h 60 HYPERLINK l _Toc159430897 2創(chuàng)建遮罩的方法 PAGEREF _Toc159430897 h 60 HYPERLINK l _Toc159430898 3應用遮罩時的技巧 PAGEREF _Toc159430898 h 61 HYPERLINK

10、 l _Toc159430899 實例：紅星閃閃 PAGEREF _Toc159430899 h 61 HYPERLINK l _Toc159430900 第八課 引導路徑動畫 PAGEREF _Toc159430900 h 67 HYPERLINK l _Toc159430901 1創(chuàng)建引導路徑動畫的方法 PAGEREF _Toc159430901 h 67 HYPERLINK l _Toc159430902 2應用引導路徑動畫的技巧 PAGEREF _Toc159430902 h 68 HYPERLINK l _Toc159430903 實例:海底世界 PAGEREF _Toc159430

11、903 h 69 HYPERLINK l _Toc159430904 第九課 自定義緩入/緩出動畫范例逼真彈跳的球 PAGEREF _Toc159430904 h 74 HYPERLINK l _Toc159430905 第十課 按鈕元件 PAGEREF _Toc159430905 h 78 HYPERLINK l _Toc159430906 影片剪輯在按鈕元件中的應用范例放電按鈕 PAGEREF _Toc159430906 h 78 HYPERLINK l _Toc159430907 第十一課 在Flash中應用聲音 PAGEREF _Toc159430907 h 81 HYPERLINK

12、l _Toc159430908 1. 將聲音導入Flash PAGEREF _Toc159430908 h 81 HYPERLINK l _Toc159430909 2. 引用聲音 PAGEREF _Toc159430909 h 82 HYPERLINK l _Toc159430910 3. 聲音屬性設置和編輯 PAGEREF _Toc159430910 h 82 HYPERLINK l _Toc159430911 4. 給按鈕加上聲效 PAGEREF _Toc159430911 h 86 HYPERLINK l _Toc159430912 5. 壓縮聲音 PAGEREF _Toc159430

13、912 h 86 HYPERLINK l _Toc159430913 第十二課 在Flash中應用視頻 PAGEREF _Toc159430913 h 88 HYPERLINK l _Toc159430914 3.13.1 支持的視頻類型 PAGEREF _Toc159430914 h 88 HYPERLINK l _Toc159430915 3.13.2 導入視頻 PAGEREF _Toc159430915 h 89 HYPERLINK l _Toc159430916 3.13.3 漸進式下載播放外部視頻 PAGEREF _Toc159430916 h 93 HYPERLINK l _Toc

14、159430917 3.13.4 導出FLV視頻文件 PAGEREF _Toc159430917 h 97 HYPERLINK l _Toc159430918 第十三課 行為和行為面板 PAGEREF _Toc159430918 h 99 HYPERLINK l _Toc159430919 第十五課 濾鏡應用范例水波蕩漾 PAGEREF _Toc159430919 h 113 HYPERLINK l _Toc159430920 第十五課 混合模式應用范例動畫片頭 PAGEREF _Toc159430920 h 117 HYPERLINK l _Toc159430921 第十六課 時間軸特效應用

15、范例滿天花雨 PAGEREF _Toc159430921 h 126 HYPERLINK l _Toc159430922 第十七課 綜合應用范例幻彩圖片 PAGEREF _Toc159430922 h 130 HYPERLINK l _Toc159430923 17.1 導入圖片并制作元件 PAGEREF _Toc159430923 h 131 HYPERLINK l _Toc159430924 17.2 用“復制到網格”時間軸特效制作百頁窗元件 PAGEREF _Toc159430924 h 132 HYPERLINK l _Toc159430925 17.3 用混合模式制作圖片顏色變化效果

16、 PAGEREF _Toc159430925 h 133 HYPERLINK l _Toc159430926 17.4 用濾鏡制作邊框 PAGEREF _Toc159430926 h 133第一課 Flash8工作環(huán)境Flash以便捷、完美、舒適的動畫編輯環(huán)境，深受廣大動畫制作愛好者的喜愛，在制作動畫之前，先對工作環(huán)境進行介紹，包括一些基本的操作方法和工作環(huán)境的組織和安排。 第一節(jié) 工作環(huán)境簡介1開始頁 運行Flash 8，首先映入眼簾的是“開始頁”，“開始頁”將常用的任務都集中放在一個頁面中，包括“打開最近項目”、“創(chuàng)建新項目”、“從模板創(chuàng)建”、“擴展”以及對官方資源的快速訪問。如圖1-10

17、所示。 圖 1-10 開始頁如果要隱藏“開始頁”，可以單擊選擇“不再顯示此對話框”，然后在彈出的對話框單擊“確定”按鈕。 如果要再次顯示開始頁，可以通過選擇“編輯”|“首選參數”命令，打開“首選參數”對話框，然后在“常規(guī)”類別中設置“啟動時”選項為“顯示開始頁”即可。 2工作窗口在“開始頁”，選擇“創(chuàng)建新項目”下的“Flash文檔”，這樣就啟動Flash8的工作窗口并新建一個影片文檔。如圖1-11所示。圖1-11 Flash 8的工作窗口Flash 8的工作窗口由標題欄、菜單欄、主工具欄、文檔選項卡、編輯欄、時間軸、工作區(qū)和舞臺、工具箱以及各種面板組成。 窗口最上方的是“標題欄”，自左到右依次

18、為控制菜單按鈕、軟件名稱、當前編輯的文檔名稱和窗口控制按鈕。 “標題欄”下方是“菜單欄”，在其下拉菜單中提供了幾乎所有的Flash 8.0命令項，通過執(zhí)行它們可以滿足用戶的不同需求。 “菜單攔”下方是“主工具欄”，通過它可以快捷的使用Flash 8.0的控制命令。 “主工具欄”的下方是“文檔選項卡”，主要用于切換當前要編輯的文檔，其右側是文檔控制按鈕。在“文檔選項卡”上右擊，還可以在彈出的快捷菜單中使用常用的文件控制命令。如圖1-12所示。 圖1-12 文檔選項卡“文檔選項卡”下方是“編輯欄”，可以用于“時間軸”的隱藏或顯示、“編輯場景”或“編輯元件”的切換、舞臺顯示比例設置等。如圖1-13所

19、示。 “編輯欄”下方是“時間軸”，用于組織和控制文檔內容在一定時間內播放的圖層數和幀數。 時間軸左側是圖層，圖層就像堆疊在一起的多張幻燈膠片一樣，在舞臺上一層層地向上疊加。如果上面一個圖層上沒有內容，那么就可以透過它看到下面的圖層。 Flash中有普通層、引導層、遮罩層和被遮罩層4種圖層類型，為了便于圖層的管理，用戶還可以使用圖層文件夾。 1-13 時間軸“時間軸”下方是“工作區(qū)”和“舞臺”。Flash 8擴展了舞臺的工作區(qū)，可以在上面存儲更多的項目。舞臺是放置動畫內容的矩形區(qū)域，這些內容可以是矢量插圖、文本框、按鈕、導入的位圖圖形或視頻剪輯等。如圖1-14所示。 圖1-14 舞臺工作時根據需

20、要可以改變“舞臺“顯示的比例大小，可以在“時間軸”右上角的“顯示比例”中設置顯示比例，最小比例為8%，最大比例為2000%，在下拉菜單中有三個選項，【符合窗口大小】選項用來自動調節(jié)到最合適的舞臺比例大小；【顯示幀】選項可以顯示當前幀的內容；【全部顯示】選項能顯示整個工作區(qū)中包括在“舞臺”之外的元素，如圖1-15所示。圖1-15 舞臺顯示比例 選擇工具箱中的【手形工具】，在舞臺上拖動鼠標可平移舞臺；選擇【縮放工具】，在舞臺上單擊可放大或縮放舞臺的顯示；選擇【縮放工具】后，在工具箱的【選項】下會顯示出兩個按鈕，分別為【放大】和【縮小】，分別單擊它們可在“放大視圖工具”與“縮小視圖工具”之間切換，如

21、圖1-16所示。選擇選擇【縮放工具】后，按住鍵盤上的Alt鍵，單擊舞臺，可快捷縮小視圖。 圖1-15 工具箱 圖1-16 縮放工具的選項窗口左側是功能強大的“工具箱”，它是Flash中最常用到的一個面板，由“工具”、“查看”、“顏色”和“選項”四部分組成。如圖1-15所示。 多個“面板”圍繞在“舞臺”的下面和右面，包括常用的【動作】面板、【屬性】/【濾鏡】/【參數】面板組，還有【顏色】面板組和【庫】面板等。 面板是Flash工作窗口中最重要的操作對象，下面我們逐一進行介紹（這里只節(jié)選了部分重點內容，詳細內容請看中文版Flash8基礎與實例教程（職業(yè)版）。 第二節(jié) 面板1面板的基本操作 （1）打

22、開面板 可以通過選擇“窗口”菜單中的相應命令打開指定面板。 （2）關閉面板 在已經打開的面板標題欄上右擊，然后在快捷菜單中選擇“關閉面板組”命令即可。 （3）重組面板 在已經打開的面板標題欄上右擊，然后在快捷菜單中選擇“將面板組合至”某個面板中即可。 （4）重命名面板組 在面板組標題欄上右擊，然后在快捷菜單中選擇“重命名面板組”命令，打開“重命名面板組”對話框。在定義完“名稱”后，單擊“確定”按鈕即可。 如果不指定面板組名稱，各個面板會依次排列在同一標題欄上。 （5）折疊或展開面板 單擊標題欄或者標題欄上的折疊按鈕可以將面板折疊為其標題欄。再次單擊即可展開。 （6）移動面板 可以通過拖動標題欄

23、左側的控點移動面板位置或者將固定面板移動為浮動面板。 （7）恢復默認布局 可以通過選擇“窗口”菜單中的“工作區(qū)布局”|“默認”命令即可。 2“幫助”面板 “幫助”面板包含了大量信息和資源，對Flash的所有創(chuàng)作功能和ActionScript語言進行了詳盡的說明。“幫助”面板可以隨時對軟件的使用或動作腳本語法進行查詢，使用戶更好地使用軟件的各種功能。如圖1-16所示。 圖1-16 “幫助”面板 如果從未使用過Flash，或者只使用過有限的一部分功能，可以從“Flash入門”選項開始學習。在其上方有一組快速訪問的工具按鈕，在文本框中輸入詞條或短語，然后單擊“搜索”按鈕，包含該詞條或短語的主題列表即

24、會顯示出來。單擊“更新”按鈕，可獲得新的信息。如果有新的信息提示，確認連接到Internet，可按照說明下載幫助系統(tǒng)。 3“動作”面板 “動作”面板可以創(chuàng)建和編輯對象或幀的ActionScript代碼，主要由“動作工具箱”、“腳本導航器”和“腳本”窗格組成。如圖1-17所示。關于此面板的詳細應用，我們會在后面的章節(jié)中具體講解。 圖1-17 “動作”面板 4“屬性”面板 使用【屬性】面板可以很容易地設置舞臺或時間軸上當前選定對象的最常用屬性，從而加快了Flash文檔的創(chuàng)建過程。如圖1-18所示。 當選定對象不同時，“屬性”面板中會出現不同的設置參數，針對此面板的使用在后面的章節(jié)里會陸續(xù)介紹。 圖

25、1-18 “屬性”面板 5“濾鏡”面板 Flash8新增了功能，從而大大增強了其設計方面的能力。這項新特性對制作Flash動畫產生了便利和巨大影響。它們幾乎顛覆了長期以來，對Flash設計能力欠缺的固有偏見，使大家不得不對其刮目相。默認情況下，“濾鏡”面板和【屬性】面板、“參數”面板組成一個面板組。如圖1-19所示。針對此面板的使用在后面的章節(jié)里會詳細介紹。 圖1-19 “濾鏡”面板 HYPERLINK /lesson1-1.htm t _blank 第三節(jié) Flash8.0新功能介紹 HYPERLINK /./images/lesson1-1.htm t _blank 一、影片文檔的基本操作

26、投影濾鏡文字特效對于初步接觸Flash8的讀者來說，掌握Flash8制作動畫的工作流程，掌握Flash影片文檔的基本操作方法是最迫切的一個要求。1. 范例簡介本例利用投影濾鏡制作一個陰影文字特效，通過這個陰影文字特效的制作過程，讓讀者了解Flash8制作動畫的整體過程。范例效果如圖1-45所示。圖1-45 范例效果通過本例的學習，讀者主要可以掌握如何新建Flash8影片文檔，如何設置文檔屬性，如何保存文件，如何測試影片，如何導出影片，如何打開文件，如何修改文件，如何輸入文本，如何設置文本的濾鏡效果以及認識Flash8工作環(huán)境，認識Flash所產生的文件類型等。2、 制作步驟1）新建影片文檔和設

27、置文檔屬性 （1）啟動Flash8，出現“開始頁”， 選擇“創(chuàng)建新項目”下的“Flash文檔”，這樣就啟動Flash8的工作窗口并新建一個影片文檔。 （2）展開“屬性”面板，單擊“大小”右邊的“文檔屬性”按鈕，彈出“文檔屬性”對話框。（3）在“標題”文本框中輸入“文字效果”，在“描述”列表框中輸入對影片的簡單描述，設置“尺寸”為300200像素，設置“背景顏色”為淺藍色，其他保持默認，如圖1-46所示。圖1-46 “文檔屬性”對話框“文檔屬性”對話框中參數的含義： “標題”：設置文檔的標題。 “描述”：對創(chuàng)建的影片做一些簡單的描述。 “尺寸”：舞臺的尺寸最小可設定成寬1px（像素）、高1px（

28、像素），最大可設定成寬2880px（像素）、高2880px（像素）。另外，系統(tǒng)默認的尺寸單位是px（像素），可以自行輸入“cm（厘米）”、“mm（毫米）”和“in（英寸）”等單位的數值，也可以在“標尺單位”中選擇。 “匹配”|“打印機”：匹配打印機，讓底稿的大小與打印機的打印范圍相同。 “匹配”|“內容”：匹配內容，將底稿縮放成和畫面上的對象大小一樣。 “匹配”|“默認”：使用默認值。 “背景顏色”：設置舞臺的背景顏色。 “幀頻”：默認的是12fps。這個速度很適合在網絡上播放，一般情況下我們都保持這個幀頻。在設計一些特殊效果的課件時，可以更改這個數值，數值越大動畫的播放速度越快。 “標尺單位

29、”：標尺是顯示在場景周圍的輔助工具，以標尺為參照可以使我們繪制的圖形更精確。在這里可以設置標尺的單位。 “設為默認值”：將所有設定存成默認值，下次當再開啟新的影片文檔時，影片的舞臺大小和背景顏色會自動調整成這次設定的值。 2）創(chuàng)建文字 （1）在“工具箱”中選擇“文本工具”。在“屬性”面板中，設置“字體”為黑體，“字體大小”為45，“文本顏色”為白色，文字加粗顯示，其他屬性保持默認。（2）將鼠標移向舞臺上單擊，在出現的文本輸入框中輸入“基礎與實例”。（3）在“工具箱”中選擇“選擇工具”，拖動文字到舞臺中央位置。效果如圖1-47所示。圖1-47 創(chuàng)建文本對象3）保存和測試影片 （1）選擇“文件”|

30、“保存”命令（快捷鍵Ctrl+S），彈出【另存為】對話框，指定影片保存的文件夾，輸入文件名，單擊【保存】按鈕。這樣我們就將影片文檔保存起來了，文件的擴展名是fla。注意：為了安全，在動畫制作過程中要經常保存文件。按Ctrl+S鍵，可以快速保存文件。 （2）選擇“控制”|“測試影片”命令（快捷鍵Ctrl+Enter），彈出測試窗口，在窗口中可以觀察到影片的效果，并且還可以對影片進行調試。關閉測試窗口可以返回到影片編輯窗口對影片繼續(xù)進行編輯。（3）打開“資源管理器”窗口，定位在影片文檔保存的文件夾，可以觀察到兩個文件，如圖1-48所示。左邊是影片文檔源文件（擴展名是fla），也就是第（1）步保存的

31、文件。右邊是影片播放文件（擴展名是swf），也就是第（2）步測試影片時自動產生的文件。直接雙擊影片播放文件可以在Flash播放器中播放動畫。圖1-48 文檔類型4）導出影片 （1）選擇“文件”|“導出”|“導出影片”命令，彈出“導出影片”對話框，指定導出影片的文件夾，輸入導出影片文件名，單擊“保存”按鈕， 彈出【導出Flash Player】對話框，如圖1-49所示。 圖1-49 【導出Flash Player】對話框（2）在這個對話框中可以設置導出影片的相關參數。這里我們不做改動，保持目前的默認參數。單擊【確定】按鈕，導出影片。導出的影片文件類型是播放文件，文件擴展名為swf。5）關閉和打開

32、影片文檔 （1）單擊影片文檔窗口右上角的關閉按鈕，關閉影片。（2）在“開始”頁面，選擇“打開最近項目”下的“打開”按鈕，彈出“打開”對話框。在“查找范圍”中定位到要打開影片文件所在的文件夾，選擇要打開的影片文件（擴展名為fla）。單擊“打開”按鈕，這樣就把影片文檔打開了。（3）單擊舞臺上的文本對象。接著展開“濾鏡”面板，單擊“”號按鈕，在彈出的下拉菜單中選擇“投影”濾鏡。此時，舞臺上文本對象產生了濾鏡效果，如圖1-50所示。圖1-50 設置文字濾鏡效果（4）按下快捷鍵“Ctrl+S”保存文件。按下快捷鍵“Ctrl+Enter”測試影片效果，我們得到一個具備陰影效果的文字特效。第二課Flash

33、8.0基礎繪圖工具在計算機繪圖領域中，根據成圖原理和繪制方法的不同，分為矢量圖和位圖兩種類型。矢量圖形是由一個個單獨的點構成的，每一個點都有其各自的屬性，如位置、顏色等。因此，矢量圖與分辨率無關，對矢量圖進行縮放時，圖形對象仍保持原有的清晰度和光滑度，不會發(fā)生任何偏差，如圖2-0-1所示是放大了16倍的矢量圖效果。 圖2-0-1 矢量圖放大到16倍時依然清晰 圖2-0-2 位圖放大16倍時模糊不清位圖圖像是由象素點構成的，象素點的多少將決定位圖圖像的顯示質量和文件大小，位圖圖像的分辨率越高，其顯示越清晰，文件所占的空間也就越大。因此，位圖圖像的清晰度與分辨率有關。對位圖圖像進行放大時，放大的只

34、是象素點，位圖圖像的四周會出現鋸齒狀。如圖2-0-2所示是放大了16倍的位圖效果。在Flash動畫制作過程中，會大量的運用到矢量圖形。雖然有一系列的功能強大的專門矢量圖制作軟件，如Corel公司的CorelDRAW 軟件、Macromedia公司的FreeHand軟件和 Adobe公司的 Illustrator軟件等，而運用Flash自身的矢量繪圖功能將會更方便，更快捷。在這一章里，我們將通過FLASH基本繪圖工具的學習，繪制出一些簡單的矢量圖。另外，Flash也具備一定的位圖處理能力，雖然比不上專業(yè)的位圖處理軟件，但是對于制作動畫過程中需要對位圖的一些簡單除了，它還是能夠勝任的。第一節(jié) 基本

35、繪圖工具（上）Flash 提供了各種工具來繪制自由形狀或準確的線條、形狀和路徑，并可用來對填充對象涂色，如圖2-1-1所示是Flash工具箱。 圖2-1-1 繪圖工具面板我們將分兩節(jié)來學習這些工具的使用方法。在本節(jié)里，我們學習線條工具、滴管工具、墨水瓶工具、箭頭工具、刷子工具、任意變形工具、顏料桶等工具的基本用法。1繪制和處理線條 【線條工具】是Flash中最簡單的工具?，F在我們就來畫一條直線。鼠標單擊【線條工具】，移動鼠標指針到舞臺上，在你希望直線開始的地方按住鼠標拖動，到結束點松開鼠標，一條直線就畫好了?！揪€條工具】能畫出許多風格各異的線條來。打開【屬性】面板，在其中，我們可以定義直線的顏

36、色、粗細和樣式，如圖2-1-2所示。圖2-1-2 直線【屬性】面板在圖2-1-2所示的【屬性】面板中，單擊其中的【筆觸顏色】按鈕，會出現一個調色板對話框，同時光標變成滴管狀。用滴管直接拾取顏色或者在文本框里直接輸入顏色的16進制數值。顏色以#開頭，如#99FF33，如圖2-1-3所示。 圖2-1-3 筆觸調色板 圖2-1-4 【筆觸樣式】對話框現在來畫出各種不同的直線。單擊【屬性】面板中的【自定義】按鈕，會彈出一個【筆觸樣式】對話框，如圖2-1-4所示。為了方便觀察，我們把粗細定為3象素（pts），選擇不同的線型和顏色，來看看我們畫出的線條，如圖2-1-5所示。圖2-1-5 不同類型的線條試一

37、試改變它的各項參數，會對你的繪圖有很大幫助。【滴管工具】和【墨水瓶工具】可以很快地將一條直線的顏色樣式套用到別的線條上。用【滴管工具】單擊上面的直線，看看【屬性】面板，它顯示的就是該直線的屬性，而且工具也自動變成了【墨水瓶工具】，如圖2-1-6所示。圖2-1-6 使用【滴管工具】選取線條屬性使用【墨水瓶工具】單擊其它線條，看看什么結果：所有線條的屬性都變成了和滴管工具選中的直線一樣了。如果你需要更改這條直線的方向和長短，Flash也為我們提供了一個很便捷的工具：【箭頭工具】?！炯^工具】的作用是選擇對象、移動對象、改變線條或對象輪廓的形狀。單擊選擇【箭頭工具】，然后移動鼠標指針到直線的端點處，

38、指針右下角變成直角狀，這時拖動鼠標可以改變直線的方向和長短，如圖2-1-7所示。 圖2-1-7 鼠標移到端點處 圖2-1-8 鼠標移到線條中間如果鼠標指針移動到線條中任意處，指針右下角會變成弧線狀，拖動鼠標，可以將直線變成曲線。這是一個很有用處的功能，在我們鼠標繪圖還不能隨心所欲時，它可以幫助我們畫出所需要的曲線，如圖2-1-8所示。 2實例演練畫一片樹葉現在我們就來實踐一下，練習畫一片樹葉。打開FALSH軟件，系統(tǒng)會自動建立一個FLASH文檔，在這里我們不改變文檔的屬性，直接使用其默認值。（1）新建圖形元件執(zhí)行【插入】|【新建元件】命令，或者按快捷鍵CTRL+F8，彈出創(chuàng)建新元件對話框，在【

39、名稱】文本對話框中輸入元件名稱“樹葉”，【行為】選擇“圖形”，單擊【確定】按鈕，如圖2-1-9所示。 圖1-1-9 創(chuàng)建圖形元件 圖2-1-10 “樹葉”圖形元件編輯場景這時工作區(qū)變?yōu)椤皹渲Α痹木庉嫚顟B(tài)，如圖2-1-10所示。說明：圖形元件是Flash的基本元素，有關它的詳細內容請參閱第4章的有關內容。（2）繪制樹葉圖形在“樹葉”圖形元件編輯場景中，首先用【線條工具】畫一條直線，【筆觸顏色】設置為深綠色，如圖2-1-11所示。 圖2-1-11 畫直線 圖2-1-12 拉成曲線 圖2-1-13 連接兩端 圖2-1-14 拉成曲線然后用【箭頭工具】將它拉成曲線，如圖2-1-12所示。再用【線條

40、工具】繪制一個直線，用這條直線連接曲線的兩端點，如圖2-1-13所示。用【箭頭工具】將這條直線也拉成曲線，如圖2-1-14所示。一片樹葉的基本形狀已經出來了，現在我們畫葉脈，在兩端點間畫直線，然后拉成曲線，如圖2-1-15和圖2-1-16所示。 圖2-1-15 畫葉脈線圖2-1-16 直線變曲 圖2-1-17 完成效果圖 圖2-1-18 被選取狀態(tài)再畫旁邊的細小葉脈，可以全用直線，也可以略加彎曲，這樣，一片簡單的樹葉就畫好了，如圖2-1-17所示。（3）編輯和修改樹葉如果在畫樹葉的時候出現錯誤，比如說，畫出的葉脈不是你所希望的樣子，你可以執(zhí)行【編輯】|【撤銷】命令撤銷前面一步的操作，也可以選擇

41、下面更簡單的方法：用【箭頭工具】單擊你想要刪除的直線，這條直線變成網點狀，說明它已經被選取，你可以對它進行各種修改，如圖2-1-18所示。要移動它，就按住鼠標拖動，要刪除它，就直接按DEL鍵。按住SHIFT鍵連續(xù)單擊線條，可以同時選取多個對象。如果要選取全部的線條，是否得按住SHIFT鍵挨個點擊呢？不需要，我們用黑色箭頭工具拉出一個選取框來，就可以將其全部選中了，如圖2-1-19所示。 圖2-1-19 框選對象 圖2-1-20 【顏色】選項 圖2-1-21 調色板說明：在一條直線上雙擊，也可以將和這條直線相連并且顏色、粗細、樣式相同的整個線條范圍全部選取。 （4）給樹葉上色接下來我們要給這片樹

42、葉填上顏色。在工具箱中看到這個【顏色】選項了嗎？如圖2-1-20所示。單擊【填充顏色】按鈕，會出現一個調色板，同時光標變成吸管狀，如圖2-1-21所示。說明：你除了可以選擇調色板中的顏色外，還可以點選屏幕上任何地方吸取你所需要的顏色。 如果你覺得調色板的顏色太少不夠選，單擊一下調色板右上角的【顏色選擇器】按鈕，會彈出一個【顏色】對話框，其中有更多的顏色選項，在這里，你能把選到的顏色添加到自定義顏色中，如圖2-1-22所示。圖2-1-22 【顏色】對話框在【自定義顏色】選項下單擊一個自定義色塊，該色塊會被虛線包圍，在【顏色】對話框右邊的【調色板】中單擊你喜歡的顏色，上下拖動右邊顏色條上的箭頭，移

43、到你需要的深淺度上，單擊【添加到自定義顏色】按鈕，這個色塊就被你收藏起來了。下一次要使用時，打開這個【顏色】面板，在自定義色中可以方便的選取你中意的顏色。好了，現在我們在調色板里選取綠色，單擊工具箱里【顏料桶工具】，在畫好的葉子上單擊一下，看看什么效果，如圖2-1-23所示。 圖2-1-23 填充顏色 圖2-1-24 填充色在封閉空間內 圖2-1-25 顏色填充后效果只有一小塊顏色？原來，這個顏料桶只能在一個封閉的空間里填色。取消剛剛的填色，現在我們用【橡皮工具】將線條擦出一個缺口，再看效果，如圖2-1-24所示。你看，殘缺線條的兩邊都填上了顏色。好，我們還是一塊一塊的填上顏色吧。但是在填充顏

44、色前，你一定要將樹葉圖形恢復到使用【橡皮工具】擦除操作前的模樣哦。這時，你可能會想，如果我們剛才先填充顏色再畫葉脈就省事多了。是的，你想得一點沒錯！沒關系，隨著操作的增加，我們的經驗會越來越豐富的。最后填充完的效果如圖2-1-25所示。至此，一個樹葉圖形就繪制好了。請你執(zhí)行【窗口】|【庫】命令，打開【庫】面板，你將發(fā)現【庫】面板中出現一個“樹葉”圖形元件，如圖2-1-26所示。圖2-1-26 【庫】面板中的“樹葉“圖形元件說明：【庫】面板是存儲Flash元件的場所，我們所創(chuàng)建的元件對象以及從外部導入的圖像、聲音等對象都保存在這里，這里的元件可以拖放到場景中重復使用。有關【庫】面板的詳細內容請你

45、參閱第4章的相關內容。（5）【顏料桶工具】選項單擊【顏料桶工具】后，在工具箱下邊的【選項】里有四個選項，可以根據自己的需要來確定，讀者可以自己試一下，如圖2-1-26所示。 圖2-1-26 顏料桶工具選項 圖2-1-27刷子工具選項 圖2-1-28 刷子的填色模式說明：【顏料桶工具】是對某一區(qū)域進行單色、漸變色或位圖進行填充，注意不能作用于線條。選擇【顏料桶工具】后，在【工具箱】下邊的【選項】中單擊【空隙大小】按鈕,會彈出四個選項，如圖1-2-11所示。其中，【不封閉空隙】表示要填充的區(qū)域必須在完全封閉的狀態(tài)下才能進行填充；【封閉小空隙】表示要填充的區(qū)域在小缺口的狀態(tài)下可以進行填充；【封閉中等

46、空隙】表示要填充的區(qū)域在中等大小缺口狀態(tài)下進行填充；【封閉大空隙】表示要填充的區(qū)域在較大缺口狀態(tài)下也能填充。但在Flash中，即使中大缺口，值也是很小的，所在要對大的不封閉區(qū)域填充顏色，一般用筆刷。 3【刷子工具】的用法【刷子工具】可以隨意地畫色塊。當你單擊工具箱中的【刷子工具】后，工具箱下邊就會顯示它的【選項】，我們先看看它的【選項】，如圖2-1-27所示。在這里，我們可以選定畫筆的大小和樣式以及它的填色模式。讀者可以自己選取不同的大小和樣式練習練習，先找一找感覺。下面我們利用剛剛畫成的樹葉來詳細講解它的填色模式。在圖2-1-27所示的【選項】下單擊【填充模式】按鈕，則彈出填充模式下拉列表，

47、如圖2-1-28所示。（1）標準繪畫選擇【刷子工具】，并將【填充顏色】設置為黃色，當然也可以是其它色。先選擇【標準繪畫】模式，移動筆刷（當選擇了【刷子工具】后，鼠標指針就變?yōu)樗⒆有螤睿┑轿枧_的樹葉圖形上，拖動鼠標在葉子上亂抹幾下，觀察一下效果，如圖2-1-29所示。 圖2-1-29 標準繪畫模式 圖2-1-30 顏料填充模式 圖2-1-31 后面繪畫模式你能發(fā)現，不管是線條還是填色范圍，只要是畫筆經過的地方，都變成了畫筆的顏色。（2）顏料填充選擇【顏料填充】模式，它只影響了填色的內容，不會遮蓋住線條，如圖2-1-30所示。（3）后面繪畫選擇【后面繪畫】模式，無論你怎么畫，它都在圖像的后方，不會

48、影響前景圖像，如圖2-1-3所示。（4）顏料選擇選擇【顏料選擇】模式，你先用畫筆抹幾下，好象絲毫不起作用。這是因為我們沒有選擇范圍。用【箭頭工具】選中葉片的一塊，再使用畫筆，你看，顏色就上去了，如圖2-1-32所示。 圖2-1-32 顏料選擇模式 圖2-1-33 內部繪畫模式（5）內部繪畫選擇【內部繪畫】模式，在繪畫時，畫筆的起點必須是在輪廓線以內，而且畫筆的范圍也只作用在輪廓線以內，如圖2-1-33所示。4畫一個樹枝現在我們要把這孤零零的一片樹葉組合成樹枝。你想一想，如果用這么一模一樣的樹葉，要把它組成樹枝，是不是很難看呢？Flash為我們提供了一個很好的工具：【任意變形工具】。利用【任意變

49、形工具】我們可以將前面繪制的那個樹葉改變成需要的形狀?！救我庾冃喂ぞ摺靠梢孕D縮放元件，也可以對圖形對象進行扭曲、封套變形。當你在工具箱中選擇【任意變形工具】后，工具箱的下邊就會出現相應的【選項】，如圖2-1-34所示。圖2-1-34 任意變形工具選項說明：【任意變形工具】的【選項】中共包括5個按鈕，從上向下依次是：【對齊對象】、【旋轉與傾斜】、【縮放】、【扭曲】和【封套】。你可以用鼠標指向這些按鈕，相應的按鈕功能就會顯示出來。另外，當你選擇了【任意變形工具】后，【選項】中的按鈕并不是馬上都被激活，除了【對齊對象】按鈕，其他按鈕都是灰色顯示，只有你在場景中選擇了具體的對象以后，其他4個按鈕才變

50、成可用狀態(tài)。（1）旋轉樹葉選擇【任意變形工具】后，單擊舞臺上的樹葉，這時樹葉被一個方框包圍著，中間有一個小圓圈，這就是變形點，當我們進行縮放旋轉時，就以它為中心，如圖2-1-35所示。 圖2-1-35 變形點 圖2-1-36 選取變形點 圖2-1-37 拖動變形點到葉柄處 這個點是可以移動的。將光標移近它，光標下面會多了一個圓圈，按住鼠標拖動，將它拖到葉柄處，我們需要它繞葉柄旋轉，如圖2-1-36和圖2-1-37所示。再把鼠標指針移到方框的右上角，鼠標變成狀圓弧狀，表示這時就可以進行旋轉了。向下拖動鼠標，葉子繞控制點旋轉，到合適位置松開鼠標，效果如圖2-1-38所示。 圖2-1-38 旋轉后的

51、樹葉 圖2-1-39 復制樹葉 圖2-1-40 縮放對象（2）復制樹葉用【箭頭工具】單擊舞臺上的樹葉圖形，執(zhí)行【編輯】|【復制】命令，然后再執(zhí)行【編輯】|【粘貼】命令，這樣就復制得到一個同樣的樹葉，如圖2-1-39所示。（3）變形樹葉將粘帖好的樹葉拖到旁邊，再用【任意變形工具】進行旋轉。使用【任意變形工具】時，也可以象使用【箭頭工具】一樣移動樹葉的位置。拖動任一角上的縮放手柄，可以將對象放大或縮小。拖動中間的手柄，可以在垂直和水平方向上放大縮小，甚至翻轉對象。請你將樹葉適當變形，如圖2-1-40所示。說明：【任意變形工具】的各項功能也可以使用菜單欄中【修改】|【變形】命令來實現，如圖2-1-4

52、1所示。圖2-1-41 變形命令（4）創(chuàng)建“三片樹葉”圖形元件再復制一張樹葉出來，我們用【任意變形工具】將三片樹葉調整成如圖2-1-42所示形狀。在調整過程中請注意，當調整效果不滿意時，也許你的樹葉已經不在選取狀態(tài)，有時要重新選取整片樹葉范圍很困難，這就需要多使用編輯撤銷，以恢復選取狀態(tài)。圖2-1-42 樹葉組合如圖2-1-42所示的三片樹葉圖形創(chuàng)建好以后，將它們全部選中，然后執(zhí)行【修改】|【轉換為元件】命令，將它們轉換為名字為“三片樹葉”的圖形元件。（5）繪制樹枝請注意，以上的繪圖操作我們都是在“樹葉”編輯場景完成的，現在我們返回到主場景【場景1】。請你單擊時間軸右上角的【場景1】按鈕，如圖

53、2-1-43所示。 圖2-1-43 切換到【場景1】 圖2-1-44 畫出樹枝單擊【刷子工具】，選擇【畫筆形狀】為圓形，大小自定，選擇【后面繪畫】模式，移動鼠標指針到場景中，畫出樹枝形狀，如圖2-1-44所示。（6）組合樹葉和樹枝執(zhí)行【窗口】|【庫】命令，或者使用快捷鍵CTRL+L，打開【庫】面板，你可以看到，【庫】面板中出現兩個圖形元件，這兩個圖形元件就是我們前面繪制的“樹葉”圖形元件和“三片樹葉”圖形元件，如圖2-1-45所示。 圖2-1-45 元件庫 圖2-1-46 完成后的樹枝效果單擊“樹葉”圖形元件，將其拖放到場景的樹枝圖形上，用【任意變形工具】進行調整。元件【庫】里的元件可以重復使

54、用，你只要改變它的長短大小方向就能表現出紛繁復雜的效果來，完成效果如圖2-1-46所示。第三課 情人節(jié)賀卡本節(jié)要制作一個綜合范例情人節(jié)賀卡。在這個范例的制作過程中會使用前面學習的很多繪圖工具，并且講解一些新的繪圖方法和技巧。另外，由于這個范例圖形比較復雜，我們還使用了“圖形元件”這個對象類型，利用“圖形元件”可以更加方便的制作復雜圖形。范例最終效果如圖2-105所示。圖2-105 情人節(jié)賀卡1. 繪制“燭焰”元件 （1）新建一個Flash8影片文檔。設置舞臺背景顏色為藍色，其他保持默認設置。（2）執(zhí)行【插入】|【新建元件】命令，或者按快捷鍵Ctrl+F8，彈出【創(chuàng)建新元件】對話框，在【名稱】文

55、本框中輸入元件名稱為“燭焰”，選擇【行為】為【圖形】。如圖2-106所示。圖2-106 新建圖形元件（3）單擊“確定”按鈕，進入到“燭焰”元件的編輯場景。使用【橢圓工具】繪制一個僅有邊框無填充色的橢圓，使用【選擇工具】調整，如圖2-107所示。 圖2-107 繪制燭焰邊框 圖2-108 混色器設置（4）執(zhí)行【窗口】|【混色器】命令，填充樣式設為放射狀。在漸變條上將左邊色標設置為白色，并拖動到偏右方以加大白色在整個漸變色中的比例。將右邊色標設置為黃色，如圖2-108所示。（5）將場景中的圖形填充漸變色后，燭焰的色彩并不盡如人意，需要使用【填充變形工具】進行調整。選擇【填充變形工具】單擊填充色，會

56、出現一個邊上帶有三個手柄的環(huán)形邊框。我們用鼠標分別按住中心的圓圈或邊上的手柄里推外拉、上下左右的進行調整，現在將燭焰的顏色調整為上下略帶一點黃色，上邊黃色略多，如圖2-109所示。 圖2-109 調整填充色 圖2-110 繪制燭身元件2. 繪制“燭身”元件 （1）執(zhí)行【插入】|【新建元件】命令，或者按快捷鍵Ctrl+F8，彈出【創(chuàng)建新元件】對話框，在【名稱】文本框中輸入元件名稱為“燭身”，選擇【行為】為【圖形】。（2）單擊“確定”按鈕，進入到“燭身”元件的編輯場景。使用【橢圓工具】繪制一個僅有邊框無填充色的橢圓，使用【選擇工具】略加調整，并使用【任意變形工具】進行旋轉，如圖2-110所示。（3

57、）打開【混色器】面板，填充樣式設為放射狀。在漸變條上將左邊色標設置為黃色（#F5DD38），并拖動到偏右方；將右邊色標設置為紅色（#F76648），如圖2-111所示。 圖2-111 設置填充色 圖2-112 調整填充色（4）填充漸變色后，使用【填充變形工具】調整，如圖2-112所示。（5）為使燭身更漂亮，在剛剛作好的圖形旁邊畫一個無邊框的橢圓，顏色填充設置如圖2-113所示。左邊色標設置為#F76648，右邊色標設置為#F5DD38。 圖2-113 設置填充色 圖2-114 繪制橢圓（6）橢圓畫好后用【任意變形工具】調整傾斜，如圖2-114所示。 圖2-115 調整橢圓位置 圖2-116 繪

58、制高光（7）使用【選擇工具】將畫好的橢圓拖放到燭身上，如圖2-115所示。（8）選擇【刷子工具】，在選項中將刷子大小選擇略小一點的筆刷，填充色設為淡黃色，在燭身上添加高光，刪除邊框線條，完成燭身元件造型。如圖2-116所示。3. 繪制“燭光”元件 （1）執(zhí)行【插入】|【新建元件】命令，或者按快捷鍵Ctrl+F8，彈出【創(chuàng)建新元件】對話框，在【名稱】文本框中輸入元件名稱為“燭光”，選擇【行為】為【圖形】。（2）單擊“確定”按鈕，進入到“燭光”元件的編輯場景。打開【混色器】面板，填充樣式設為放射狀。將鼠標移近漸變條，當鼠標指針右下角出現一個加號時，單擊鼠標，在漸變條上增加一個色標。將左邊色標設置為

59、黃色，并稍向右移；中間色標為紅色；右邊色標為白色，為使光焰呈模糊虛幻而不突兀，將右邊白色色標的Alpha值調整為零，如圖2-117所示。 圖2-117 設置填充色 圖2-118 繪制無邊框正圓 圖2-119 收縮變形（3）使用【橢圓工具】繪制一個無邊框的正圓，如圖2-118所示。（4）使用【任意變形工具】將其縱向收縮。如圖2-119所示。4. 組裝“蠟燭”元件 （1）新建一個名字為“蠟燭”的圖形元件。進入到這個元件的編輯場景中。（2）“蠟燭”元件共分三層。先制作燭身層。雙擊時間軸上“圖層1”，將“圖層1”改名為“燭身”。如圖2-120所示。圖2-120 修改圖層名（3）按Ctrl+L組合鍵打開

60、【庫】面板，將“燭身”元件拖放到舞臺上。選中該元件按住Alt鍵向下拖放進行復制，如圖2-121所示。 圖2-121 復制燭身元件 圖2-122 對齊元件 圖2-123 旋轉上下元件 圖2-124 放置燭光元件（4）選中所有元件，執(zhí)行【修改】|【對齊】|【左對齊】命令，再執(zhí)行【按高度均勻分布】命令，效果如圖2-122所示。（5）使用【任意變形工具】旋轉最上面和最下面的元件，如圖2-123所示。（6）將鼠標指向“燭身”圖層上，單擊右鍵，在彈出的快捷菜單中選擇【插入圖層】命令。系統(tǒng)默認插入圖層為“圖層2”，雙擊“圖層2”，改名為“燭焰”。將【庫】面板中“燭焰”元件拖放到合適位置。如圖2-124所示。