1、1學習目標：學習目標：1 1、了解矢量圖與位圖的有關知識。、了解矢量圖與位圖的有關知識。 2 2、掌握工具箱中幾種繪圖工具的、掌握工具箱中幾種繪圖工具的使用方法。使用方法。 3 3、掌握與顏色相關的幾種工具的、掌握與顏色相關的幾種工具的使用方法。使用方法。 4 4、了解文本的幾種類型，學會使、了解文本的幾種類型，學會使用文本工具創建、編輯文本。用文本工具創建、編輯文本。 5 5、了解形狀漸變動畫的基本原理、了解形狀漸變動畫的基本原理。23 矢量圖形使用直線和曲線（即所謂的“矢量”）來描述圖像。當用戶編輯矢量圖形時，實際上是在修改描述圖形形狀的直線和曲線的屬性。矢量屬性還包括顏色和位置屬性。矢量

2、圖的清晰度與分辨率的大小無關，對矢量圖進行縮放時，圖形對象仍保持原有的清晰度和光滑度，不會發生任何偏差。 42.1 2.1 矢量圖與位圖矢量圖與位圖 位圖圖像使用帶顏色的小點（即所謂的“像素”）描述圖像。像素的多少將決定位圖圖像的顯示質量和文件的大小，位圖圖像的分辨率越高，其顯示越清晰，文件所占的空間也就越大。因此，位圖圖像的清晰度與分辨率有關。對位圖圖形放大時，放大的只是像素點，圖像將變得模糊。5 一個優秀的作品，往往它的片頭效果也是比較好的，這可以很好地起到吸引觀眾的作用。下面我們一起動手制作一個這樣的片頭效果。制作步驟如下： 步驟1：首先啟動Flash 8，新建一個Flash文檔，在菜單

3、欄中執行“修改”“文檔”命令（或按快捷鍵【Ctrl+J】），彈出“文檔屬性”對話框，將寬度設置為400像素，高度設置為300像素，背景色設置為白色，如圖2-1所示，然后單擊“確定”按鈕。 步驟2：雙擊時間軸圖層左邊文字處，把圖層重命名為“線條變換”。67 步驟3：同時選擇“線條工具” ，在舞臺的合適位置繪制一根直線。步驟4：在第10幀處插入關鍵幀，然后在第10幀使用“選擇工具”靠近線條（不是選中），當鼠標指針旁邊出現弧形狀后，拖動鼠標把直線變成曲線。 步驟5：在第20偵處插入關鍵幀，使用同樣的方法進一步調整曲線。 步驟6：在第30幀插入空白關鍵幀（快捷鍵為【F7】），然后使用文本工具輸入文字“

4、月”，選中文字，在屬性面板中設置字號為96，并選擇合適的字體。 步驟7：選中第30幀的文字，在菜單欄中之星“修改”“分離”命令（或按快捷鍵【Ctrl+B】）將文字分離 。8步驟8：選擇“墨水瓶工具”，單擊上面分離的文字為其添加線條輪廓。步驟9：使用選擇工具將文字輪廓中間的填充選中，然后將其刪除，得到一個中空的線條文字，如下圖所示。步驟10：選中第40幀，用同樣的方法得到“光”的中空線條文字。步驟11：分別選中第1幀、第10幀、第20幀、第30幀、第40幀，然后在屬性面板中的“補間”屬性中選擇“形狀”。步驟12：按快捷鍵【Ctrl+Enter】測試動畫效果。 910范例總結： 在上面的例子中，線

5、條發生了一系列的形狀漸變。這其實就是形狀漸變動畫。從上面的例子可以看出，在動畫的運動過程中線條的形狀發生漸變，而且全部都是用線條或者線條的組合，并沒有把任何一個關鍵幀的內容轉化為組件。所以形狀漸變就是在兩個形狀之間實現漸變，比如一個方形變成圓形。11 “選擇工具”是一個最常用的工具，它用來選擇舞臺中的一個對象。通常選擇的方法有兩種：點選和框選，點選可以選擇一個組件、線條或者連續的填充。一個組件選中會出現藍色的邊框，填充和線條選中后就會出現麻點狀態。 如果要選擇多個對象且對象的分布并不規則，也就是選擇不連續的對象，可以按住【Shift】鍵然后點選來完成。在選擇線條的時候只能選擇兩個點之間，可以使

6、用雙擊來選擇相連的線條。122.3 繪圖工具 “線條工具”，顧名思義就是用于繪制直線的工具，使用方法簡單，在工具箱中選取“線條工具”后，可先在屬性面板中設置好筆觸顏色、樣式及高度，然后在舞臺中單擊并拖動就可以繪制直線。 選中“線條工具”后，會發現在工具選項中出現了一個磁鐵圖標，這個選項用于多個線條連接時自動吸附，這就方便了封閉圖形的繪制，如下圖所示。 另外，利用“選擇工具” 可以更改線條的方向和長短。1314 “鉛筆工具”，可以很隨意地繪制出不規則線條和圖形。選擇“鉛筆工具”后，可以使用其附屬選項更改其參數，有三個選項可以選擇： 1、“伸直”：表示自動把線條轉化成折線。 2、“平滑”：表示線條

