網(wǎng)頁(yè)開(kāi)發(fā)工具第十講

1、第十講第十講 FLASH初步初步網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步10.1 Flash 基本工作環(huán)境介紹基本工作環(huán)境介紹10.1.1 Flash的功能和特點(diǎn)的功能和特點(diǎn) Macromedia Flash 8 是制作Web內(nèi)容的專業(yè)標(biāo)準(zhǔn)創(chuàng)作工具。無(wú)論是創(chuàng)建動(dòng)畫(huà)徽標(biāo)、Web站點(diǎn)導(dǎo)航控件、長(zhǎng)篇?jiǎng)赢?huà)、完整的Flash Web站點(diǎn)，還是創(chuàng)建Web應(yīng)用程序，F(xiàn)lash的強(qiáng)大功能都是實(shí)現(xiàn)我們創(chuàng)造力的最佳選擇。圖10-1 Flash 8 工作區(qū)網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 (1) 舞臺(tái)。如圖10-2所示，舞臺(tái)是執(zhí)行以下操作的位置：繪制和導(dǎo)入作品、添加文本和聲音

2、、添加其他功能(如導(dǎo)航按鈕或用戶界面組件)。圖10-2 舞臺(tái)網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 (2) 工具箱。如圖10-3所示，工具箱包含用于創(chuàng)建、放置和修改文本與圖形的工具。使用鼠標(biāo)在工具箱上滾動(dòng)可了解每一部分的工作方式。圖10-3 工具箱 工具箱包含將用于創(chuàng)建、放置和修改文本與圖形的工具使用這些工具可調(diào)整舞臺(tái)的視圖在選擇工具時(shí)，它的功能鍵出現(xiàn)在工具箱的這一部分單擊顏色框可選擇填充顏色和筆觸顏色網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 (3) 面板。如圖10-4所示，F(xiàn)lash中的面板有助于使用舞臺(tái)上的對(duì)象、整個(gè)文檔、時(shí)間軸和動(dòng)作。選擇“窗口”菜單可查

3、看面板列表。 可以通過(guò)選擇“窗口”“面板設(shè)置”或通過(guò)創(chuàng)建自定義面板設(shè)置來(lái)顯示常用的面板設(shè)置。 網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-4 面板網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 (4) 時(shí)間軸。時(shí)間軸基于時(shí)間組織和控制影片的內(nèi)容。與電影一樣，F(xiàn)lash將時(shí)間長(zhǎng)度分成多個(gè)幀。每個(gè)幀都有其各自的內(nèi)容，或者它使用以前幀的內(nèi)容，如圖10-5所示。圖10-5 時(shí)間軸空關(guān)鍵幀時(shí)間軸標(biāo)題播放頭“幀視圖”彈出菜單逐幀動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)運(yùn)行時(shí)間幀頻當(dāng)前幀指示器繪圖紙按鈕“幀”居中按鈕引導(dǎo)層圖標(biāo)網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 (5) 圖層。為了幫助

4、組織內(nèi)容，時(shí)間軸被劃分成多個(gè)圖層，如圖10-6所示。例如，背景圖層可應(yīng)用到影片的每個(gè)幀中，而動(dòng)畫(huà)圖層一般針對(duì)特定幀。圖10-6 圖層隱藏的圖層活動(dòng)圖層用輪廓顯示的圖層上的對(duì)象鎖定的圖層網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 (6) 庫(kù)。“庫(kù)”面板存儲(chǔ)可以重復(fù)使用的、名稱為元件的元素，如圖10-7所示。例如，如果想重復(fù)使用圖形、影片剪輯或聲音，可以將其拖到庫(kù)中，然后在需要時(shí)將其拖到舞臺(tái)中。圖10-7 庫(kù)選項(xiàng)菜單“排序順序”按鈕“寬庫(kù)視圖”按鈕“窄庫(kù)視圖”按鈕廢紙簍圖標(biāo)屬性圖標(biāo)“新建文件夾”按鈕“新建元件”按鈕網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 (7) 屬性

5、檢查器。屬性檢查器顯示工具或?qū)ο蟮淖畛Ｓ迷O(shè)置，如圖10-8所示。圖10-8 屬性檢查器網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 (8) 動(dòng)作腳本。如圖10-9所示，動(dòng)作腳本是Flash提供的內(nèi)置編程語(yǔ)言，它是在“動(dòng)作”面板中創(chuàng)建的。圖10-9 動(dòng)作腳本網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步10.1.3 Flash操作特點(diǎn)操作特點(diǎn) Flash 提供了許多方法來(lái)創(chuàng)建原始插圖，以及從其他應(yīng)用程序中導(dǎo)入插圖。我們既可以用繪畫(huà)工具創(chuàng)建對(duì)象與修改現(xiàn)有對(duì)象的屬性，也可以從其他應(yīng)用程序中導(dǎo)入矢量圖形、位圖圖形和視頻，然后在Flash中修改導(dǎo)入的圖形。 使用Flash可以使對(duì)象

6、動(dòng)起來(lái)，當(dāng)它們?cè)谖枧_(tái)中顯示時(shí)，我們能夠更改它們的形狀、大小、顏色、不透明度、旋轉(zhuǎn)和其他屬性?？梢詣?chuàng)建逐幀顯示的動(dòng)畫(huà)，而在每一幀中可以創(chuàng)建單獨(dú)可以創(chuàng)建逐幀顯示的動(dòng)畫(huà)，而在每一幀中可以創(chuàng)建單獨(dú)的圖像；還可以創(chuàng)建補(bǔ)間動(dòng)畫(huà)，即只需創(chuàng)建動(dòng)畫(huà)的第一幀和最的圖像；還可以創(chuàng)建補(bǔ)間動(dòng)畫(huà)，即只需創(chuàng)建動(dòng)畫(huà)的第一幀和最后一幀，然后使用后一幀，然后使用 Flash 創(chuàng)建中間的幀；也可以使用動(dòng)作腳本創(chuàng)建中間的幀；也可以使用動(dòng)作腳本(一種面向?qū)ο蟮木幊陶Z(yǔ)言一種面向?qū)ο蟮木幊陶Z(yǔ)言)創(chuàng)建創(chuàng)建Flash動(dòng)畫(huà)。動(dòng)畫(huà)。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 Flash可以創(chuàng)建交互式影片，觀眾可以使用鍵盤(pán)或鼠標(biāo)跳到影

