PhotoshopCS3FlashCS3DreamweaverCS3商業(yè)網(wǎng)站開(kāi)發(fā)從入門(mén)到精通.ppt

1、第23章 Flash CS3 簡(jiǎn)介和基本操作,本章詳細(xì)講解Flash CS3的基礎(chǔ)知識(shí)，其中包括Flash CS3的界面、面板和菜單的簡(jiǎn)單介紹，以及Flash CS3的基本操作和制作Flash動(dòng)畫(huà)的基本知識(shí),23.1 Flash CS3界面介紹,安裝好Flash CS3軟件后，雙擊安裝后的運(yùn)行程序圖標(biāo)（或者從Windows的“開(kāi)始”菜單的“程序”中選擇Flash CS3）運(yùn)行Flash CS3程序。程序運(yùn)行后的顯示效果如圖所示,23.1.1 舞臺(tái),舞臺(tái)用來(lái)顯示Flash文檔的內(nèi)容，包括圖形、文本、按鈕等，舞臺(tái)是一個(gè)矩形區(qū)域，可以放大或者縮小顯示，舞臺(tái)的顯示效果如圖所示,23.1.2 時(shí)間軸,時(shí)

2、間軸用來(lái)顯示一個(gè)動(dòng)畫(huà)場(chǎng)景中每個(gè)時(shí)間單位內(nèi)各個(gè)圖層中的幀。一個(gè)動(dòng)畫(huà)場(chǎng)景是由許多幀組成的，每個(gè)幀會(huì)持續(xù)一定的時(shí)間，在每個(gè)幀中會(huì)顯示不同的內(nèi)容,23.1.2 時(shí)間軸,1隱藏和顯示時(shí)間軸 在Flash CS3中可以通過(guò)使用拖放或者執(zhí)行相應(yīng)的命令，隱藏、顯示或者更改時(shí)間軸的顯示效果，具體操作如下所示,23.1.2 時(shí)間軸,2使用幀和關(guān)鍵幀 在制作Flash文檔的過(guò)程中，時(shí)間軸上包含文檔內(nèi)容的最小單位就是幀和關(guān)鍵幀,23.1.2 時(shí)間軸,3插入、選擇、刪除幀（或關(guān)鍵幀） 在Flash CS3中插入、選擇、刪除幀（或關(guān)鍵幀）的方法如下所示。 打開(kāi)或者新建文件。 單擊時(shí)間軸上需要插入幀的位置。 執(zhí)行下列操作之

3、一，插入幀（或關(guān)鍵幀,23.1.2 時(shí)間軸,4復(fù)制、粘貼、移動(dòng)、清除幀（或關(guān)鍵幀） 在Flash CS3中復(fù)制、粘貼、移動(dòng)、清除幀（或關(guān)鍵幀）的方法如下所示。 打開(kāi)或者新建文件。 選擇所要復(fù)制的幀。 執(zhí)行下列操作之一，復(fù)制幀（或關(guān)鍵幀,23.1.3 圖層,圖層和Photoshop中的圖層類(lèi)似，在Flash CS3中圖層互相疊加在一起，上面的圖層中的內(nèi)容會(huì)覆蓋下面圖層中的內(nèi)容。 1創(chuàng)建圖層 創(chuàng)建圖層的操作如下所示。 打開(kāi)或者新建文件。 執(zhí)行下列操作之一，創(chuàng)建圖層,23.1.3 圖層,2使用圖層文件夾 使用圖層文件夾，可以方便地管理圖層，具體操作如下所示。 打開(kāi)或者新建文件。 執(zhí)行下列操作之一，創(chuàng)

4、建圖層文件夾,23.1.3 圖層,3查看和編輯圖層和圖層文件夾 使用圖層（或圖層文件夾）相關(guān)按鈕或命令，可以更改圖層（或圖層文件夾）的顯示效果，或者鎖定圖層（或圖層文件夾），具體操作如下所示,23.1.3 圖層,4復(fù)制、粘貼、刪除圖層或圖層文件夾 在制作Flash文檔時(shí)，經(jīng)常要進(jìn)行與圖層（或者圖層文件夾）相關(guān)的操作，具體方法如下所示。 打開(kāi)或者新建文件。 單擊圖層（或者圖層文件夾）名稱(chēng)，選擇圖層（或者圖層文件夾）。 執(zhí)行“編輯”|“時(shí)間軸”|“復(fù)制幀”命令，復(fù)制圖層（或者圖層文件夾）內(nèi)容,23.1.3 圖層,5移動(dòng)圖層或文件夾 在制作Flash文檔時(shí)，有時(shí)會(huì)更改圖層（或者圖層文件夾）的順序，具

