《《flash課程》PPT課件.ppt》由會(huì)員分享，可在線閱讀，更多相關(guān)《《flash課程》PPT課件.ppt（71頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、一、什么是FLASH？ 二、為什么用FLASH？ 三、FLASH的特點(diǎn)。 四、FLASH的現(xiàn)狀。,FLASH 簡(jiǎn) 介,什么是FLASH?,Flash是美國(guó)的MACROMEDIA公司于1999年6月推出的優(yōu)秀網(wǎng)頁(yè)動(dòng)畫設(shè)計(jì)軟件。 它是一種交互式動(dòng)畫設(shè)計(jì)工具，用它可以將音樂聲效，動(dòng)畫以及富有新意的界面融合在一起，以制作出高品質(zhì)的網(wǎng)頁(yè)動(dòng)態(tài)效果。,為什么用FLASH？,第一，F(xiàn)LASH動(dòng)畫一般比較短小，情節(jié)和畫面上往往更夸張起伏。 第二，F(xiàn)LASH動(dòng)畫具有交互性優(yōu)勢(shì)，可以讓欣賞者通過點(diǎn)擊、選擇等動(dòng)作決定動(dòng)畫的運(yùn)行過程和結(jié)果。 第三，F(xiàn)LASH動(dòng)畫的制作相對(duì)比較簡(jiǎn)單:一套電腦軟件，一個(gè)人，一臺(tái)電腦就可以制

2、作出一段有聲有色的動(dòng)畫片段。,第四，F(xiàn)LASH動(dòng)畫可以放在網(wǎng)上供人欣賞和下載。 第五，F(xiàn)LASH有新的視覺效果，比傳統(tǒng)的動(dòng)漫更加輕易與靈巧,更加的“酷”。 第六，用FLASH制作動(dòng)畫會(huì)大幅度降低制作成本，減少人力，物力資源的消耗。同時(shí)，在制作時(shí)間上也會(huì)大大減少。 第七，F(xiàn)LASH制作的動(dòng)畫可以同時(shí)在網(wǎng)絡(luò)與電視臺(tái)播出，實(shí)現(xiàn)一片兩播。,FLASH的特點(diǎn),1. 使用矢量圖形和流式播放技術(shù)。 與位圖圖形不同的是，矢量圖形可以任意縮放尺寸而不影響圖形的質(zhì)量；流式播放技術(shù)使得動(dòng)畫可以邊播放邊下載，從而緩解了網(wǎng)頁(yè)瀏覽者焦急等待的情緒。,2、生成的動(dòng)畫(.swf)文件非常小。 通過使用關(guān)鍵幀和元件使得所生成的

3、動(dòng)畫文件非常小，幾K字節(jié)的動(dòng)畫文件已經(jīng)可以實(shí)現(xiàn)許多令人心動(dòng)的動(dòng)畫效果，用在網(wǎng)頁(yè)設(shè)計(jì)上不僅可以使網(wǎng)頁(yè)更加生動(dòng)，而且下載迅速，使得動(dòng)畫可以在打開網(wǎng)頁(yè)很短的時(shí)間里就能播放。,3. 把音樂，動(dòng)畫，聲效，交互方式融合在一起。 目前Flash已被作為網(wǎng)頁(yè)動(dòng)畫設(shè)計(jì)的首選工具，創(chuàng)作出了許多令人嘆為觀止的動(dòng)畫(電影)效果。支持MP3的音樂格式，并且加入音樂的動(dòng)畫文件仍能保持小巧的“身材”。,4. 強(qiáng)大的交互功能。 通過ACTION和COMMAND可以實(shí)現(xiàn)交互性，使Flash具有更大的設(shè)計(jì)自由度，另外，它與最流行的網(wǎng)頁(yè)設(shè)計(jì)工具Dream weaver配合默契，可以直接嵌入網(wǎng)頁(yè)的任一位置，非常方便。,FLASH的現(xiàn)