7、片的不同片斷，移動(dòng)對(duì)象，在表格中輸入信息以及執(zhí)行其他操作。使用動(dòng)作腳本撰寫(xiě)動(dòng)作的腳本，可以創(chuàng)建交互式影片。 Flash文檔是具有 .fla文件擴(kuò)展名的文件，它包含開(kāi)發(fā)、設(shè)計(jì)和測(cè)試交互式內(nèi)容所需的所有信息。Flash文檔并不是在Flash Player中顯示的影片。相反，需要將FLA文檔發(fā)布為 Flash 影片，而后者的文件擴(kuò)展名為 .swf，其中只包含顯示影片所需的信息。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步10.2.1 繪制線條、矩形和橢圓繪制線條、矩形和橢圓 Flash中線條、矩形和橢圓工具的使用方法與其他圖形程序中的方法相同(如Word中的圖形繪制等)。繪制步驟如下：

8、(1) 單擊橢圓工具，然后將指針移動(dòng)到舞臺(tái)，如圖10-10所示。 (2) 在舞臺(tái)上拖動(dòng)以繪制一個(gè)橢圓。10.2 矢矢 量量 繪繪 圖圖 工工 具具 簡(jiǎn)簡(jiǎn) 介介網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 圖10-10 單擊橢圓工具 橢圓工具網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 同時(shí)，我們也可為繪制的任何形狀選擇填充顏色和筆觸顏色，方法是使用工具箱中的“筆觸顏色”和“填充顏色”控件，或者在橢圓工具處于選定狀態(tài)時(shí)使用屬性檢查器。步驟如下： (1) 確保橢圓工具仍處于選定狀態(tài)，然后使用“筆觸顏色”和“填充顏色”控件，嘗試將“筆觸顏色”設(shè)置為“黑色”，“填充顏色”設(shè)置為

9、紫色，如圖10-11所示。 (2) 在舞臺(tái)上拖動(dòng)以繪制橢圓，如圖10-12所示。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-11 筆觸顏色、填充顏色 橢圓工具“筆觸顏色”控件“填充顏色”控件網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 圖10-12 橢圓網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 還可以在橢圓工具處于選定狀態(tài)時(shí)，使用屬性檢查器來(lái)選擇填充顏色和筆觸顏色。 選中屬性檢查器后，它將顯示選定工具的設(shè)置。如果切換到另一個(gè)工具，它則會(huì)顯示所切換到的工具的設(shè)置，如圖10-13所示，具體步驟如下：圖10-13 “橢圓工具”屬性檢查器 筆觸高度填充顏

10、色筆觸樣式筆觸顏色網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 (1) 確保橢圓工具仍處于選定狀態(tài)。如果未顯示屬性檢查器，請(qǐng)選擇“窗口”“屬性”。如果屬性檢查器已打開(kāi)，但不顯示任何內(nèi)容，請(qǐng)單擊左上角的三角形。 (2) 將指針定位到“筆觸顏色”控件上，單擊顏色樣本，然后更改邊框的顏色。 (3) 將指針定位到“填充顏色”控件上，然后更改填充顏色。 (4) 將指針定位到“筆觸高度”控件上，然后更改線條粗細(xì)。 (10) 將指針定位到“筆觸樣式”控件上，然后更改線條樣式。 (6) 在舞臺(tái)上拖動(dòng)以繪制另一個(gè)橢圓。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 選擇某個(gè)工具時(shí)，其功能鍵

11、會(huì)出現(xiàn)在工具箱的“選項(xiàng)”區(qū)域。線條工具和矩形工具與橢圓工具非常相似，但是它們的功能鍵不同。其使用步驟如下： (1) 單擊矩形工具，如圖10-14所示。 (2) 單擊“圓角矩形半徑”功能鍵以定義一條由20個(gè)點(diǎn)組成的曲線，其形狀類似于圖10-15。 (3) 在舞臺(tái)上拖動(dòng)以繪制矩形。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-14 矩形工具 圖10-15 圓角矩形 矩形工具“圓角矩形半徑”功能鍵網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步10.2.2 使用鉛筆工具使用鉛筆工具 鉛筆工具可以用于繪制線條、形狀，其使用步驟如下： (1)單擊鉛筆工具，然后從“鉛筆模式”功能

12、鍵中選擇“伸直”，如圖10-16所示。 (2) 在舞臺(tái)上嘗試?yán)L制一條類似圖10-17所示的線條。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-16 鉛筆工具圖10-17 “伸直”線條 鉛筆工具“鉛筆工具”功能鍵網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 (4) 嘗試使用鉛筆工具繪制如圖10-18所示的形狀，不必強(qiáng)求它們一模一樣。 (10) 從“鉛筆模式”功能鍵中選擇“平滑”，嘗試?yán)L制一條類似圖10-19所示的線條。 (6) 嘗試使用其他“鉛筆模式”功能鍵。圖10-18 “伸直”矩形、三角形 圖10-19 “平滑”線條網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLAS

13、H初步初步 選擇鉛筆工具時(shí)，屬性檢查器顯示它的設(shè)置?？蛇x擇用鉛筆工具繪制線條的顏色、粗細(xì)和樣式(如圖10-20所示)。具體步驟如下： (1) 使用“筆觸顏色”控件為鉛筆線條選擇另一種顏色。 (2) 使用“筆觸高度”控件將線條粗細(xì)值改為2。 (3) 使用“筆觸樣式”控件將線條樣式改為點(diǎn)線。 (4) 在舞臺(tái)上繪制一條鋸齒線。 顏色、線條粗細(xì)和線條樣式反映了我們?cè)趯傩詸z查器中所做的選擇以及用到的在工具箱中選擇的任意功能鍵。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-20 “鉛筆工具”屬性檢查器 “筆觸高度”控件“筆觸樣式”控件“筆觸顏色”控件網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講

14、FLASH初步初步10.2.3 繪畫(huà)和填充形狀繪畫(huà)和填充形狀 可以使用畫(huà)筆工具創(chuàng)建像刷子的筆觸，就像正在繪畫(huà)一樣。具體步驟如下： (1) 在汽車(chē)圖像上進(jìn)行繪畫(huà)時(shí)，單擊畫(huà)筆工具，然后使用“畫(huà)筆模式”功能鍵試驗(yàn)不同的畫(huà)筆模式(如圖10-21所示)。 （2）在使用“內(nèi)部繪畫(huà)”功能鍵時(shí)，確保從汽車(chē)內(nèi)部開(kāi)始繪畫(huà)。如果從空區(qū)域(如汽車(chē)的外面)開(kāi)始繪畫(huà)，則不會(huì)對(duì)現(xiàn)有的作品進(jìn)行改變(如圖10-22所示)。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-21 畫(huà)筆模式 圖10-22 畫(huà)筆模式 畫(huà)筆工具“畫(huà)筆模式”功能鍵 標(biāo)準(zhǔn)繪畫(huà)后面繪畫(huà)內(nèi)部繪畫(huà)網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步

