網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)教程與上機(jī)指導(dǎo)Flash入門

1、網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)教程與上機(jī)指導(dǎo)Flash入門n教學(xué)提示：教學(xué)提示：Flash是一種集動(dòng)畫設(shè)計(jì)、是一種集動(dòng)畫設(shè)計(jì)、Web站點(diǎn)開發(fā)等功能于站點(diǎn)開發(fā)等功能于一身的優(yōu)秀軟件。一身的優(yōu)秀軟件。Flash開拓了網(wǎng)頁(yè)設(shè)計(jì)與多媒體制作的新領(lǐng)開拓了網(wǎng)頁(yè)設(shè)計(jì)與多媒體制作的新領(lǐng)域，從簡(jiǎn)單的動(dòng)畫到復(fù)雜的交互式域，從簡(jiǎn)單的動(dòng)畫到復(fù)雜的交互式Web應(yīng)用程序，從豐富的應(yīng)用程序，從豐富的多媒體支持到流媒體多媒體支持到流媒體FLV視頻文件的在線播放，視頻文件的在線播放，F(xiàn)lash給開發(fā)給開發(fā)者更多的想象空間和技術(shù)支持，開發(fā)者可以結(jié)合個(gè)人的創(chuàng)意做者更多的想象空間和技術(shù)支持，開發(fā)者可以結(jié)合個(gè)人的創(chuàng)意做出有聲有色的動(dòng)畫作品及互動(dòng)性商業(yè)網(wǎng)

2、站作品。出有聲有色的動(dòng)畫作品及互動(dòng)性商業(yè)網(wǎng)站作品。Flash 8中文中文版是最新發(fā)布的軟件版本，在功能上有較大改進(jìn)，更利于動(dòng)畫版是最新發(fā)布的軟件版本，在功能上有較大改進(jìn)，更利于動(dòng)畫設(shè)計(jì)者使用。設(shè)計(jì)者使用。n教學(xué)目標(biāo)：教學(xué)目標(biāo)： 熟悉熟悉Flash 8的工作界面的工作界面 熟悉熟悉Flash動(dòng)畫中的一些基本概念動(dòng)畫中的一些基本概念 掌握創(chuàng)建簡(jiǎn)單動(dòng)畫掌握創(chuàng)建簡(jiǎn)單動(dòng)畫nFlash 8軟件易學(xué)易用，而且用軟件易學(xué)易用，而且用Flash 8制作制作的動(dòng)畫具有生動(dòng)靈活、體積小巧、表現(xiàn)力豐的動(dòng)畫具有生動(dòng)靈活、體積小巧、表現(xiàn)力豐富、網(wǎng)絡(luò)功能強(qiáng)大等特點(diǎn)，它能通過聲音、富、網(wǎng)絡(luò)功能強(qiáng)大等特點(diǎn)，它能通過聲音、文字、

3、動(dòng)畫的結(jié)合來(lái)綜合表現(xiàn)作者的創(chuàng)意，文字、動(dòng)畫的結(jié)合來(lái)綜合表現(xiàn)作者的創(chuàng)意，制作出高品質(zhì)的網(wǎng)頁(yè)動(dòng)態(tài)效果。制作出高品質(zhì)的網(wǎng)頁(yè)動(dòng)態(tài)效果。n17.1.1 Flash 8界面界面n17.1.2 Flash 8的菜單的菜單n17.1.3 Flash 8的工具箱的工具箱n首先來(lái)熟悉一下首先來(lái)熟悉一下Flash的工作界面。選擇【開始】的工作界面。選擇【開始】|【所有程序】【所有程序】| Macromedia| Macromedia Flash 8命令，啟動(dòng)命令，啟動(dòng)Flash 8，如圖，如圖17.1所示是所示是Flash的工作界面。的工作界面。 n菜單欄位于工作界面的頂部，在菜單欄位于工作界面的頂部，在Flash