5、體方法如下所示。 打開(kāi)或者新建文件。 單擊圖層（或者圖層文件夾）名稱(chēng)，選擇圖層（或者圖層文件夾）。 按住鼠標(biāo)左鍵，拖動(dòng)圖層（或者圖層文件夾）到相應(yīng)的位置,23.1.3 圖層,6創(chuàng)建運(yùn)動(dòng)引導(dǎo)層 運(yùn)動(dòng)引導(dǎo)層用來(lái)定義圖層內(nèi)容的移動(dòng)路徑。具體創(chuàng)建方法如下所示。運(yùn)動(dòng)引導(dǎo)層的效果 打開(kāi)或者新建文件。 單擊圖層（或者圖層文件夾）名稱(chēng)，選擇圖層（或者圖層文件夾）。 執(zhí)行下列操作之一，添加運(yùn)動(dòng)引導(dǎo)層,23.1.4 工具面板,工具面板用來(lái)顯示Flash中常用的各種工具，例如“選擇”工具、“圖形”工具、“填充”工具等。在Flash CS3中工具面板有兩種顯示方式：一種是單列顯示；一種是兩列顯示?？梢酝ㄟ^(guò)工具面板頂部

6、的切換按鈕和，在兩種顯示方式中進(jìn)行切換， 1自定義工具面板 在Flash CS3中，可以自定義工具面板中顯示的工具，其具體操作如下所示,23.1.4 工具面板,2使用工具 使用工具的操作如下所示。 單擊工具面板中的某個(gè)工具，選擇相應(yīng)的工具。 如果工具中含有子選項(xiàng)，則單擊工具時(shí)，會(huì)打開(kāi)相應(yīng)的子選項(xiàng)列表，選擇相應(yīng)的子選項(xiàng),23.1.5 屬性面板,使用屬性面板可以方便地定義舞臺(tái)中相應(yīng)內(nèi)容的屬性，屬性面板中顯示的內(nèi)容和在舞臺(tái)中選擇的內(nèi)容有關(guān)，選擇不同的內(nèi)容，例如在文本、元件、按鈕的屬性面板中會(huì)顯示不同的屬性，當(dāng)選擇內(nèi)容為位圖時(shí)，屬性面板的顯示效果如圖所示,23.1.6 顏色和樣本面板,使用顏色和樣本面

7、板可以方便地定義內(nèi)容使用的填充顏色。其中顏色面板中可以定義更加復(fù)雜的顏色，而樣本面板中只可以選擇216種網(wǎng)頁(yè)使用的安全色，其具體內(nèi)容如下所示。 1顏色面板 顏色面板用來(lái)定義各種工具使用的顏色。其中可以使用單一顏色，也可以使用各種漸變顏色,23.1.6 顏色和樣本面板,2樣本面板 樣本面板用來(lái)顯示可選擇的216種Web安全色，以及各種漸變或放射填充等，其顯示效果如圖所示,23.1.7 庫(kù)面板,庫(kù)面板用來(lái)顯示當(dāng)前文檔中使用的各種位圖、按鈕、影片剪輯等。庫(kù)面板分為兩個(gè)部分：上一部分顯示選擇庫(kù)項(xiàng)目的預(yù)覽效果；下一部分顯示庫(kù)中的所有項(xiàng)目， 在制作Flash文檔時(shí)，可以將庫(kù)面板中的各種內(nèi)容和元件直接拖放到

8、舞臺(tái)中。拖放后，庫(kù)中的內(nèi)容并不會(huì)消失，所以庫(kù)中的內(nèi)容可以重復(fù)使用,23.1.8 定義首選參數(shù),在Flash CS3中可以通過(guò)定義首選參數(shù)來(lái)定義各種內(nèi)容的顯示效果，具體操作如下所示。 在“首選參數(shù)”對(duì)話框中，可以定義常規(guī)、ActionScript、自動(dòng)套用格式、剪貼板、繪畫(huà)、文本、警告、PSD文件導(dǎo)入器、AI文件導(dǎo)入器幾個(gè)類(lèi)別,23.2 Flash CS3基本操作,Flash CS3基本操作包括新建、保存、測(cè)試、發(fā)布文檔、元件、補(bǔ)間動(dòng)畫(huà)、以及添加腳本等內(nèi)容。下面進(jìn)行詳細(xì)講解,23.2.1 新建和保存文檔,新建文檔的操作如下所示,23.2.2 新建圖形元件,圖形元件用于靜態(tài)圖像內(nèi)容，不能在圖形元件