15、初步 可以使用顏料桶工具改變現(xiàn)有繪畫(huà)的顏色并填充由線條包圍的空區(qū)域。具體步驟如下： (1) 單擊顏料桶工具，然后單擊正方形。 (2) 從“空隙大小”功能鍵選擇“封閉大空隙”(如圖10-23所示)。 (3) 在舞臺(tái)上單擊空橢圓的內(nèi)部(如圖10-24所示)。 即使它沒(méi)有完全閉合，F(xiàn)lash也會(huì)填充該區(qū)域。 可以像使用純色一樣用漸變色來(lái)填充區(qū)域(如圖10-210所示)。步驟如下：網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-24 封閉大空隙圖圖10-210 用漸變色來(lái)填充區(qū)域用漸變色來(lái)填充區(qū)域圖圖10-23 “顏料桶工具顏料桶工具”及其選項(xiàng)及其選項(xiàng) 顏料桶工具“空隙大小”功能鍵網(wǎng)頁(yè)

16、開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 (1) 在顏料桶工具仍處于選定狀態(tài)時(shí)，在屬性檢查器或工具箱中單擊“填充顏色”控件，然后從“填充顏色”彈出窗口的底部選擇一個(gè)漸變色(如圖10-26所示)。圖10-26 “填充顏色”彈出窗口 漸變色網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 (2) 在舞臺(tái)上單擊圓的內(nèi)部。 使用填充變形工具可調(diào)整漸變色填充或位圖填充的大小、方向或中心(如圖10-27所示)。具體步驟如下： (1) 選擇填充變形工具并在舞臺(tái)上單擊該圓(如圖10-28所示)。當(dāng)我們用填充變形工具選擇漸變色填充或位圖填充時(shí)，它的中心點(diǎn)會(huì)出現(xiàn)，并顯示帶有編輯手柄的邊框。 (

17、2) 將中心點(diǎn)從圓的中心拖走。漸變色的明亮區(qū)域?qū)㈦S中心點(diǎn)移動(dòng)。 (3) 試著移動(dòng)每個(gè)手柄以更改所填色的寬度、大小和旋轉(zhuǎn)。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-27 “填充變形工具”控制點(diǎn) 中心點(diǎn)寬度手柄大小手柄旋轉(zhuǎn)手柄移動(dòng)中心點(diǎn)網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-28 填充變形工具 填充變形工具網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步10.2.4 更改筆觸屬性更改筆觸屬性 使用墨水瓶工具和屬性檢查器，可以將新的筆觸樣式、粗細(xì)或顏色應(yīng)用到線條。具體步驟如下： (1)單擊墨水瓶工具 。 (2) 在屬性檢查器中，將“筆觸樣式”更改

18、為虛線，將“筆觸高度”值更改為2，將“筆觸顏色”設(shè)置為紅色(如圖10-29所示)。 網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-29 “墨水瓶工具”屬性檢查器 筆觸高度筆觸顏色筆觸樣式網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 (4) 用“墨水瓶”指針的筆尖，在舞臺(tái)上單擊橢圓的邊緣。Flash將新的筆觸設(shè)置應(yīng)用到該橢圓(如圖10-30所示)。圖10-30 應(yīng)用“筆觸設(shè)置”到橢圓網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步10.2.10 擦除擦除 橡皮擦工具用來(lái)擦除線條和填色?？梢詫⑵渥远x為只擦除線條、只擦除填色、只擦除選定的填色或只擦除已經(jīng)開(kāi)始擦

19、除的填色。具體步驟如下： (1) 單擊橡皮擦工具，從“橡皮擦模式”功能鍵中選擇“標(biāo)準(zhǔn)擦除”，并擦除其中一輛汽車(chē)的一部分(如圖10-31所示)。 (2) 從“橡皮擦模式”功能鍵中選擇“擦除填色”，擦除另一輛汽車(chē)的一部分。 (3) 單擊“水龍頭”功能鍵并單擊汽車(chē)上的一個(gè)繪畫(huà)區(qū)域以便立即擦除填色。還可以使用“水龍頭”功能鍵擦除線條(如圖10-32所示)。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-31 橡皮擦模式 橡皮工具“橡皮擦”功能鍵圖10-32 “水龍頭”功能鍵 “水龍頭”功能鍵使用“水龍頭”功能鍵擦除的填色 (4) 連續(xù)按Ctrl+Z組合鍵以撤銷(xiāo)先前的刪除操作，并試驗(yàn)其他

20、橡皮擦功能鍵，并觀察效果。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步10.2.6 選擇線條和形狀選擇線條和形狀 在更改線條和形狀之前，先使用箭頭或套索工具選擇它。具體步驟如下： (1) 單擊箭頭工具，然后單擊橢圓的中心。該形狀的填色被高亮度顯示，表明它已被選定。 (2) 將選定形狀拖到右邊。只有填色隨指針移動(dòng)(如圖10-33所示)。 (3) 選擇“編輯”“撤銷(xiāo)”，填色移回到橢圓中。 (4) 在橢圓的外面單擊一次以取消選擇，然后在橢圓的內(nèi)部雙擊并拖動(dòng)它(如圖10-34所示)。邊框隨形狀移動(dòng)，因?yàn)殡p擊填色也會(huì)選擇所有相鄰的線條。同樣，雙擊線條也會(huì)選擇所有相鄰的填色。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)

21、發(fā)工具第十講第十講 FLASH初步初步圖10-33 拖動(dòng)填充到右邊圖10-34 雙擊選中“填充及邊框” 或 或網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 (6) 在舞臺(tái)上，先單擊形狀上的相連線條之一，然后雙擊它。單擊只選擇一個(gè)線條，而雙擊選擇相連的所有線條(如圖10-310所示)。 (7) 在單擊選擇其他線條時(shí)按住Shift鍵就不會(huì)選擇所有相鄰線條。圖10-310 選擇方式 單擊按住“Shift”鍵單擊雙擊網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 還可以在某個(gè)區(qū)域周?chē)蟿?dòng)一個(gè)名稱為選擇框的工具選擇矩形，以便選擇該區(qū)域中所有對(duì)象。具體步驟如下： (1) 利用箭頭工具

22、，在舞臺(tái)上顯示的點(diǎn)之間拖動(dòng)以便選擇整個(gè)樹(shù)。在選擇形狀或線條之后，就可以使用任何可用的功能鍵對(duì)其進(jìn)行更改。 (2) 選擇該樹(shù)，然后單擊“平滑”功能鍵 。繼續(xù)單擊該功能鍵以應(yīng)用更多更改(如圖10-36所示)。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-36 “平滑”功能 平滑網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 使用套索工具，可通過(guò)拖動(dòng)手繪或直邊選擇區(qū)域進(jìn)行選擇。具體步驟如下： (1) 單擊套索工具并在樹(shù)的周?chē)蟿?dòng)(如圖10-37所示)。 (2) 在釋放鼠標(biāo)按鈕時(shí)，即使留有空隙，F(xiàn)lash也會(huì)選中所圈住的區(qū)域。然后，將指針移到選定區(qū)域上以使它變成箭頭，再將該