4、 8中，共有【文件】、【編輯】、【視中，共有【文件】、【編輯】、【視圖】、【插入】、【修改】、【文本】、【命令】、【控制】、【窗口】和圖】、【插入】、【修改】、【文本】、【命令】、【控制】、【窗口】和【幫助】【幫助】10個(gè)菜單，如圖個(gè)菜單，如圖17.2所示。菜單命令幾乎涵蓋除繪圖工具以外的絕大所示。菜單命令幾乎涵蓋除繪圖工具以外的絕大部分功能，對(duì)于初學(xué)者而言，不必完全記憶所有的菜單命令，只需在運(yùn)用時(shí)進(jìn)部分功能，對(duì)于初學(xué)者而言，不必完全記憶所有的菜單命令，只需在運(yùn)用時(shí)進(jìn)行查閱就可以了。行查閱就可以了?！疚募浚河糜谖募僮?，如創(chuàng)建、打開和保存文件等?！疚募浚河糜谖募僮?，如創(chuàng)建、打開和保存文件

5、等。【編輯】：用于動(dòng)畫內(nèi)容的編輯操作，如復(fù)制、剪切和粘貼等?！揪庉嫛浚河糜趧?dòng)畫內(nèi)容的編輯操作，如復(fù)制、剪切和粘貼等。圖17.3 工具箱【視圖】：用于對(duì)開發(fā)環(huán)境進(jìn)行外觀和版式設(shè)置，包括放大、縮小、顯示網(wǎng)格及輔助【視圖】：用于對(duì)開發(fā)環(huán)境進(jìn)行外觀和版式設(shè)置，包括放大、縮小、顯示網(wǎng)格及輔助線等。線等。【插入】：用于插入性質(zhì)的操作，如新建元件、插入場(chǎng)景、圖層和幀等?！静迦搿浚河糜诓迦胄再|(zhì)的操作，如新建元件、插入場(chǎng)景、圖層和幀等?！拘薷摹浚河糜谛薷膭?dòng)畫中的對(duì)象、場(chǎng)景甚至動(dòng)畫本身的特性，主要用于修改動(dòng)畫中【修改】：用于修改動(dòng)畫中的對(duì)象、場(chǎng)景甚至動(dòng)畫本身的特性，主要用于修改動(dòng)畫中各種對(duì)象的屬性，如幀、圖層、場(chǎng)

6、景以及動(dòng)畫本身等。各種對(duì)象的屬性，如幀、圖層、場(chǎng)景以及動(dòng)畫本身等?！疚谋尽浚河糜趯?duì)文本的屬性進(jìn)行設(shè)置?！疚谋尽浚河糜趯?duì)文本的屬性進(jìn)行設(shè)置。【命令】：用于對(duì)命令進(jìn)行管理?！久睢浚河糜趯?duì)命令進(jìn)行管理?！究刂啤浚河糜趯?duì)動(dòng)畫進(jìn)行播放、控制和測(cè)試?！究刂啤浚河糜趯?duì)動(dòng)畫進(jìn)行播放、控制和測(cè)試。【窗口】：用于打開、關(guān)閉、組織和切換各種窗口面板?！敬翱凇浚河糜诖蜷_、關(guān)閉、組織和切換各種窗口面板?！編椭浚河糜诳焖佾@得幫助信息?！編椭浚河糜诳焖佾@得幫助信息。 n1. 繪圖工具區(qū)n【選擇】工具：選定舞臺(tái)中的對(duì)象、拖動(dòng)對(duì)象等操作?！具x擇】工具：選定舞臺(tái)中的對(duì)象、拖動(dòng)對(duì)象等操作?！静糠诌x取】工具：可以選取對(duì)象部分區(qū)

7、域。【部分選取】工具：可以選取對(duì)象部分區(qū)域?！揪€條】工具：使用此工具可以繪制各種形式的線條?！揪€條】工具：使用此工具可以繪制各種形式的線條?！咎姿鳌抗ぞ撸哼x擇一個(gè)不規(guī)則的圖形區(qū)域，并且還可以處理位圖圖形?！咎姿鳌抗ぞ撸哼x擇一個(gè)不規(guī)則的圖形區(qū)域，并且還可以處理位圖圖形?！句摴P】工具：可以使用此工具繪制曲線?！句摴P】工具：可以使用此工具繪制曲線?！疚谋尽抗ぞ撸河糜谔砑游谋??！疚谋尽抗ぞ撸河糜谔砑游谋??！緳E圓】工具：用于繪制橢圓，也可以繪制正圓?！緳E圓】工具：用于繪制橢圓，也可以繪制正圓。【矩形】工具：用于繪制矩形，也可以繪制正方形?！揪匦巍抗ぞ撸河糜诶L制矩形，也可以繪制正方形?！俱U筆】工具：用于繪