7、盡量的圓滑。 3、“墨水”：表示盡量保持繪畫的軌跡，也就是不作任何變化，保持原來繪畫形狀。 15 使用“鋼筆工具”可以繪制精確的路徑，如直線或者平滑流暢的曲線。創建后可以調整直線段的角度和長度以及曲線段的斜率。用鋼筆工具繪制圖形的方法如下：1、選擇工具箱中的“鋼筆”工具 。2、通過直接在舞臺上單擊鼠標左鍵確定各點位置，可在單擊點與上一點之間創建一條直線；如下圖左圖所示；如果在某個位置單擊并拖動鼠標，將在單擊點與上一點之間創建曲線，如下圖右圖所示。1617 使用“鋼筆工具”或“部分選取工具”單擊對象輪廓或框選對象即可顯示節點。此時用戶可以執行以下幾種操作：1、添加節點：使用鋼筆工具在路徑上沒有錨

8、點的任何位置單擊，鋼筆工具右下角會出現一個加號，這表示可以在路徑上該處增加一個節點，單擊鼠標左鍵即可完成操作。2、刪除節點：使用鋼筆工具單擊所選對象上的節點，鋼筆工具右下角會出現一個減號，這表示可以清除該處的節點。節點分直線點和曲線點兩種。單擊鼠標左鍵即可完成刪除直線點的操作；單擊鼠標左鍵兩次可以完成刪除曲線點的操作。3、轉換節點類型：將光標移至曲線節點處，光標將顯示為，此時單擊，可將曲線節點轉換為拐角節點。18“橢圓工具” 和“矩形工具” 分別用于繪制橢圓和矩形等幾何圖形。只需選擇相應的工具后，在舞臺中單擊并拖動鼠標即可進行繪制。如果在繪制橢圓和矩形時按下【Shift】鍵，則可以繪制出正圓和

9、正方形。多角星形工具是Flash 8的一個新功能。它與“矩形工具”位于同一個工具組中。使用“多角星形工具”可以繪制多邊形和星形，其操作步驟如下：1、單擊“矩形”工具按鈕并按住鼠標不放，在彈出菜單中單擊選擇“多角星形”工具。192、在屬性面板中設置填充色與筆觸顏色、高度和樣式。3、單擊屬性面板中的“選項”按鈕，在打開的“工具設置”對話框中設置相應的選項。4、設置好后單擊“確定”按鈕，即可在舞臺中拖動鼠標進行繪制，如下圖所示。在繪制過程中，可移動鼠標以轉動多邊形或星形，如按住【Shift】鍵，則以固定角度轉動多邊形或星形。 20Flash中的刷子工具可以像日常生活中的漆刷一樣，給各種物體涂抹上顏色

10、。使用“刷子工具”繪制的圖形從外觀上看似乎是線條，其實是一個填充區域，只不過沒有邊線而已。用刷子工具還可以制作出特殊效果，例如書法效果。使用刷子工具的調節設置可以選擇刷子的形狀和大小。并且允許用戶使用屬性面板設置線條的平滑值。要掌握刷子的具體用法，關鍵是理解各種刷子模式的區別。 21 1、標準繪畫（默認）：選擇該項，新畫的線條將覆蓋在同一圖層中的原有圖形上。2、顏料填充：選擇該項，只能在空白區和原有的顏色填充區中進行涂色，原有線條將被保留。也就是說，刷子所繪圖形將被原有線條截斷。3、后面繪畫：選擇該項，只能在同一層的空白區域涂色，原有顏色填充區及線條將保留。4、顏料選擇：選擇該項，只能在選擇的

11、區域里涂色所示。5、內部繪畫：選擇該項，只能在起始筆觸所在的填充區中涂色，但不影響線條。如果在空白區域中開始涂色，該填充不會影響任何現有填充區域。各種效果如下圖。2223 “套索工具”是一種用來實現選取功能并進而對圖像進行處理的工具，對于圖像的修剪非常有用，使用方法也比較簡單。 套索工具分為套索、多邊形套索和魔術棒三種。 2425 【橡皮擦工具】就和橡皮一樣，可以擦去你不需要的地方。雙擊【橡皮擦工具】，可以刪除舞臺上的所有內容。選擇【橡皮擦工具】，單擊按鈕，在彈出的菜單中有幾個選項：1、標準擦除：擦除同一層上的筆觸和填充。2、擦除填色：只擦除填充，不影響筆觸。3、擦除線條：只擦除筆觸，不影響填