23、區(qū)域拖到一邊(如圖10-38所示)。這樣就會(huì)分割選定區(qū)域周?chē)男螤?。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-37 套索工具 圖10-38 套索工具使用網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 為套索工具使用“多邊形模式”功能鍵，以便進(jìn)行直邊選擇。可以使用以下步驟： (1) 在套索工具仍處于活動(dòng)狀態(tài)時(shí)，單擊“多邊形模式”功能鍵，然后單擊舞臺(tái)上所顯示的點(diǎn)(如圖10-39所示)。 （2）在用套索工具選擇了不規(guī)則區(qū)域之后，可通過(guò)移動(dòng)和改變它的形狀或使用任何功能鍵及命令來(lái)更改選擇(如圖10-40所示)。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10

24、-39 套索工具“多邊形模式” 3. 然后雙擊最 后一個(gè)點(diǎn)2. 接著單擊此處1. 單擊 此處到網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-40 套索工具選項(xiàng) “多邊形模式”功能鍵網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步10.2.7 更改線條屬性更改線條屬性 使用箭頭工具和屬性檢查器，可以對(duì)線條應(yīng)用新的線條樣式、粗細(xì)和顏色(如圖10-41所示)。具體步驟如下：圖10-41 形狀屬性檢查器 “筆觸顏色”控件“填充控制”控件筆觸高度筆觸樣式X位置Y位置高度寬度網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 (1) 選擇“編輯”“撤銷(xiāo)”，以便將填色移回到舞

25、臺(tái)上的橢圓中。選擇箭頭工具，然后在橢圓的外面單擊一次以取消選擇?，F(xiàn)在，在舞臺(tái)上單擊橢圓的邊緣。屬性檢查器顯示橢圓的當(dāng)前設(shè)置。因?yàn)槲覀冞x擇了外邊緣，所以“填充顏色”控件上有一條線穿過(guò)它，這意味著該控件不能被使用。 (2) 將筆觸樣式更改為虛線，使用滑塊將筆觸高度值更改為4，并將顏色設(shè)置為紅色。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步10.2.8 更改填充屬性更改填充屬性 還可以使用箭頭工具和屬性檢查器將填色應(yīng)用到形狀上。具體步驟如下： (1) 單擊箭頭工具，然后單擊橢圓的中央以選擇它。屬性檢查器顯示出橢圓的當(dāng)前設(shè)置?！疤畛漕伾笨丶系闹本€將消失。 (2) 使用屬性檢查器更改填充

26、顏色。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步10.2.9 改變線條和形狀的形狀改變線條和形狀的形狀 可以不使用手柄而使用箭頭工具改變線條和形狀的形狀。具體步驟如下： (1) 使用箭頭工具拖動(dòng)上面三角形中的線條，而不要先選擇它們。如果先選擇它們，拖動(dòng)時(shí)就會(huì)移動(dòng)它們而不是改變它們的形狀(如圖10-42所示)。 （2）在以上過(guò)程中，指針發(fā)生變化以顯示線條的形狀如何改變。如果指針旁邊有一個(gè)角表明可以調(diào)整線的端點(diǎn)，如果有一條曲線表明可以調(diào)整線的中點(diǎn)(如圖10-43所示)。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-42 使用箭頭工具改變?nèi)切沃械木€條圖10-43 改

27、變指針的形狀 改變指針的形狀或網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 (3) 嘗試改變下面的三角形的形狀，注意其特點(diǎn)：即使沒(méi)有可見(jiàn)邊框，它也好像被一條線包圍一樣(如圖10-44所示)。圖1044 使用改變的指針變換三角形的形狀網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步10.2.10 縮放和旋轉(zhuǎn)縮放和旋轉(zhuǎn) 可以使用任意變形工具來(lái)縮放、旋轉(zhuǎn)、伸展或傾斜線條和形狀。具體步驟如下： (1) 選擇任意變形工具，然后選擇三角形(如圖10-410所示)。在邊框上出現(xiàn)8個(gè)規(guī)則手柄，可以使用此工具進(jìn)行縮放、旋轉(zhuǎn)和傾斜。光標(biāo)發(fā)生變化表明可以進(jìn)行哪種類型的操作。 (2) 按住Shif

28、t鍵并拖動(dòng)任一手柄以改變形狀。拖動(dòng)角手柄時(shí)可按比例改變形狀的大小。 (3) 選擇“旋轉(zhuǎn)與傾斜”功能鍵，然后用任意變形工具選擇三角形。拖動(dòng)中間手柄以傾斜三角形(如圖10-46所示)。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-410 任意變形工具 任意變形工具網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-46 任意變形工具之“旋轉(zhuǎn)與傾斜”功能鍵 任意變形工具 “旋轉(zhuǎn)與傾斜” 功能鍵傾斜指針網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 (4) 拖動(dòng)角手柄以旋轉(zhuǎn)三角形。三角形圍繞中間的白色圓圈旋轉(zhuǎn)(如圖10-47所示)。還可以圍繞一個(gè)點(diǎn)旋轉(zhuǎn)圖形對(duì)象。

29、 (10) 拖動(dòng)三角形中間的白色圓圈(被稱作變形點(diǎn))，并將其放在三角形的外邊。 (6) 拖動(dòng)角手柄以旋轉(zhuǎn)三角形。三角形將圍繞白色圓圈旋轉(zhuǎn)(如圖10-48所示)。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-47 旋轉(zhuǎn)指針 旋轉(zhuǎn)指針網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-48 旋轉(zhuǎn)中心(白色圓圈)網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 使用“變形”面板，可以輸入縮放和旋轉(zhuǎn)的準(zhǔn)確量。具體步驟如下： (1) 仍然使用任意變形工具，選擇正方形。 (2) 選擇“窗口”“變形”。出現(xiàn)“變形”面板(如圖10-49所示)。 (3) 單擊“約束”，在“

30、縮放寬度”字段中鍵入100%。 (4) 選擇“旋轉(zhuǎn)”，在“旋轉(zhuǎn)”字段中鍵入410，然后按回車(chē)鍵。結(jié)果應(yīng)該和圖10-50所示的正方形一樣。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-49 “變形”面板網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-50 “縮放、旋轉(zhuǎn)”效果 縮放=0 %旋轉(zhuǎn)=0 度縮放=50 %旋轉(zhuǎn)=45 度網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步1.2.11 分割和組合分割和組合 當(dāng)我們將形狀和線條重疊放置時(shí)，F(xiàn)lash會(huì)連接或分割它們。具體步驟如下： (1) 選擇箭頭工具，然后選擇樹(shù)并將其移到房屋的上面。取消選擇樹(shù)，然后試著

