第1章++Flash+概述.ppt

1、第1章 Flash 8.0概述（一課時(shí)）,Flash是目前最流行的多媒體軟件之一，主要用于制作各種動(dòng)畫。 本章首先介紹Flash的誕生與發(fā)展及其應(yīng)用領(lǐng)域，接著介紹Flash的基礎(chǔ)知識(shí)，其中包括操作界面、基本操作、鼠標(biāo)的使用及Flash的新增功能等。,教學(xué)內(nèi)容,1.1 Flash的誕生與發(fā)展 1.2 Flash的應(yīng)用領(lǐng)域 1.3 Flash的特性 1.4 Flash 8.0新增功能 1.5 Flash 8.0 界面簡(jiǎn)介 1.5.1 菜單欄 1.5.2 主工具欄 1.5.3 工具箱,1.5.4 時(shí)間軸 1.5.5 面板 1.5.6 屬性面板 1.5.7 工作區(qū)和操作區(qū) 1.8 本章小結(jié) (作品欣賞

2、）,1.1 Flash的誕生與發(fā)展,Flash是由Macromedia公司研發(fā)的多媒體軟件之一，它可以廣泛應(yīng)用于網(wǎng)絡(luò)中的多種領(lǐng)域，出色的效果，輕巧的任何編程基礎(chǔ)體積加上便捷的操作，幾乎可以沒有，就可以制作出以往需要有很強(qiáng)的專業(yè)知識(shí)才能達(dá)到的效果，通過簡(jiǎn)單友好的創(chuàng)作環(huán)境，制作出精美絢麗的Flash動(dòng)畫，F(xiàn)lash的流行程度有目共睹，可謂是一個(gè)夢(mèng)幻工廠。,1.2 Flash的應(yīng)用領(lǐng)域,制作Flash動(dòng)畫 Flash可以制作各種風(fēng)格的漫畫動(dòng)畫，并且可以為這個(gè)動(dòng)畫配以聲音效果，在國(guó)內(nèi)也相繼涌現(xiàn)出了許多出色的全Flash作品，例如卜樺的作品貓，M.I.S Studio的作品yellow等。,Flash可

3、以制作出豐富絢麗的動(dòng)態(tài)效果，而生成的文件 又相對(duì)較小，加上它的交互性功能，被廣泛應(yīng)用于網(wǎng)絡(luò)中 的多種領(lǐng)域。,制作Flash游戲 利用Flash中的ActionScript腳本語言功能，可以制作出簡(jiǎn)單有趣的Flash游戲。 制作Flash電子賀卡 利用Flash制作的電子賀卡，不但圖文并茂，而且可以伴有背景音樂，是目前網(wǎng)絡(luò)中比較流行的一種祝福方式。 制作Flash教學(xué)課件 以Flash動(dòng)畫的形式傳達(dá)講述內(nèi)容，加上其交互式的操作制作出教學(xué)課件。 制作Flash廣告條與制作樓體動(dòng)畫 在網(wǎng)頁(yè)中會(huì)有大量的廣告，許多廣告都是由Flash制作完成的。制作Flash廣告條,制作Flash網(wǎng)站主頁(yè) 為了達(dá)到一定

4、的視覺沖擊力，企業(yè)往往在瀏覽者進(jìn)入主頁(yè)之前首先播放一段進(jìn)站動(dòng)畫，或者整個(gè)網(wǎng)站都用Flash動(dòng)畫來實(shí)現(xiàn)，這樣的網(wǎng)站交互性很強(qiáng)，內(nèi)容豐富絢麗，十分個(gè)性化。,1.3 Flash的特性,友好的操作界面，容易學(xué)習(xí) Flash的操作界面經(jīng)過重新設(shè)計(jì)，使界面更加美觀，層次清晰，各面板布局合理，相對(duì)其他制作動(dòng)畫的程序如Java Applet，F(xiàn)lash更加容易操作，無需任何編程基礎(chǔ)就可以輕松制作出大量動(dòng)畫效果。 生成的動(dòng)畫文件可以獨(dú)立播放 用Flash制作的動(dòng)畫作品不僅可以在線觀看，也可以離線觀看，并同時(shí)保留其原來動(dòng)畫中的各種交互式操作功能。,流媒體動(dòng)畫 Flash播放器在下載Flash影片時(shí)采用流媒體方式，

5、也就是說，在Flash文件還沒有完全下載完畢時(shí)就播放動(dòng)畫，即下載的同時(shí)進(jìn)行播放。 文件體積較小 由于Flash采用的圖像方式是矢量圖，生成的文件相對(duì)于傳統(tǒng)網(wǎng)頁(yè)動(dòng)畫中同等面積的像素圖來說要小很多。 可自由縮放，自動(dòng)調(diào)整圖像尺寸 Flash可以根據(jù)瀏覽者對(duì)瀏覽器窗口尺寸的改變自動(dòng)調(diào)整窗口中網(wǎng)頁(yè)內(nèi)容的尺寸，這樣就不會(huì)因?yàn)闉g覽器窗口的縮小而丟失網(wǎng)頁(yè)內(nèi)容。,具有交互式作用的多媒體影片 Flash影片可以通過Action Script腳本語言與使用者建立交互式關(guān)系，使用者可以通過鍵盤操作或鼠標(biāo)操作與影片之間產(chǎn)生互動(dòng)。 易用性 每個(gè)人都可以通過Flash制作出影片，動(dòng)態(tài)網(wǎng)頁(yè)，新版本雖然比早期的版本難一些，但