4、狀,聯(lián)合創(chuàng)新的老總馮嶸曾提到：“中國(guó)有1000萬人喜歡看flash，有七八十萬人喜歡做flash”。 截至去年年底，全球有超過三億六千三百萬的在線安裝用戶FLASH PLAYER，即時(shí)觀看FLASH動(dòng)畫內(nèi)容。 “閃客”，也指經(jīng)常使用flash的人?！伴W客”這個(gè)詞源起于“閃客帝國(guó)”個(gè)人網(wǎng)站。關(guān)于閃客，一位研究者這樣描述：每當(dāng)夜幕降臨，他們選擇了“閃光”，用一種叫Flash的軟件，把隱藏在心里那些若隱若現(xiàn)的感覺做成動(dòng)畫，也許是段MTV，也許是段傷感的故事，也許僅僅是一個(gè)幽默。這些作品傳播到網(wǎng)上，博得大家開懷一笑，或是賺取幾滴眼淚。日復(fù)一日，樂此不疲。,隨著網(wǎng)絡(luò)多媒體制作技術(shù)的發(fā)展，音樂、動(dòng)畫、文字

5、實(shí)現(xiàn)互相穿插鏈接已成為一個(gè)迫近的趨勢(shì)，F(xiàn)LASH將會(huì)作為一個(gè)產(chǎn)業(yè)滲透到音樂、傳媒、IT、廣告、房地產(chǎn)、游戲等各個(gè)領(lǐng)域。 過去：FLASH動(dòng)畫馳騁網(wǎng)絡(luò)世界 現(xiàn)在：FLASH動(dòng)畫走進(jìn)電視屏幕 未來：FLASH動(dòng)畫深入互動(dòng)電視,1、動(dòng)畫的制作原理：視覺原理,醫(yī)學(xué)證明:人類具有“視覺暫留”的特性，就是說人的眼睛看到一幅畫或一個(gè)物體后，在1/24秒內(nèi)不會(huì)消失。 利用該原理，在一幅畫還沒有消失前播放下一幅畫，就會(huì)給人造成一種運(yùn)動(dòng)錯(cuò)覺。,Flash動(dòng)畫常識(shí),最著名的發(fā)明： 1832年： 約瑟夫.柏拉圖 幻透鏡 1834年： 喬治.霍納 西洋鏡,2、動(dòng)畫的定義,所謂動(dòng)畫，就是指通過以每秒若干幀的速度順序地播放

6、靜止圖像幀以產(chǎn)生運(yùn)動(dòng)錯(cuò)覺的藝術(shù)。,沒有運(yùn)動(dòng)也可以有動(dòng)畫 物體的形變 物體的色彩變化 環(huán)境光強(qiáng)的變化 任何隨時(shí)間發(fā)生的視覺變化都可以歸屬為動(dòng)畫.,傳統(tǒng)動(dòng)畫 也叫手拉的動(dòng)畫, 通過手繪完成，是動(dòng)畫的最舊和歷史上最普遍的形式。 傳統(tǒng)動(dòng)畫片是用畫筆畫出一張張不動(dòng)的、但又是逐漸變化著的連續(xù)畫面。,3. 動(dòng)畫的類型,計(jì)算機(jī)動(dòng)畫 指采用圖形與圖像的處理技術(shù)，借助于編程或動(dòng)畫制作軟件生成一系列的景物畫面。 計(jì)算機(jī)動(dòng)畫分為：二維動(dòng)畫和三維動(dòng)畫。,1、3ds max 2、Maya 3、 SOFTMAGE1/XSI 4、Lightwave 3D,三維動(dòng)畫設(shè)計(jì)軟件：,Flash動(dòng)畫的分類,逐幀動(dòng)畫,補(bǔ)間動(dòng)畫,交互式動(dòng)

7、畫,重點(diǎn)補(bǔ)充內(nèi)容,逐幀動(dòng)畫,時(shí)間幀上逐幀繪制幀內(nèi)容稱為逐幀動(dòng)畫，由于是一幀一幀地畫，所以逐幀動(dòng)畫具有非常大的靈活性，幾乎可以表現(xiàn)任何想表現(xiàn)的內(nèi)容。,逐幀動(dòng)畫在時(shí)間幀上表現(xiàn)為連續(xù)出現(xiàn)的關(guān)鍵幀，如圖所示：,逐幀動(dòng)畫的缺點(diǎn)： 制作過程較為復(fù)雜，制作效率非常低，動(dòng)畫占用的空間比較大。,所謂補(bǔ)間動(dòng)畫:是指只要做好開始楨和結(jié)束幀的圖像，F(xiàn)LASH會(huì)自動(dòng)補(bǔ)上中間的動(dòng)畫過程。,補(bǔ)間動(dòng)畫又分為：動(dòng)作補(bǔ)間動(dòng)畫 形狀補(bǔ)間動(dòng)畫,補(bǔ)間動(dòng)畫,交互式動(dòng)畫,交互式動(dòng)畫是需要通過在Flash動(dòng)畫中增加程序代碼的一類動(dòng)畫。 主要用于實(shí)現(xiàn)更為復(fù)雜逼真的動(dòng)畫效果。, 位圖與矢量圖,一、 位圖 （bitmap）,重點(diǎn)補(bǔ)充內(nèi)容,1、位圖