9、中添加聲音文件等內(nèi)容，新建圖形元件的操作如下所示,23.2.3 新建按鈕元件,按鈕元件用于響應(yīng)鼠標(biāo)的相關(guān)動(dòng)作，例如單擊、懸停等，在網(wǎng)頁(yè)中通常使用按鈕元件制作超級(jí)鏈接，新建按鈕元件的操作如下所示,23.2.4 新建影片剪輯元件,影片剪輯元件用于制作可重復(fù)使用的動(dòng)畫(huà)片段。該動(dòng)畫(huà)片段在文檔的場(chǎng)景中可以獨(dú)立播放，而不受場(chǎng)景中時(shí)間軸的限制，新建影片剪輯元件的操作如下所示。 打開(kāi)或者新建文檔。 執(zhí)行“插入”|“新建元件”命令。 打開(kāi)“創(chuàng)建新元件”對(duì)話框，選擇“影片剪輯”選項(xiàng)，并定義新元件的名稱(chēng)為“影片剪輯元件1,23.2.5 編輯和刪除元件,創(chuàng)建各種元件之后，如果要修改元件的內(nèi)容，或者某些元件將不會(huì)再被使

10、用時(shí)，就要編輯和刪除已建立的元件，編輯和刪除元件的操作如下所示。 打開(kāi)或者新建文檔。 執(zhí)行“窗口”|“庫(kù)”命令（如果在文檔中庫(kù)面板已經(jīng)打開(kāi)，則可以省略這一步）。 打開(kāi)庫(kù)面板。文檔中建立的各種元件會(huì)以不同的圖標(biāo)顯示在庫(kù)面板中，各種元件的顯示效果,23.2.6 創(chuàng)建和編輯元件的實(shí)例,影片剪輯元件用于制作可重復(fù)使用的動(dòng)畫(huà)片段。該動(dòng)畫(huà)片段在文檔的場(chǎng)景中可以獨(dú)立播放，而不受場(chǎng)景中時(shí)間軸的限制，新建影片剪輯元件的操作如下所示,23.2.7 創(chuàng)建補(bǔ)間動(dòng)畫(huà),補(bǔ)間動(dòng)畫(huà)是指內(nèi)容位置發(fā)生變化的動(dòng)畫(huà)，例如位置的移動(dòng)，旋轉(zhuǎn)等，創(chuàng)建補(bǔ)間動(dòng)畫(huà)的操作如下所示,23.2.8 創(chuàng)建補(bǔ)間形狀,使用補(bǔ)間形狀可以制作對(duì)象變形的動(dòng)畫(huà)，例

11、如由一種形狀變?yōu)榱硪环N形狀，或由一種顏色變?yōu)榱硪环N顏色等，創(chuàng)建補(bǔ)間形狀的操作如下所示,23.2.9 在關(guān)鍵幀中添加動(dòng)作,使用動(dòng)作面板可以在關(guān)鍵幀中添加動(dòng)作，例如控制動(dòng)畫(huà)的播放和停止等，在關(guān)鍵幀中添加動(dòng)作的操作如下所示,23.2.10 在元件實(shí)例中添加動(dòng)作,使用動(dòng)作面板可以在元件的實(shí)例中添加動(dòng)作，例如為按鈕實(shí)例添加超級(jí)鏈接等，在元件實(shí)例中添加動(dòng)作的操作如下所示,23.2.11 測(cè)試影片,在制作文檔的過(guò)程中，要隨時(shí)測(cè)試影片播放是否正常，例如為按鈕實(shí)例添加超級(jí)鏈接等，在元件實(shí)例中添加動(dòng)作的操作如下所示,23.2.12 發(fā)布和導(dǎo)出影片,1發(fā)布影片 制作好的Flash文檔，保存后的格式為FLA格式，后綴