6、在原來版本中可實(shí)現(xiàn)的操作，在新版本中同樣容易實(shí)現(xiàn)，只是新版本中可實(shí)現(xiàn)的功能更多，看起來比較復(fù)雜而已。,1.4 Flash 8.0新增功能,時(shí)間軸特效 允許用戶為場(chǎng)景中的任何一個(gè)對(duì)象，可以是文本，圖形，包括形狀、組以及圖形元件，位圖，按鈕元件以及影片剪輯元件，應(yīng)用時(shí)間軸特效，以便快速添加過渡特效和動(dòng)畫，如淡入、淡出、模糊以及旋轉(zhuǎn)等。 行為 行為就是向Flash中的對(duì)象，如影片剪輯，按鈕或圖形實(shí)例添加行為控制，達(dá)到交互性操作的目的。 更新的模板 Flash MX 2004中包含更新的模板，可用于創(chuàng)建演示文稿、電子學(xué)習(xí)應(yīng)用程序、廣告、移動(dòng)設(shè)備應(yīng)用程序以及其它常用的 Flash文檔類型 。,拼寫檢查器

7、 用于拼寫檢查整個(gè)Flash文檔中文本的拼寫。 查找和替換 查找和替換文本字符串、字體、顏色、元件、聲音文件、視頻文件或者導(dǎo)入的位圖文件。 文檔選項(xiàng)卡 每一個(gè)打開的文檔都以選項(xiàng)卡的形式顯示在工作區(qū)的頂部，可以快速的找到打開的文檔，并且可以輕松的在這些文檔之間進(jìn)行切換。 “開始”頁(yè) 將常用的任務(wù)都集中放在一個(gè)頁(yè)面中，分為“打開最近項(xiàng)目”，“創(chuàng)建新項(xiàng)目”和“從模板創(chuàng)建”三種，可以方便的執(zhí)行各種任務(wù)。,幫助文件 新的幫助系統(tǒng)整合了全部幫助信息到應(yīng)用程序中，在每個(gè)面板中的右上角都提供了幫助文件，供使用者方便的檢索到相關(guān)信息 。 視頻導(dǎo)入向?qū)?簡(jiǎn)化了視頻編碼，并提供了預(yù)設(shè)編碼和編輯剪輯的選項(xiàng)，當(dāng)導(dǎo)入視頻