8、的定義：,也叫點(diǎn)陣圖、像素圖像。由排列成網(wǎng)格的成為像素的點(diǎn)組成。 位圖就好像在巨大沙盤上畫的畫,從遠(yuǎn)處看，畫面細(xì)膩多彩，但當(dāng)你非?？拷鼤r(shí)，就能看到組成畫面的每粒沙子以及每粒沙子單純的不可變化的顏色。,2、位圖的優(yōu)點(diǎn)：,（1）色彩變化豐富； （2）可以改變?nèi)魏涡螤顓^(qū)域的色彩顯示效果。,3、位圖的缺點(diǎn)：,（1）縮放會(huì)失真； （2）文件比較大； （3）與輸出設(shè)備本身的分辨率有關(guān)。,二、矢量圖 （vector）,1、矢量圖的定義： 在數(shù)學(xué)上定義為一系列由線連接的點(diǎn)。 矢量圖就好比畫在質(zhì)量非常好的橡膠膜上的圖，不管對(duì)橡膠膜怎樣的長(zhǎng)寬等比成倍拉伸，畫面依然清晰，不管離的多近，也不會(huì)看到圖形的最小單位。,2

9、、矢量圖的優(yōu)點(diǎn)：,（1）文件比較??； （2）縮放不失真； （3）輪廓的形狀更容易修改和控制； （4）與輸出設(shè)備的分辨率無關(guān)。,3、矢量圖的缺點(diǎn)：,（1）對(duì)單獨(dú)的對(duì)象色彩上變化的實(shí)現(xiàn)不如位圖來得方便直接； （2）支持矢量格式的應(yīng)用程序較少。, 導(dǎo)出文件類型,1、生成 swf 文件,（1）在制作影片的過程中，可以按Ctrl+Enter鍵測(cè)試影片，程序自動(dòng)生成；,（2）文件 導(dǎo)出 導(dǎo)出影片,重點(diǎn)補(bǔ)充內(nèi)容,2、生成圖像文件,將Flash文件生成圖像文件后，原有的交互式操作與聲音就會(huì)丟失，只保留當(dāng)前幀中所示的圖像信息，保存的文件格式有GIF、BMP、JPEG和PNG等。,具體操作：,選中圖像所在的幀，使

10、圖像出現(xiàn)在工作區(qū)中，執(zhí)行： 文件 導(dǎo)出 導(dǎo)出圖像,SWF文件,SWF文件是FLASH生成影片的默認(rèn)文件格式。其優(yōu)點(diǎn)是：體積小，易于傳播。 但播放SWF文件需要指定的播放器，也就是說，如果瀏覽者的機(jī)器中沒有指定的播放器，就不能觀看影片。,EXE文件,EXE文件就是以.exe結(jié)尾的程序文件,它本身自帶一個(gè)播放程序,不需要另外下載其他程序就可以直接觀看影片. EXE文件相對(duì)比較大,在瀏覽下載的過程中會(huì)比較慢.,文檔選項(xiàng)卡：,“舞臺(tái)”位于工作界面的正中間部位，是放置動(dòng)畫內(nèi)容的區(qū)域。這些內(nèi)容包括矢量插圖、文本框、按鈕、導(dǎo)入的位圖圖形或視頻剪輯等。 默認(rèn)狀態(tài)下，“舞臺(tái)”的寬為550像素，高為400像素.,