31、將其從房屋上移開(kāi)(如圖10-51所示)。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-51 分割(連接) 網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 如果兩個(gè)形狀的顏色相同，在取消選擇時(shí)，F(xiàn)lash會(huì)將它們連接在一起，我們無(wú)法將樹(shù)從房屋上移開(kāi)。如果這些對(duì)象的顏色不同，情況會(huì)有所不同。 (3) 將綠樹(shù)移到橙色房屋上并取消選擇。 (4) 再次選擇綠樹(shù)并將其從橙色房屋上移開(kāi)(如圖10-52所示)。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-52 分割(分割) 網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 Flash在與綠樹(shù)重疊的位置分割

32、橙色房屋。如果形狀或線條顏色不相同，F(xiàn)lash會(huì)分割較低的形狀或線條。 可以通過(guò)組合線條及形狀來(lái)防止分割和連接。一旦組合了線條和形狀，它們就被當(dāng)作單個(gè)對(duì)象來(lái)處理。具體步驟如下： (1) 使用箭頭工具圍繞樹(shù)繪制一個(gè)選擇框。確保選擇整個(gè)樹(shù)，然后選擇“修改”“組合”。 (2) 在房屋上移動(dòng)樹(shù)并取消選擇。 (3) 再次選擇樹(shù)并將其從房屋上移開(kāi)(如圖10-53所示)。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-53 組合網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 以上步驟的結(jié)果沒(méi)有發(fā)生分割或連接。但仍然可以編輯該組合的內(nèi)容。步驟如下： (1) 使用箭頭工具雙擊樹(shù)組合(如

33、圖10-54所示)。在編輯該組合時(shí)，舞臺(tái)上的其余部分變暗。 (2) 在樹(shù)的外面單擊一次并取消選擇該組合，然后使用屬性檢查器在該組合內(nèi)更改線條和形狀。 (3) 完成后在該組合的外面雙擊。舞臺(tái)的其余部分不再變暗。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-54 編輯“組合”內(nèi)容網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步10.2.12 分組分組 使用屬性檢查器，可確定對(duì)象是否被分組。具體步驟如下： (1) 使用箭頭工具選擇樹(shù)。如果屬性檢查器不顯示，請(qǐng)選擇“窗口”“屬性”(如圖10-55所示)。 屬性檢查器顯示組的設(shè)置，這表明該形狀是一個(gè)組合。 (2) 使用箭頭工具選

34、擇房屋。屬性檢查器顯示形狀的設(shè)置，這表明該形狀不是組合。 網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-55 “組合”屬性檢查器網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步10.3.1 創(chuàng)建文本并設(shè)置其格式創(chuàng)建文本并設(shè)置其格式 使用文本工具將文本放到舞臺(tái)上的操作步驟如下： (1) 單擊 文本工具，單擊舞臺(tái)，然后開(kāi)始鍵入文本內(nèi)容。這樣將創(chuàng)建一個(gè)逐漸展開(kāi)的單行文本塊。文本塊隨著鍵入逐漸變寬(如圖10-56所示)。 (2) 新建一個(gè)文本塊，但這次拖動(dòng)調(diào)整大小的手柄以定義文本塊的寬度。在框中鍵入文本內(nèi)容(如圖10-57所示)。 10.3 輸輸 入入 文文 本本網(wǎng)頁(yè)開(kāi)發(fā)工具

35、網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-56 單行文本塊 圖10-57 多行文本塊網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 用這種方法創(chuàng)建文本塊時(shí)，它的寬度是固定的，單詞在到達(dá)文本塊的邊緣時(shí)會(huì)自動(dòng)換到下一行。 可以延展的單行文本塊的右上角有一個(gè)圓形手柄，而固定寬度的文本塊有一個(gè)正方形手柄。將固定寬度的文本塊轉(zhuǎn)換成帶有圓形手柄的可延展單行文本塊的操作步驟如下： (1) 拖動(dòng)兩個(gè)文本塊的調(diào)整大小手柄以改變寬度。在用圓形手柄改變文本塊的大小時(shí)，它將變成帶有正方形手柄的文本塊。 (2) 雙擊正方形手柄。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步10.3.2 處

36、理字體處理字體 在使用文本工具選擇文本時(shí)，屬性檢查器(“窗口”“屬性”)顯示標(biāo)準(zhǔn)的文本格式設(shè)置功能?？梢杂盟鼇?lái)改變選定文本對(duì)象的字體和大小屬性，操作步驟如下： (1) 用文本工具選擇字符。 (2) 使用屬性檢查器將文本變成綠色粗體(如圖10-58所示)。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-58 處理字體網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步10.3.3 設(shè)置文本塊的格式設(shè)置文本塊的格式 還可以將字符格式設(shè)置應(yīng)用到整個(gè)文本塊或一次應(yīng)用到多個(gè)文本塊。一次應(yīng)用到多個(gè)文本塊的步驟如下： (1) 使用箭頭工具，在按住Shift鍵的同時(shí)選擇該文件中的兩個(gè)文本塊

37、。 (2) 使用屬性檢查器選擇新字體和顏色(如圖10-59所示)。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-59 設(shè)置文本塊的格式網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步10.3.4 創(chuàng)建文本字段創(chuàng)建文本字段 可以將文本塊轉(zhuǎn)換成文本字段，它們?cè)贔lash影片中的工作方式很像HTML文本字段。例如，可以使用它們從用戶收集用于調(diào)查和定單的信息。具體創(chuàng)建文本字段的步驟如下： (1) 要將舞臺(tái)上的文本轉(zhuǎn)換成文本字段，請(qǐng)單擊文本工具并在文本塊中放置一個(gè)文本插入點(diǎn)。 (2) 從屬性檢查器選擇“輸入文本”(如圖10-60所示)。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FL

38、ASH初步初步圖10-60 “輸入文本”屬性檢查器網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 “靜態(tài)文本”創(chuàng)建不會(huì)改變的文本。 “動(dòng)態(tài)文本”創(chuàng)建根據(jù)外部源(如服務(wù)器)自動(dòng)更新的文本框。 “輸入文本”創(chuàng)建用戶可在其中輸入文本的文本框。 調(diào)整大小手柄從右上角移到右下角(如圖10-61所示)。 輸入字段有幾個(gè)用來(lái)控制它們?cè)赪eb頁(yè)中工作方式的選項(xiàng)。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-61 調(diào)整大小手柄從右上角移到右下角網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步10.3.10 處理字體處理字體 在Flash文檔中使用系統(tǒng)上安裝的字體時(shí)，F(xiàn)lash

39、將字體信息嵌入到Flash SWF(影片)文件中，以確保字體在Flash Player中的正確顯示。嵌入字體只能用于輸入文本和動(dòng)態(tài)文本。 嵌入字體的步驟如下： (1) 在舞臺(tái)上選擇文本，然后使用屬性檢查器選擇一種嵌入的字體。它可以是系統(tǒng)上安裝的任何字體。 (2) 將字體改為選定的字體。 可以將設(shè)備字體用于嵌入字體的替代字體。因?yàn)樵O(shè)備字體不是嵌入的，F(xiàn)lash Player使用本地計(jì)算機(jī)上與設(shè)備字體最接近的字體。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 使用小字號(hào)(小于10磅)時(shí)，設(shè)備字體比嵌入字體更清楚。Flash帶有以下3種設(shè)備字體：_sans、_serif和_typewri