8、片斷時(shí)，這個(gè)新的多步向?qū)Чδ芴峁┛刂浦付ǚ秶囊曨l被導(dǎo)入，可重復(fù)使用的編碼設(shè)置和顏色修正新性能 。 歷史紀(jì)錄面板 “歷史記錄”面板紀(jì)錄了自創(chuàng)建或打開某個(gè)文檔以來在場(chǎng)景中執(zhí)行的操作的列表，列表中的數(shù)目最多為指定的最大步驟數(shù)，而且可以將這些操作步驟轉(zhuǎn)換為可重復(fù)使用的命令，這樣有助于執(zhí)行批處理文件。,1.5 Flash MX 8.0界面簡(jiǎn)介,文件菜單欄 操作對(duì)象多為整個(gè)文件，包含工作中最常用的各種命名，例如創(chuàng)建一個(gè)新的Flash文檔，打開已有文檔，保存文檔，從外部導(dǎo)入文件等操作 。 編輯菜單欄 操作對(duì)象多為在場(chǎng)景中的各種元素，對(duì)它們進(jìn)行編輯，另外，還可以通過它設(shè)置一些系統(tǒng)參數(shù)，如設(shè)置首選參數(shù)，定義工

9、具面板，設(shè)置缺省字體映射與快捷鍵。 視圖菜單欄 用于設(shè)置場(chǎng)景的顯示比例，尺寸，實(shí)現(xiàn)場(chǎng)景之間的切換，提供輔助線幫助Flash中的對(duì)象定位，如網(wǎng)格，標(biāo)尺。,1.5.1 菜單欄,插入菜單欄 操作對(duì)象主要為時(shí)間軸，用于在時(shí)間軸中插入各種幀、圖層以及場(chǎng)景，制作時(shí)間軸特效等 。 修改菜單欄 操作對(duì)象為場(chǎng)景中的各種元素、圖層、場(chǎng)景與時(shí)間軸等，用于修改它們的屬性，形狀與對(duì)齊方式等。 文本菜單欄 操作對(duì)象為場(chǎng)景中的文本，用于設(shè)置文本的字體、字型、字號(hào)等，這些設(shè)置基本可以在文字屬性面板中完成，另外，在文本菜單欄中還包括了檢查拼寫功能，用于檢查文件中文字、語言方面的錯(cuò)誤。 命令菜單欄 用于使用自行設(shè)置的命令，適合完

10、成一種重復(fù)性的操作工作。,控制菜單欄 用于控制場(chǎng)景中的動(dòng)畫進(jìn)程。 窗口菜單欄 用于顯示或隱藏場(chǎng)景中的工具箱、時(shí)間軸以及各種操作面板。 幫助菜單欄 用于顯示軟件的版本號(hào)，提供各種技術(shù)支持。,主工具欄在最初的界面中是隱藏的，通過執(zhí)行“窗口”“工具欄”“主工具欄”命令將它顯示在頁(yè)面中，它與標(biāo)準(zhǔn)Windows程序中的常用工具欄沒有太大區(qū)別，包括新建、打開、保存、打印、查找、剪切、復(fù)制、粘貼、撤銷、重做、對(duì)齊對(duì)象、平滑、伸直、旋轉(zhuǎn)與傾斜、縮放以及對(duì)齊命令。,1.5.2 主工具欄,工具箱包括了Flash中的所有繪圖工具,總體可分為四大部分，分別為工具部分，查看部分，顏色部分與選項(xiàng)部分。,1.5.3 工具箱

11、,工具部分 包含相關(guān)繪圖工具，修改工具與填充工具。 查看部分 包含2個(gè)查看工具，可以通過移動(dòng)工作區(qū)和放大或縮小工作區(qū)來查看工作區(qū)以外的內(nèi)容。 顏色部分 設(shè)置圖形邊框色及圖形填充色。 選項(xiàng)部分 根據(jù)選定的工具，出現(xiàn)相關(guān)的選項(xiàng)，可以理解為是這個(gè)工具的功能的補(bǔ)充。,時(shí)間軸是顯示圖層與幀的地方，控制著整個(gè)影片的播放與停止，用于組織和控制文檔內(nèi)容在一定時(shí)間內(nèi)播放的層數(shù)和幀數(shù)。 時(shí)間軸主要由圖層、幀和播放頭組成。時(shí)間軸上的各幀就好像電影中的膠片一樣，一個(gè)影片的長(zhǎng)度是由它的幀數(shù)決定的，圖層就像一張透明的紙，每個(gè)層都包含一個(gè)顯示在舞臺(tái)中的不同圖像，這些圖像組成了動(dòng)畫的環(huán)境。,1.5.4 時(shí)間軸,Flash中共