12、為.fla，但不能在網(wǎng)頁(yè)中直接使用，所以在制作好Flash文檔后，要將文檔發(fā)布為SWF格式，SWF格式的動(dòng)畫(huà)文件可以在網(wǎng)頁(yè)中直接使用，將文檔發(fā)布為SWF格式的操作如下所示,23.2.12 發(fā)布和導(dǎo)出影片,2導(dǎo)出影片 如果只要導(dǎo)出一個(gè)SWF格式的文件，然后在Dreamweaver或者其他的軟件中使用該文件，則可以只導(dǎo)出SWF格式的影片文件，具體操作如下所示,23.3 制作動(dòng)畫(huà),本節(jié)中講解的制作動(dòng)畫(huà)是指結(jié)合補(bǔ)間動(dòng)畫(huà)制作的引導(dǎo)層動(dòng)畫(huà)、遮罩層動(dòng)畫(huà)、逐幀動(dòng)畫(huà)，以及使用時(shí)間軸特效等。下面進(jìn)行詳細(xì)講解,23.3.1 制作引導(dǎo)層動(dòng)畫(huà),引導(dǎo)層動(dòng)畫(huà)是指在引導(dǎo)層中制作動(dòng)畫(huà)的路徑，然后將其他的圖層鏈接到引導(dǎo)層。矢量圖

13、形、補(bǔ)間實(shí)例、組等內(nèi)容可以沿引導(dǎo)層的路徑運(yùn)動(dòng)，制作引導(dǎo)層動(dòng)畫(huà)的操作如下所示,23.3.2 制作遮罩層動(dòng)畫(huà),遮罩層動(dòng)畫(huà)是指在遮罩層中建立一個(gè)遮罩，當(dāng)其他圖層與遮罩層關(guān)聯(lián)時(shí)，包含遮罩的內(nèi)容將會(huì)顯示，遮罩以外的內(nèi)容將會(huì)被隱藏的動(dòng)畫(huà)效果。在遮罩層中，可以創(chuàng)建補(bǔ)間動(dòng)畫(huà)或者補(bǔ)間形狀，用來(lái)制作動(dòng)態(tài)遮罩效果，制作遮罩層動(dòng)畫(huà)的操作如下所示,23.3.3 制作逐幀動(dòng)畫(huà),逐幀動(dòng)畫(huà)是指在動(dòng)畫(huà)中每一幀都是關(guān)鍵幀，在每一幀中有不同的內(nèi)容，制作逐幀動(dòng)畫(huà)的操作如下所示。 執(zhí)行“文件”|“新建”命令，新建文檔。 選擇“圖層1”中的第1幀。 選擇“圖形”工具制作一個(gè)圖形（也可以從外部導(dǎo)入圖像文件,23.3.4 使用時(shí)間軸特效,在

14、Flash中，使用時(shí)間軸特效，可以方便地制作一些特殊效果。并不是所有的文檔對(duì)象都可以使用時(shí)間軸特效，可以使用時(shí)間軸特效的內(nèi)容有文本、圖形、位圖、元件實(shí)例，使用時(shí)間軸特效的操作如下所示,23.4 繪圖和處理圖片,本節(jié)中主要講解使用工具面板中的各種工具繪制矢量圖形，以及處理導(dǎo)入到文檔中的位圖的方法。下面進(jìn)行詳細(xì)講解,23.4.1 繪圖模型,在Flash中，有兩種繪圖模型：一種為“合并繪圖”模型；另一種為“對(duì)象繪圖”模型。在兩種繪圖模型中，繪制的圖形的顯示效果會(huì)有所差別，兩種繪圖模型的含義如下所示,23.4.2 使用“鉛筆”和“刷子”工具,在Flash中“鉛筆”工具可以自由地繪制線條粗細(xì)相同的圖形或

15、者線條，通過(guò)相應(yīng)的按鈕，還可以控制繪制線條的平滑或伸直。 “刷子”工具可以繪制像刷子一樣粗細(xì)不均的線條。通過(guò)“刷子”工具提供的相應(yīng)按鈕，可以控制刷子的大小，以及刷子的形狀等,23.4.3 使用“線條”和圖形工具,在Flash中，“線條”工具比較簡(jiǎn)單，用來(lái)制作各種直線線條或者形狀。 圖形工具用來(lái)制作各種橢圓或者多邊形形狀。其中包含“矩形”工具、“橢圓”工具、“基本矩形”工具、“基本橢圓”工具、“多角星形”工具5個(gè)子選項(xiàng),23.4.4 使用“鋼筆”工具,在Flash中，“鋼筆”工具用來(lái)制作細(xì)致、精確的路徑，在“鋼筆”工具組中除“鋼筆”工具以外，還包含“添加描點(diǎn)”工具、“刪除描點(diǎn)”工具、“轉(zhuǎn)換描點(diǎn)”