40、ter。將文本設(shè)為設(shè)備字體的步驟如下： (1) 在舞臺(tái)上選擇文本并從屬性檢查器選擇一種設(shè)備字體，文本將改變?yōu)樵O(shè)備字體。 (2) 單擊工具箱中的文本工具，選擇一種設(shè)備字體，然后鍵入一些文字。 網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步10.3.6 改變文本形狀改變文本形狀 Flash提供將文本轉(zhuǎn)換成基本形狀的獨(dú)特功能，它允許我們用箭頭工具改變字符的形狀或者用漸變色填充字符。文本一旦轉(zhuǎn)換成形狀，就再也無(wú)法作為文本來(lái)編輯了。已分離的字符不能重新轉(zhuǎn)換成文本。具體步驟如下： (1) 單擊箭頭工具并在舞臺(tái)上選擇文本對(duì)象。 (2) 選擇“修改”“分離”，F(xiàn)lash將文本分離成單個(gè)字符(如圖10

41、-62所示)。 (3) 再次選擇“修改”“分離”，這將把字符轉(zhuǎn)換成形狀(如圖10-63所示)。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-62 將文本分離成單個(gè)字符 圖10-63 把字符轉(zhuǎn)換成形狀網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 (10) 在轉(zhuǎn)換的文本外部單擊以取消選擇該形狀，然后選擇任意變形工具。 (6) 將指針移到其中一個(gè)字符的邊緣，拖動(dòng)以改變它的形狀。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步10.3.7 設(shè)置段落格式設(shè)置段落格式 可以將整個(gè)文本塊或同時(shí)將多個(gè)文本塊應(yīng)用段落格式進(jìn)行設(shè)置。操作步驟如下： (1) 使用箭頭工具并在按住

42、Shift鍵時(shí)選擇兩個(gè)文本塊。 (2) 使用屬性檢查器使段落居中(如圖10-64所示)。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-64 設(shè)置段落格式 右對(duì)齊居中對(duì)齊左對(duì)齊格式選項(xiàng)完全對(duì)齊網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 (4) 單擊“格式”并選擇一個(gè)新的行距，試驗(yàn)其他選項(xiàng)。單擊“完成”以便將所作的選擇應(yīng)用到選定文本(如圖10-610所示)。 這樣更改同時(shí)可以影響到兩個(gè)文本塊。 在本節(jié)中，我們學(xué)習(xí)了如何將文本添加到影片中，如何設(shè)置它的格式以及如何將其分離成形狀，還學(xué)習(xí)了如何創(chuàng)建用來(lái)為影片增加交互性的文本字段。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FL

43、ASH初步初步圖10-610 格式選項(xiàng)網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步10.4.1 建立元件建立元件 建立元件的具體步驟如下： (1)如果“庫(kù)”面板未打開(kāi)，請(qǐng)選擇“窗口”“庫(kù)”(如圖10-66所示)。10.4 創(chuàng)建和編輯元件創(chuàng)建和編輯元件網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-66 打開(kāi)“庫(kù)”面板網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 (3) 使用箭頭工具，單擊該汽車(chē)，然后將其拖動(dòng)到庫(kù)中。將顯示“轉(zhuǎn)換為元件”對(duì)話框?？梢允褂迷谖枧_(tái)上創(chuàng)建的任何繪畫(huà)完成此操作。 (4) 在“轉(zhuǎn)換為元件”對(duì)話框中，鍵入Car作為名稱，選擇“圖形”作為

44、其行為，然后單擊“確定”。 舞臺(tái)上的汽車(chē)現(xiàn)在成為庫(kù)中Car元件的實(shí)例(如圖10-67所示)。 我們所創(chuàng)建的元件以及已經(jīng)為此影片創(chuàng)建的一些元件出現(xiàn)在庫(kù)中。每個(gè)文檔都有其各自的庫(kù)。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-67 “庫(kù)”面板網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步10.4.2 創(chuàng)建和更改實(shí)例創(chuàng)建和更改實(shí)例 在創(chuàng)建元件之后，可以在影片的任何位置使用它的實(shí)例。具體步驟如下： (1) 將汽車(chē)從“庫(kù)”面板拖到該WorkFile中。可從“庫(kù)”面板中拖動(dòng)汽車(chē)的圖片，也可以拖動(dòng)單詞“Car”(如圖10-67所示)。這將創(chuàng)建該汽車(chē)的實(shí)例。 (2) 再創(chuàng)建幾個(gè)實(shí)例

45、以便進(jìn)行練習(xí)。 可以在不影響其他實(shí)例或原始元件的情況下，更改元件的實(shí)例。 使用任意變形工具的“縮放和旋轉(zhuǎn)”以及“旋轉(zhuǎn)與傾斜”功能鍵來(lái)更改我們創(chuàng)建的實(shí)例(如圖10-68所示)。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-68 縮放和旋轉(zhuǎn)“圖元”網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 還可以修改實(shí)例的顏色屬性以改變其亮度、色相或透明度。具體步驟如下： (1) 如果屬性檢查器未打開(kāi)，請(qǐng)選擇“窗口”“屬性”。 (2) 使用箭頭工具，選擇汽車(chē)的實(shí)例。屬性檢查器顯示元件實(shí)例的設(shè)置(如圖10-69所示)。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-6

46、9 “圖形圖元”屬性檢查器 “色彩數(shù)量”框“填充顏色”框“顏色樣式”框網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 (3) 在“顏色樣式”框中，單擊彈出菜單，然后選擇“色調(diào)”。 (4) 單擊“填充顏色”框，然后從“顏色”彈出菜單中選擇綠色。使用滑塊在“色彩數(shù)量”文本框中輸入100%(100%色調(diào)表示用該顏色完全充滿實(shí)例)。汽車(chē)的顏色立即變成選定的顏色。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 可以使用顏色效果使元件實(shí)例變得透明。具體步驟如下： (1) 將該汽車(chē)的兩個(gè)實(shí)例拖到舞臺(tái)上。 (2) 使用箭頭工具，選擇汽車(chē)的一個(gè)實(shí)例。然后從屬性檢查器中選擇“顏色樣式”框，并從