8、制折線、直線等?！俱U筆】工具：用于繪制折線、直線等?！舅⒆印抗ぞ撸河糜诶L制填充圖形?！舅⒆印抗ぞ撸河糜诶L制填充圖形?！灸俊抗ぞ撸河糜诰庉嬀€條的屬性?！灸俊抗ぞ撸河糜诰庉嬀€條的屬性?！绢伭贤啊抗ぞ撸河糜诰庉嬏畛鋮^(qū)域的顏色?！绢伭贤啊抗ぞ撸河糜诰庉嬏畛鋮^(qū)域的顏色?！镜喂堋抗ぞ撸河糜趯D形的填充顏色或線條屬性復(fù)制到別的圖形線條上，還可以采集位圖作為填充內(nèi)容?！镜喂堋抗ぞ撸河糜趯D形的填充顏色或線條屬性復(fù)制到別的圖形線條上，還可以采集位圖作為填充內(nèi)容?！鞠鹌げ痢抗ぞ撸河糜诓脸枧_(tái)上的內(nèi)容?！鞠鹌げ痢抗ぞ撸河糜诓脸枧_(tái)上的內(nèi)容。n2. 查看區(qū)n【手形】工具：當(dāng)舞臺(tái)上的內(nèi)容較多時(shí)，可以用該工具平移

9、舞臺(tái)以及各個(gè)部分的內(nèi)容?！臼中巍抗ぞ撸寒?dāng)舞臺(tái)上的內(nèi)容較多時(shí)，可以用該工具平移舞臺(tái)以及各個(gè)部分的內(nèi)容?！究s放】工具：用于縮放舞臺(tái)中的圖形?！究s放】工具：用于縮放舞臺(tái)中的圖形。n3. 顏色設(shè)置區(qū)【筆觸顏色】工具：用于設(shè)置線條的顏色。【筆觸顏色】工具：用于設(shè)置線條的顏色?！咎畛渖抗ぞ撸河糜谠O(shè)置圖形的填充區(qū)域?！咎畛渖抗ぞ撸河糜谠O(shè)置圖形的填充區(qū)域。n4. 選項(xiàng)區(qū)n選項(xiàng)區(qū)的內(nèi)容是對(duì)繪圖工具中部分工具的補(bǔ)充，該選項(xiàng)區(qū)中的內(nèi)容會(huì)隨著當(dāng)前選擇工具的不同而有所選項(xiàng)區(qū)的內(nèi)容是對(duì)繪圖工具中部分工具的補(bǔ)充，該選項(xiàng)區(qū)中的內(nèi)容會(huì)隨著當(dāng)前選擇工具的不同而有所變化。變化。n17.2.1 幀幀n17.2.2 圖層圖層n17

10、.2.3 元件元件n17.2.4 位圖位圖n17.2.5 矢量圖矢量圖n幀就像電影中的底片，制作動(dòng)畫的大部分操作都是幀就像電影中的底片，制作動(dòng)畫的大部分操作都是對(duì)幀的操作，不同幀的前后順序?qū)㈥P(guān)系到這些幀中對(duì)幀的操作，不同幀的前后順序?qū)㈥P(guān)系到這些幀中的內(nèi)容在影片播放中的出現(xiàn)順序。幀是一個(gè)廣義概的內(nèi)容在影片播放中的出現(xiàn)順序。幀是一個(gè)廣義概念，它包含念，它包含3種類型，分別是空白關(guān)鍵幀、關(guān)鍵幀種類型，分別是空白關(guān)鍵幀、關(guān)鍵幀和普通幀。和普通幀。 n1. 空白關(guān)鍵幀空白關(guān)鍵幀n2. 關(guān)鍵幀關(guān)鍵幀n3. 普通幀普通幀n圖層就像透明的薄片一樣，圖層就像透明的薄片一樣，一層一層地向上疊加。圖一層一層地向上疊