11、1.3.1 關(guān)于舞臺(tái),修改文檔,FLASH提供了3種輔助工具： 標(biāo)尺、輔助線、網(wǎng)格 。,1、網(wǎng)格 對(duì)于“網(wǎng)格”的應(yīng)用主要有“顯示網(wǎng)格”、“編輯網(wǎng)格”和“對(duì)齊網(wǎng)格”三個(gè)功能。執(zhí)行【視圖】|【網(wǎng)格】|【顯示網(wǎng)格】命令，可以“顯示或隱藏網(wǎng)格線”，如圖：,執(zhí)行【視圖】|【網(wǎng)格】|【編輯網(wǎng)格】命令，打開編輯【網(wǎng)格】對(duì)話框，在對(duì)話框中可編輯網(wǎng)格的各種屬性。,完成“網(wǎng)格”的編輯后，制作一些規(guī)范圖形將變得很方便，可以提高工作效率。,2、標(biāo)尺 使用“標(biāo)尺”來度量對(duì)象的大小比例。執(zhí)行【視圖】|【標(biāo)尺】命令，可以顯示或隱藏【標(biāo)尺】。舞臺(tái)的左上角為“標(biāo)尺”的“零起點(diǎn)”。,執(zhí)行【修改】|【文檔】命令，打開【文檔屬性】對(duì)

12、話框，在【標(biāo)尺單位】下拉菜單中可選擇合適的單位。,3、輔助線 首先要確認(rèn)“標(biāo)尺”處于顯示狀態(tài)，在“水平標(biāo)尺”或“垂直標(biāo)尺”上按下鼠標(biāo)并拖動(dòng)到舞臺(tái)上，“水平輔助線”或者“垂直輔助線”就被制作出來了，【輔助線】默認(rèn)的顏色為“綠色”。,在【輔助線】對(duì)話框的【對(duì)齊精確度】中可設(shè)置“輔助線”的“對(duì)齊精確度”.,1.3.2 時(shí)間軸,1.3.4 使 用 幀,1. 時(shí)間軸的顯示設(shè)置,幀視圖,播放頭,時(shí)間軸是組織動(dòng)畫的地方，主要任務(wù)是顯示和控制幀。在影片播放時(shí)，時(shí)間軸上的“播放頭”將按照一定的幀速率沿時(shí)間線運(yùn)動(dòng)，“播放頭”經(jīng)過哪幀，影片就顯示哪幀中的內(nèi)容。在編輯影片的過程中也是如此，場(chǎng)景中僅顯示“播放頭”所在幀

13、中的內(nèi)容。,利用“幀視圖”可以更改幀在時(shí)間軸中的顯示方式。 前五項(xiàng)均用于調(diào)整幀的顯示寬度，默認(rèn)為“標(biāo)準(zhǔn)”；其中“預(yù)覽”和“關(guān)聯(lián)預(yù)覽”，均用于將幀中的對(duì)象以縮略圖的方式顯示；“彩色顯示幀”選項(xiàng)，可以使幀從灰色顯示變成彩色顯示；“較短”選項(xiàng)，可以減少幀單元格的高度。,2. 幀的分類,幀是決定物體運(yùn)動(dòng)的核心，是構(gòu)成一部影片的基礎(chǔ)，它決定著影片中的對(duì)象何時(shí)出現(xiàn)以及對(duì)象的運(yùn)動(dòng)方式。,1)、關(guān)鍵幀。用實(shí)心圓表示，代表該幀中含有對(duì)象。 2)、普通幀。普通幀中的對(duì)象永遠(yuǎn)和離它最近的關(guān)鍵幀中的對(duì)象保持一致。,3)、空白關(guān)鍵幀。用空心圓表示，代表該幀中沒有任何對(duì)象，在空白關(guān)鍵幀中加入對(duì)象即可變成關(guān)鍵幀。 4)、一

14、般空白幀。代表空白區(qū)域中沒有任何對(duì)象。 5)、運(yùn)動(dòng)漸變幀。用底色為淺藍(lán)色的箭頭符號(hào)表示，代表這個(gè)區(qū)域存在運(yùn)動(dòng)補(bǔ)間動(dòng)畫。 6)、形狀漸變幀。用底色為淺綠色的箭頭符號(hào)表示，代表這個(gè)區(qū)域存在形狀補(bǔ)間動(dòng)畫。,7)、錯(cuò)誤漸變幀。用虛線表示，代表這個(gè)區(qū)域存在錯(cuò)誤的補(bǔ)間動(dòng)畫。 8)、加入幀標(biāo)簽的幀，標(biāo)簽類型為名稱、注釋、錨記。 9)、加入聲音的幀。 10)、加入腳本語(yǔ)言的幀。,5.1.3 幀的操作,1、插入幀或關(guān)鍵幀,插入 時(shí)間軸 幀/關(guān)鍵幀/空白關(guān)鍵幀； 或者在需要插入幀的位置單擊右健。 同時(shí)選中多個(gè)幀，按F6鍵，可以在選定的位置中同時(shí)插入多個(gè)關(guān)鍵幀。,2、選擇幀或關(guān)鍵幀,選擇單個(gè)幀，單擊即可； 選擇多個(gè)