47、彈出菜單中選擇“Alpha”(如圖10-10所示)。 (3) 在“Alpha數(shù)量”框中輸入100%。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-70 “影片剪輯圖元”屬性檢查器 “Alpha 數(shù)量”框“顏色樣式”框網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步10.4.3 編輯元件編輯元件 我們還可以通過(guò)編輯元件本身來(lái)更改該文檔中的所有實(shí)例。 在編輯元件時(shí)，該文檔的其余部分將消失，元件自行出現(xiàn)，所有Flash功能和工具變得可用。這被稱作元件編輯模式。具體步驟如下： (1) 選擇汽車(chē)的某個(gè)實(shí)例，然后選擇“編輯”“編輯元件”。 (2) 使用任意變形工具改變汽車(chē)的形狀(

48、如圖10-71所示)。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-71 編輯元件網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步10.5.1 理解圖層理解圖層 可以將圖層視作互相堆疊的透明纖維紙。當(dāng)圖層上沒(méi)有任何東西時(shí)，可以通過(guò)它看到下面的圖層。圖層有助于組織文檔的作品，即可以在一個(gè)圖層上繪制和編輯作品，而不影響另一圖層上的作品；也可以在時(shí)間軸上按照文件夾組織圖層(如圖10-72所示)。10.5 圖圖 層層網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-72 圖層隱藏的圖層活動(dòng)圖層用輪廓顯示的圖層上的對(duì)象鎖定的圖層網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講

49、 FLASH初步初步10.5.2 選擇圖層選擇圖層 繪制和編輯操作在活動(dòng)圖層上進(jìn)行。若要激活某個(gè)圖層，應(yīng)在舞臺(tái)上選擇該圖層上的對(duì)象。活動(dòng)圖層在時(shí)間軸上被突出顯示，鉛筆圖標(biāo)表示它可以編輯，還可以在時(shí)間軸上選擇圖層以激活它。具體步驟如下： 網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 (1) 使用箭頭工具，在時(shí)間軸中單擊“selecting layers”文件夾旁邊的三角形。使用時(shí)間軸的滾動(dòng)條顯示該文件夾的內(nèi)容。該文件夾將打開(kāi)，并顯示它所包含的圖層。舞臺(tái)上的三個(gè)對(duì)象分別位于單獨(dú)的圖層上(如圖10-73所示)。(2) 仍然使用箭頭工具，在舞臺(tái)上選擇該三角形。Triangle圖層變成活動(dòng)圖

50、層。圖10-73 圖層文件夾 圖層網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步10.5.3 改變圖層順序改變圖層順序 在圖像發(fā)生重疊時(shí)，時(shí)間軸頂部圖層的內(nèi)容將出現(xiàn)在它們下面的圖層內(nèi)容的前面?？梢酝ㄟ^(guò)改變圖層順序來(lái)解決這一問(wèn)題。具體步驟如下： (1) 使用箭頭工具，將三角形移到圓上。三角形將覆蓋圓，且不會(huì)有任何連接或分割，即使這些圖形不是組或元件時(shí)也是如此。 (2) 在時(shí)間軸中，將Triangle圖層拖動(dòng)到Circle圖層的下面。 現(xiàn)在，圓形顯示在三角形的前面(如圖10-74所示)。 網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-74 改變圖層順序網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)

51、發(fā)工具第十講第十講 FLASH初步初步10.5.4 創(chuàng)建、命名、隱藏和鎖定圖層創(chuàng)建、命名、隱藏和鎖定圖層 在本場(chǎng)景中，背景是單獨(dú)的圖層，因此可以在前景進(jìn)行繪制。具體步驟如下： (1) 新建文件， 在時(shí)間軸中建立兩個(gè)圖層分別為T(mén)rees和Background。 (2) 新建一個(gè)圖層，雙擊該圖層的名稱，鍵入“Cars”作為該圖層的新名稱，然后按Enter鍵(如圖10-75所示)。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-75 創(chuàng)建圖層網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 此時(shí)即可直接在新圖層上進(jìn)行繪制。但是，如果首先隱藏Trees圖層以減少舞臺(tái)上的混亂程度

52、并鎖定Background圖層，將更加方便。 在每個(gè)圖層名稱的右側(cè)都有許多控件，可以通過(guò)它們鎖定或隱藏當(dāng)前圖層的內(nèi)容(如圖10-76所示)。具體步驟如下：圖10-76 命名、隱藏和鎖定圖層 隱藏圖層活動(dòng)圖層鎖定圖層網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 (1) 單擊Background圖層的“鎖定”列以鎖定它。 (2) 單擊Trees圖層的“眼睛”列以隱藏它。圖標(biāo)顯示在圖層名稱的旁邊以顯示圖層是被鎖定還是被隱藏的。 (3) 在時(shí)間軸單擊Cars圖層以確保它是活動(dòng)圖層。 (4) 如果“庫(kù)”面板未打開(kāi)，請(qǐng)選擇“窗口”“庫(kù)”以打開(kāi)它。從該庫(kù)中打開(kāi)汽車(chē)元件，然后在Car圖層中創(chuàng)建幾個(gè)

53、汽車(chē)實(shí)例。 (10) 單擊Trees圖層的“眼睛”列以使其再次可見(jiàn)。放在Cars圖層中的對(duì)象顯示在Background圖層中的對(duì)象和Trees圖層中的對(duì)象之間。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步10.5.10 使用遮罩圖層使用遮罩圖層 對(duì)于聚光燈效果和過(guò)渡，可以使用遮罩圖層來(lái)突出顯示下面的圖層部分。具體步驟如下： (1) 當(dāng)Cars圖層在時(shí)間軸中處于選定狀態(tài)時(shí)，單擊“添加圖層”按鈕以便在其上創(chuàng)建一個(gè)新圖層。將其命名為Cars Mask。遮罩圖層總是直接遮住緊挨在它下面的圖層，因而需要確保在適當(dāng)?shù)奈恢脛?chuàng)建遮罩圖層。 (2) 使用橢圓工具，在其中兩個(gè)汽車(chē)上繪制一個(gè)實(shí)心橢圓。在

54、遮罩中，任何實(shí)心區(qū)域都是完全透明的任何實(shí)心區(qū)域都是完全透明的，任何非實(shí)心區(qū)域都是不透明的。 網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 (3) 在時(shí)間軸中右鍵單擊Cars Mask圖層，然后從上下文菜單中選擇“遮罩層”(如圖10-77所示)。 該圖層轉(zhuǎn)換為遮罩圖層。緊挨在它下面的圖層鏈接到該遮罩圖層。遮罩圖層的名稱已縮進(jìn)(如圖10-78所示)。圖10-77 “時(shí)間軸”上下文菜單圖10-78 遮罩圖層網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步10.6.1 在動(dòng)畫(huà)中使用關(guān)鍵幀在動(dòng)畫(huà)中使用關(guān)鍵幀 關(guān)鍵幀是用于指定按鈕或動(dòng)畫(huà)變化的幀。在補(bǔ)間動(dòng)畫(huà)中，在時(shí)間軸中重要的點(diǎn)上創(chuàng)建關(guān)