12、包含20多個(gè)控制面板，可分成了三大類，分別為“設(shè)置面板”，“開發(fā)面板”和“其他面板”。而將所有的面板都顯示在界面上是不現(xiàn)實(shí)的，有效的組織這些面板的顯示就可以得到更多的操作空間。,顯示面板 單擊“窗口”菜單欄可以看到Flash提供的各種面板，在其中任意選擇面板名稱，就可將選擇的面板打開。 隱藏面板 單擊各控制面板的標(biāo)題欄，即可隱藏控制面板。再次單擊即可恢復(fù)顯示。 關(guān)閉面板 單擊控制面板右上角的“”圖標(biāo)即可將控制面板關(guān)閉。,1.5.5 面板,屬性面板顯示Flash中所選對(duì)象的各種屬性，具有控制面板的一般性質(zhì)，同時(shí)具有它的特性，通過屬性面板，用戶可以直接修改各種對(duì)象的屬性，而無需在打開相應(yīng)對(duì)象的控制

13、面板，即節(jié)約時(shí)間，又節(jié)約界面空間，各種對(duì)象的屬性面板如下所示：,1.5.6 屬性面板,工作區(qū)屬性面板 當(dāng)單擊工作區(qū)中的空白地方時(shí)，顯示工作區(qū)屬性面板，通過它可以設(shè)置文檔屬性與發(fā)布方式。,Flash中對(duì)象的屬性面板 單擊Flash中的繪制對(duì)象，屬性面板顯示其筆觸顏色、筆觸高度、筆觸樣式以及填充色顏色等屬性。 元件的屬性面板 單擊Flash中的元件，屬性面板顯示元件類型、尺寸、顏色等各種屬性。 幀的屬性面板 單擊時(shí)間軸中的某一幀，屬性面板顯示相關(guān)幀的功能與各種選項(xiàng)。 補(bǔ)間動(dòng)畫屬性面板 單擊時(shí)間軸中的運(yùn)動(dòng)漸變里的某一幀，屬性面板將顯示這個(gè)補(bǔ)間動(dòng)畫的類型等各種屬性。 文本屬性面板 單擊場(chǎng)景中的文本，文

14、本屬性面板將顯示這個(gè)文本的類型、字體、字號(hào)與顏色等各種屬性 。,動(dòng)畫是在場(chǎng)景中被制作完成的，而場(chǎng)景中又包括工作區(qū)與操作區(qū)，就像拍電影一樣，是在一個(gè)大的攝影鵬中拍攝的，這個(gè)攝影鵬可以被理解為場(chǎng)景，而鏡頭對(duì)準(zhǔn)的地方就是工作區(qū)，也就是說，工作區(qū)中顯示的動(dòng)畫效果才是影片的實(shí)際效果，工作區(qū)以外的區(qū)域是操作區(qū)，最終的影片不會(huì)顯示操作區(qū)中的對(duì)象，但操作區(qū)也是不可或缺的，它可以使畫面運(yùn)動(dòng)更加流暢自然，畫面的邊緣不會(huì)消失得那么唐突。,1.5.7 工作區(qū)和操作區(qū),Flash的整體工作環(huán)境可以根據(jù)個(gè)人需要，通過首選參數(shù)來設(shè)定，執(zhí)行“編輯”“首選參數(shù)”參數(shù)命令，彈出“首選參數(shù)”對(duì)話框。 “首選參數(shù)”對(duì)話框里包括了Fl