16、工具等幾個(gè)輔助選項(xiàng)。 下面具體講解使用“鋼筆”工具的具體操作,23.4.5 使用“選取”和“選區(qū)”工具,在Flash中的“選取”工具有兩個(gè)：一個(gè)是“選擇”工具，另一個(gè)是“部分選取”工具。使用“選擇”工具可以選擇對(duì)象的全部；使用“部分選取”工具可以選擇對(duì)象的一個(gè)部分，例如路徑中的一個(gè)節(jié)點(diǎn)等,23.4.6 定義邊框和填充的顏色,在Flash中，通過(guò)屬性面板或者工具面板中相應(yīng)的選項(xiàng)，可以定義邊框和填充的顏色，具體操作如下所示,23.4.7 定義漸變顏色,在Flash中可以通過(guò)顏色面板定義漸變填充的顏色，具體操作如下所示,23.4.8 導(dǎo)入圖像,在Flash中可以導(dǎo)入各種格式的位圖和矢量圖文件到文檔的

17、“庫(kù)”或者舞臺(tái)中，其中支持導(dǎo)入的矢量或位圖圖像格式如下所示,23.4.9 設(shè)置和編輯位圖,在Flash中，可以通過(guò)位圖的屬性面板定義位圖的相應(yīng)屬性，并對(duì)位圖進(jìn)行編輯，具體操作如下所示,23.4.10 分離位圖和將位圖轉(zhuǎn)換為矢量圖,在Flash中，分離位圖可以分散位圖中的像素，以便選擇位圖的部分區(qū)域進(jìn)行編輯。將位圖轉(zhuǎn)換為矢量圖，可以將位圖作為矢量圖處理。在將位圖轉(zhuǎn)換矢量圖時(shí)，如果位圖的色彩比較復(fù)雜，在轉(zhuǎn)換過(guò)程中可能會(huì)發(fā)生圖像失真的現(xiàn)象,23.4.11 組合對(duì)象,在Flash中，可以通過(guò)組合的方法，將幾個(gè)對(duì)象作為一個(gè)對(duì)象來(lái)處理。組合后的對(duì)象，可以進(jìn)行整體移動(dòng)和編輯，其具體操作如下所示。 執(zhí)行“文件

18、”|“新建”命令，新建文檔。 選擇圖形工具中的“橢圓”工具，在舞臺(tái)中拖拽出一個(gè)橢圓圖形。 執(zhí)行“插入”|“新建元件”命令，在打開(kāi)的“創(chuàng)建新元件”對(duì)話框中，選擇“圖形”選項(xiàng)，新建圖形元件,23.4.12 處理對(duì)象,在Flash中，可以對(duì)對(duì)象進(jìn)行變形、扭曲、縮放、旋轉(zhuǎn)等操作，具體操作如下所示,23.5 使用文本,文本是網(wǎng)頁(yè)中傳遞信息的主要方式，本節(jié)中主要講解使用文本內(nèi)容，以及對(duì)文本內(nèi)容進(jìn)行相關(guān)設(shè)置的知識(shí)。下面進(jìn)行詳細(xì)講解,23.5.1 創(chuàng)建文本,在Flash中，可以創(chuàng)建的文本有三種：靜態(tài)文本、動(dòng)態(tài)文本和輸入文本。其中靜態(tài)文本是只固定不變的文本；動(dòng)態(tài)文本是指可以動(dòng)態(tài)更換的文本；輸入文本是指可以輸入到

19、表單或調(diào)查表中的文本，具體操作如下所示,23.5.2 定義文本的屬性,本小節(jié)講解使用文本屬性面板定義文本的相關(guān)屬性，具體操作如下所示,23.5.3 檢查拼寫(xiě),使用檢查拼寫(xiě)功能，可以檢查Flash文檔中的文本拼寫(xiě)，具體操作如下所示,23.5.4 分離文本,在Flash中可以通過(guò)分離文本，將文本框中的文本分離成獨(dú)立的部分。分離后，可以對(duì)每個(gè)獨(dú)立的文本進(jìn)行處理，具體操作如下所示,23.6 使用聲音,在Flash中可以使用各種格式的聲音文件，同時(shí)可以控制聲音的播放、停止和循環(huán)等。下面進(jìn)行詳細(xì)講解,23.6.1 添加聲音,在Flash中通常可以使用WAV格式、MP3格式、AIFF格式、QuickTime格式、Sun AU格式的聲音文件。在使用聲音文件時(shí)，一般要將聲音文件導(dǎo)入到庫(kù)面