55、鍵幀并讓Flash創(chuàng)建關(guān)鍵幀之間的幀。如圖10-79所示，關(guān)鍵幀在幀中用圓圈表示。對(duì)于圖層來(lái)說(shuō)，不包含圖形的關(guān)鍵幀是空白的。圖10-79 動(dòng)畫(huà)中的幀類型 實(shí)心關(guān)鍵幀空白關(guān)鍵幀無(wú)框架10.6 Flash 動(dòng)動(dòng) 畫(huà)畫(huà)網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步10.6.2 逐幀動(dòng)畫(huà)逐幀動(dòng)畫(huà) 逐幀動(dòng)畫(huà)是一種常見(jiàn)的動(dòng)畫(huà)形式（Frame By Frame），其原理是在“連續(xù)的關(guān)鍵幀”中分解動(dòng)畫(huà)動(dòng)作，也就是在時(shí)間軸的每幀上逐幀繪制不同的內(nèi)容，使其連續(xù)播放而成動(dòng)畫(huà)。 因?yàn)橹饚瑒?dòng)畫(huà)的幀序列內(nèi)容不一樣，不但給制作增加了負(fù)擔(dān)而且最終輸出的文件量也很大，但它的優(yōu)勢(shì)也很明顯：逐幀動(dòng)畫(huà)具有非常大的靈活性，幾

56、乎可以表現(xiàn)任何想表現(xiàn)的內(nèi)容，而它類似與電影的播放模式，很適合于表演細(xì)膩的動(dòng)畫(huà)。例如：人物或動(dòng)物急劇轉(zhuǎn)身、 頭發(fā)及衣服的飄動(dòng)、走路、說(shuō)話以及精致的3D效果等等。 網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步10.6.3 補(bǔ)間動(dòng)作補(bǔ)間動(dòng)作 在本范例中，我們將讓舞臺(tái)中的汽車(chē)從當(dāng)前位置移動(dòng)到藍(lán)色的X處。具體步驟如下： (1) 在舞臺(tái)中繪制一個(gè)汽車(chē)圖形（或從文件導(dǎo)入），使用箭頭工具在汽車(chē)周?chē)铣鲆粋€(gè)選擇邊框。 (2) 選擇“插入”“創(chuàng)建補(bǔ)間動(dòng)畫(huà)”。 Flash在Car圖層上繪制一條點(diǎn)線以表示一個(gè)不完整的補(bǔ)間動(dòng)畫(huà)。它還自動(dòng)將汽車(chē)變成一個(gè)名為“Tween 1”的元件(“Tween 1”列在庫(kù)面板

57、上)。在補(bǔ)間動(dòng)畫(huà)中補(bǔ)間的圖像必須是元件或組。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 (4) 在舞臺(tái)上，選擇Car圖層中的第110幀并將汽車(chē)拖到藍(lán)色的X處。Flash自動(dòng)插入一個(gè)新關(guān)鍵幀并將點(diǎn)線變成實(shí)線。 (10) 在Car圖層中選擇第1幀，然后選擇“控制”“播放”(或直接按Enter鍵)。若要重新觀看影片播放，請(qǐng)選擇“控制”“后退”，然后選擇“控制”“播放”。 網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步10.6.4 補(bǔ)間旋轉(zhuǎn)補(bǔ)間旋轉(zhuǎn) 使用補(bǔ)間動(dòng)畫(huà)不僅能夠創(chuàng)建動(dòng)畫(huà)，還能夠改編組合或元件的大小，或者使其旋轉(zhuǎn)。 (1) 在圖層中繪制圖像并轉(zhuǎn)換為一個(gè)元件，然后在第30幀

58、處選擇“插入”“關(guān)鍵幀”。回到第一幀中，選擇元件，在屬性面板中選擇“動(dòng)作補(bǔ)間”并設(shè)置為逆時(shí)針旋轉(zhuǎn)。 （2）在圖層中繪制一個(gè)圖形，在第30幀處插入關(guān)鍵幀，改變30幀中的圖形大小和顏色?；氐降谝粠趯傩悦姘逯羞x擇“形狀補(bǔ)間”，觀看動(dòng)畫(huà)效果。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步10.6.5 補(bǔ)間顏色補(bǔ)間顏色 若要補(bǔ)間顏色變化，請(qǐng)使用屬性檢查器的元件實(shí)例設(shè)置。具體步驟如下： (1) 在“Color”圖層的第109幀中插入一個(gè)關(guān)鍵幀。 (2) 在舞臺(tái)上選擇該對(duì)象，然后在屬性檢查器中，從“顏色”彈出菜單中選擇“色調(diào)”。 (3) 單擊“著色”框并選擇一種顏色。 (4) 在“百分比”彈出

59、菜單中選擇100% (如圖10-84所示)。 網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-84 補(bǔ)間顏色 (6) 在汽車(chē)的“顏色”圖層中第41幀到108幀之間任選一幀，然后選擇“插入”“創(chuàng)建補(bǔ)間動(dòng)畫(huà)”。 (1) 選擇第46幀，然后播放影片以查看補(bǔ)間顏色。網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步1.6.6 補(bǔ)間形狀補(bǔ)間形狀 補(bǔ)間形狀類似于補(bǔ)間動(dòng)畫(huà)，但可以使用它來(lái)基于時(shí)間改變圖像的形狀。與補(bǔ)間動(dòng)畫(huà)不同的是，必須使用未分組的圖像來(lái)補(bǔ)間形狀。Flash無(wú)法對(duì)組或元件補(bǔ)間形狀。具體步驟如下： (1) 在“Shape”圖層的第110幀插入一個(gè)關(guān)鍵幀。 (2) 選擇“Sh

60、ape”圖層的第61幀中的關(guān)鍵幀。 (3) 使用箭頭工具取消選擇該形狀，然后使用箭頭工具改變它。 (4) 在“Shape”圖層中的第61到110幀之間選擇一幀。在屬性檢查器的幀設(shè)置中，從“補(bǔ)間”彈出菜單中選擇“形狀”(如圖10-85所示)。 網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步圖10-85 補(bǔ)間形狀網(wǎng)頁(yè)開(kāi)發(fā)工具網(wǎng)頁(yè)開(kāi)發(fā)工具第十講第十講 FLASH初步初步 (10) 從“簡(jiǎn)易”彈出菜單中選擇一個(gè)值。 若要使形狀補(bǔ)間逐漸開(kāi)始并在動(dòng)畫(huà)趨于結(jié)束時(shí)加快補(bǔ)間，應(yīng)向下拖動(dòng)“簡(jiǎn)易”彈出菜單中的滑塊或鍵入一個(gè)?100?1之間的負(fù)值。 若要使形狀補(bǔ)間快速開(kāi)始并在動(dòng)畫(huà)趨于結(jié)束時(shí)減慢補(bǔ)間，應(yīng)向上拖