15、圖層上的多個(gè)連續(xù)幀，按左鍵拖動(dòng)即可。,3、刪除和修改幀或關(guān)鍵幀,編輯 時(shí)間軸 刪除幀； 或者在選中的幀上單擊右鍵。,4 移動(dòng)幀，選中，按住鼠標(biāo)拖動(dòng)； 5 在兩個(gè)關(guān)鍵幀之間插入多個(gè)普通幀，按住Alt鍵拖動(dòng)關(guān)鍵幀； 6 編輯 時(shí)間軸 復(fù)制幀/粘貼幀 7 將關(guān)鍵幀轉(zhuǎn)換為幀： 修改 時(shí)間軸 清除關(guān)鍵幀 8 翻轉(zhuǎn)動(dòng)畫序列： 修改 時(shí)間軸 翻轉(zhuǎn)幀,1.4 庫(kù) 面 板,庫(kù)面板就是一個(gè)影片的倉(cāng)庫(kù)。所有元件都會(huì)被自動(dòng)載入到當(dāng)前影片的庫(kù)面板中，以供用戶隨時(shí)調(diào)用。另外，還可以從其他影片的庫(kù)面板中調(diào)用元件，然后根據(jù)需要建立自己的庫(kù)面板。 打開庫(kù)面板： 窗口 庫(kù) （Ctrl+L）,使用庫(kù)面板,庫(kù)面板只能自動(dòng)收集元件、位

16、圖、聲音以及各種組件，可以通過文件夾來管理這些對(duì)象。 庫(kù)面板包含5類信息：名稱、類型、使用次數(shù)、鏈接以及修改日期，分別單擊這5個(gè)按鈕即可按照相應(yīng)的順序?qū)?kù)面板中的對(duì)象進(jìn)行排序。,庫(kù)項(xiàng)目與庫(kù)文件夾,當(dāng)庫(kù)項(xiàng)目繁多時(shí)可以利用庫(kù)文件夾對(duì)其進(jìn)行分類整理，庫(kù)面板中可以同時(shí)包含多個(gè)文件夾，但不允許重名。,2、將庫(kù)項(xiàng)目移出庫(kù)文件夾，選中將其拖 動(dòng)到文件夾上方。 6、展開與折疊文件夾，右鍵列表中選擇或直接雙擊。 4、雙擊重命名文件夾。 5、文件夾中允許包含下一級(jí)子文件夾。 6、刪除文件夾將刪除它包含的所有內(nèi)容。,1、將庫(kù)項(xiàng)目置于庫(kù)文件夾中，選中將其拖動(dòng)到文件夾下方。,在影片之間共享庫(kù)項(xiàng)目,同時(shí)打開兩個(gè)影片，再分

17、別將兩個(gè)影片的庫(kù)面板打開，復(fù)制粘貼所需的庫(kù)項(xiàng)目到另一個(gè)庫(kù)面板。,公用庫(kù),Flash提供了6個(gè)包含大量庫(kù)項(xiàng)目的公共庫(kù)：學(xué)習(xí)交互、按鈕、類。 執(zhí)行：窗口 公共庫(kù) 注意：公用庫(kù)中的對(duì)象可以被隨意調(diào)用，但不能在公用庫(kù)中對(duì)庫(kù)項(xiàng)目進(jìn)行編輯，若要編輯，需要先將它添加到影片中，然后再在影片編輯模式下對(duì)其進(jìn)行編輯。,屬性檢查器可以很容易地訪問舞臺(tái)或時(shí)間軸上當(dāng)前選定項(xiàng)的最常用屬性，也可以在面板中更改對(duì)象或文檔的屬性.,1.5 屬性檢查器,根據(jù)需要可以改變“舞臺(tái)“顯示的比例大小，在“時(shí)間軸”右上角的“顯示比例”中設(shè)置顯示比例，最小比例為8%，最大比例為2000%.,1.6 使用工具面板,選擇【縮放工具】后，在工具箱的【選項(xiàng)】下會(huì)顯示出兩個(gè)按鈕，分別為【放大】 和【縮小】 ，分別單擊它們可在“放大視圖工具”與“縮小視圖工具”之間切換。選擇【縮放工具】后，按住鍵盤上的Alt鍵，單擊舞臺(tái)，可快捷縮小視圖。,