15、ash中大部分參數(shù)的設(shè)定，分為“常規(guī)”、“編輯”、“剪貼板”、“警告”與“動(dòng)作腳本”四大部分，選擇相應(yīng)的選項(xiàng)卡就可隨意進(jìn)行個(gè)性化設(shè)置，例如設(shè)置面板?？康奈恢?；當(dāng)光標(biāo)懸浮于工具之上時(shí)，是否需要工具提示信息；缺少某種字體時(shí)默認(rèn)替換的字體等，初學(xué)者按照默認(rèn)設(shè)置就可以很方便的進(jìn)行操作，如有需要可以自行進(jìn)行設(shè)置。,1.5.8 設(shè)置工作環(huán)境參數(shù),Flash中大部分的操作命令需要通過菜單命令完成，比較常用的命令可以通過快捷鍵來實(shí)現(xiàn)，執(zhí)行“編輯”“快捷鍵”命令，彈出“快捷鍵”對(duì)話框。 在快捷鍵對(duì)話框中包括了所有Flash中的快捷鍵設(shè)置，可以通過這個(gè)對(duì)話框來學(xué)習(xí)快捷鍵的使用。,1.5.9 設(shè)置快捷鍵,1.6 F

16、lash 8.0 制作流程,雙擊桌面上的快捷鍵圖標(biāo)或執(zhí)行“開始”“程序”“Macromedia”文件夾中的“Macromedia Flash MX 2004”命令，即可啟動(dòng)Flash MX 2004。,1.6.1 啟動(dòng)Flash,在啟動(dòng)Flash后，新建一個(gè)Flash文檔有3種方法，分別為： 1在文檔選項(xiàng)卡界面中（如圖1-14所示）直接單擊“創(chuàng)建新項(xiàng)目”選項(xiàng)組中的Flash文檔命令，即可新建一個(gè)Flash文檔，文檔的設(shè)置為默認(rèn)設(shè)置。,1.6.2 新建Flash文件,2按Ctrl+N鍵，彈出“新建文檔”對(duì)話框，如圖1-33所示，選擇“常規(guī)”選項(xiàng)卡，在類型下面的選項(xiàng)中選擇“Flash文檔”，單擊“

17、確定”按鈕，新建一個(gè)Flash文檔。 3執(zhí)行“文件”“新建”命令，在彈出的“新建文檔”對(duì)話框中新建一個(gè)Flash文檔。,不同的用戶對(duì)Flash的操作界面有不同的要求，F(xiàn)lash提供了自行設(shè)置操作界面的功能，允許用戶根據(jù)自己的需要安排頁(yè)面布局。,1.6.3 新建設(shè)置頁(yè)面布局,文檔屬性包括對(duì)影片大小、背景色、幀頻以及標(biāo)尺單位的各種設(shè)置。單擊屬性面板中“大小”后面的“文檔屬性”按鈕，在彈出的“文檔屬性”對(duì)話框中進(jìn)行設(shè)置。,1.6.4 設(shè)置文檔屬性,1選擇各種工具繪制出動(dòng)畫所需角色。 2將這些角色安排在頁(yè)面中，通過時(shí)間軸的設(shè)置使它們動(dòng)起來。 3也許還需要配上音樂或?yàn)橛捌砑右恍┙换ナ讲僮鳌?1.6.5

18、 制作影片,在制作影片的過程中或完畢后，通常需要預(yù)覽影片，執(zhí)行“窗口”“工具欄”“控制器”命令，彈出控制器面板，用于預(yù)覽與控制影片的播放。,1.6.6 預(yù)覽與控制影片,1.6.7 打開Flash文件,在啟動(dòng)Flash后，打開一個(gè)Flash文檔的方法有3種，分別為：,1在文檔選項(xiàng)卡界面中，直接單擊“打開最近項(xiàng)目”選項(xiàng)組中的“打開”命令，彈出“打開”對(duì)話框，指定路徑選擇相應(yīng)的文件，單擊“確定”按鈕即可打開所選的Flash文檔。 2按Ctrl+O鍵，彈出“打開”對(duì)話框，指定路徑選擇相應(yīng)的文件，單擊“確定”按鈕。 3執(zhí)行“文件”“打開”命令，彈出“打開”對(duì)話框，指定路徑選擇相應(yīng)的文件，單擊“確定”按鈕。,1.6.8 保存Flash文件,保存Flash文件為源文件 保存Flash文件為模板,1.6.9 保存文件類型,1生成swf文件 2生成圖像文件 3生成多