11、加。圖層可以幫助用戶組織文檔層可以幫助用戶組織文檔中的插圖，可以在圖層上中的插圖，可以在圖層上繪制和編輯對(duì)象，而不會(huì)繪制和編輯對(duì)象，而不會(huì)影響其他圖層上的對(duì)象。影響其他圖層上的對(duì)象。如果一個(gè)圖層上沒有內(nèi)容，如果一個(gè)圖層上沒有內(nèi)容，那么就可以透過它看到下那么就可以透過它看到下面的圖層。如圖面的圖層。如圖17.7所示所示是是Flash中的圖層。中的圖層。 n元件是可以重復(fù)使用的圖像、動(dòng)畫或按鈕，它們保存在庫(kù)中。元件是可以重復(fù)使用的圖像、動(dòng)畫或按鈕，它們保存在庫(kù)中。實(shí)例是出現(xiàn)在舞臺(tái)上或者嵌套在其他元件中的元件。元件的實(shí)例是出現(xiàn)在舞臺(tái)上或者嵌套在其他元件中的元件。元件的運(yùn)用可以使影片的編輯更加容易，因

12、為在需要對(duì)許多重復(fù)的運(yùn)用可以使影片的編輯更加容易，因?yàn)樵谛枰獙?duì)許多重復(fù)的元素進(jìn)行修改時(shí)，只要對(duì)元件做出修改，程序就會(huì)自動(dòng)根據(jù)元素進(jìn)行修改時(shí)，只要對(duì)元件做出修改，程序就會(huì)自動(dòng)根據(jù)修改的內(nèi)容對(duì)所有該元件的實(shí)例進(jìn)行更新。修改的內(nèi)容對(duì)所有該元件的實(shí)例進(jìn)行更新。n在在Flash 8中元件可分為中元件可分為3類，分別是影片剪輯元件、按鈕類，分別是影片剪輯元件、按鈕元件和圖形元件。選擇【插入】元件和圖形元件。選擇【插入】|【新建元件】命令，彈出【新建元件】命令，彈出【創(chuàng)建新元件】對(duì)話框，如圖【創(chuàng)建新元件】對(duì)話框，如圖17.8所示。所示。 n位圖圖像使用排列在網(wǎng)格內(nèi)的彩色點(diǎn)來(lái)描述圖像，這些顏色位圖圖像使用排列

13、在網(wǎng)格內(nèi)的彩色點(diǎn)來(lái)描述圖像，這些顏色點(diǎn)被稱為像素。在編輯位圖圖像時(shí)，修改的是像素，而不是點(diǎn)被稱為像素。在編輯位圖圖像時(shí)，修改的是像素，而不是直線和曲線。位圖圖像與分辨率有關(guān)，因?yàn)槊枋鰣D像的數(shù)據(jù)直線和曲線。位圖圖像與分辨率有關(guān)，因?yàn)槊枋鰣D像的數(shù)據(jù)是固定到特定尺寸的網(wǎng)格上的。編輯位圖圖形可以更改它的是固定到特定尺寸的網(wǎng)格上的。編輯位圖圖形可以更改它的外觀品質(zhì)。特別是調(diào)整位圖圖形的大小會(huì)使圖像的邊緣出現(xiàn)外觀品質(zhì)。特別是調(diào)整位圖圖形的大小會(huì)使圖像的邊緣出現(xiàn)鋸齒，如圖鋸齒，如圖17.9所示是位圖放大前后的效果。所示是位圖放大前后的效果。 n矢量圖形采用直線和曲線來(lái)描述圖形，稱這些直線和曲線為矢量。每一矢量圖形采用直線和曲線來(lái)描述圖形，稱這些直線和曲線為矢量。每一條直線和曲線都有其屬性，它的屬性包括直線和曲線的位置信息、顏色條直線和曲線都有其屬性，它的屬性包括直線和曲線的位置信息、顏色信息等。當(dāng)修改一幅矢量圖形時(shí)，實(shí)際修改的是矢量圖形的直線和曲線信息等。當(dāng)修改一幅矢量圖形時(shí)，實(shí)際修改的是矢量圖形的直線和曲線的屬性?？梢砸苿?dòng)、縮放、變形和改變一幅矢量圖形的顏色而不影響矢的屬性。可以移動(dòng)、縮放、變形