12、。4、擦除所選填充：只擦除當前選定的填充，并不影響筆觸（不管筆觸是否被選中）。以這種模式使用【橡皮擦工具】之前，請選擇要擦除的填充。5、內部擦除：只擦除橡皮擦筆觸開始處的填充。如果從空白點開始擦除，則不會擦除任何內容。以這種模式使用橡皮擦并不影響筆觸。 2627 在Flash 中，我們可以使用“墨水瓶工具”為線條或圖形的邊框著色；使用“顏料桶工具”為封閉區域填充顏色；還可以使用“滴管工具”從舞臺中提取顏色樣本。當一個填充沒有邊框線條時可以使用墨水瓶工具生成邊框線條。而當一個線條沒有填充顏色時，可以使用顏料桶工具填充一個顏色，如圖所示。 28 Flash為文字的輸入提供了很多工具，用戶可以設置文

13、字的大小、顏色、樣式以及排版方式等，還可以將文字轉換為圖像，便于在動畫中使用。另外，利用可編輯文本區域，還可以制作出各種包含文字的、具有交互性的動畫。 Flash中提供了三種類型的文本，分別是靜態文本、動態文本和輸入文本。29所謂靜態文本，就是指不會動態更改字符的文本。簡而言之，就是默認的普通文本。輸入靜態文本的方法為：1、選中工具箱中的“文字工具”，光標變成一個帶加號的A。2、在當前層的舞臺空白處單擊即可產生一個文本框，可以在其中輸入文字。3、如果在已有的文字對象上單擊，則激活該文字對象以便編輯。4、單擊屬性面板中的“文字方向”按鈕可以使文本豎直排列。30在Flash中，可以對文本的屬性進行

14、設置，這些設置包括字體、文字大小、文字間距、對齊方式、文字縮排以及文字顏色等。當創建新文本時，Flash使用當前的文字屬性。如果希望修改已存在的文本屬性，只要選中文字，就可以在屬性面板中對它的屬性進行修改。包括字體、字號、顏色、樣式、間距、對齊方式和鏈接等屬性。3132動態文本是指可以顯示動態更新文本的字段，文本會根據文件服務器的輸入不斷更新，例如運動比賽分數、天氣預報等。創建動態文本的步驟如下：1、選中工具箱中的文字工具。2、光標變成一個帶加號的A，在當前層的舞臺空白處單擊即產生一個文字框，可以在其中輸入文字。3、在屬性面板中將文字類型改為“動態文本”。33動態文本的屬性如下：1、“實例名稱

15、”：輸入該文本字段的實例名稱。2、“多行”：可以在多個行顯示文本。3、“單行”：可以在一行中顯示文本。4、“多行不換行”：以多行顯示文本，但只在最后一個字符是換行字符時才會換行。5、“將文本呈現為HTML”：可以保留豐富的文本格式，如字體和超鏈接，并帶有相應的 HTML 標記。6、“顯示邊框”：可以為文本字段顯示黑色邊框和白色背景。通過這個選項可以顯示或隱藏文本區域的邊界和背景。隱藏文本區域的邊界和背景后，在動畫的播放過程中將不會看到文本區域的邊框以及文本區域中的背景，文本區域中的背景將被整個動畫的背景所代替。這時所看到的文本區域與普通的文本框在外表上沒有區別，有時為了美觀這是必要的。347、

16、“可選”：使用戶能夠選擇動態文本。取消選擇此選項將阻止用戶選擇該動態文本。8、“變量”：輸入該文本字段的變量名稱。文本區域的變量名是與Flash動畫創建交互性有關的。9、“字符”：用來設置當發布Flash動畫時，是否只保存字體的輪廓。這樣做的好處是可以減少Flash動畫的大小。在這里可以分別選擇大寫字母、小寫字母、數字和標點元件中的哪一個采用只保存字體輪廓的方法進行保存。 35所謂的輸入文本就是在動畫的播放過程中，這個區域的文本是可以編輯的。所以，在這個區域的文本也可以稱為可編輯文本。 在動畫中使用輸入文本可以增加網頁的交互性，如天氣預報、比賽分數等。創建輸入文本的步驟如下：1、選中工具箱中的

17、文字工具，光標變成一個帶加號的A。2、在當前層的舞臺空白處單擊即產生一個文字框，可以在其中輸入文字。3、在屬性面板中將文字類型改為“輸入文本”。361、“實例名稱”：輸入該文本字段的實例名稱。2、“顯示邊框”：可以為文本字段顯示黑色邊框和白色背景。3、“多行”：可以在多個行顯示文本。4、“單行”：可以在一行中顯示文本。5、“多行不換行”：以多行顯示文本，但只在最后一個字符是換行字符時才會換行。6、“密碼”：這個選項在某些情況下非常有用。由于文本區域中的內容是可以在電影動畫的播放過程中進行編輯的，這就存在這樣一種情況，在Flash動畫的播放過程中可以在文本區域中輸出一些文字，這些文字可能是我們不想讓它顯示在屏幕上的，例如密碼或其他需要隱藏的信息等。那么，就可以通過這個選項使在文本區域中的文字全部顯示為“*”。這樣無論是對動畫中已有的文字，還是后來輸入的文字，均可以起到保密的目的。377、“字符數”：為了需要，有時要限制某一文本區域中可輸入的字符數，使得在該文本區域中輸入的字符數不得超過某