一、什么是FLASH？ 二、為什么用FLASH？ 三、FLASH的特點。 四、FLASH的現(xiàn)狀。,FLASH 簡 介,什么是FLASH?,Flash是美國的MACROMEDIA公司于1999年6月推出的優(yōu)秀網(wǎng)頁動畫設(shè)計軟件。 它是一種交互式動畫設(shè)計工具，用它可以將音樂聲效，動畫以及富有新意的界面融合在一起，以制作出高品質(zhì)的網(wǎng)頁動態(tài)效果。,為什么用FLASH？,第一，F(xiàn)LASH動畫一般比較短小，情節(jié)和畫面上往往更夸張起伏。 第二，F(xiàn)LASH動畫具有交互性優(yōu)勢，可以讓欣賞者通過點擊、選擇等動作決定動畫的運行過程和結(jié)果。 第三，F(xiàn)LASH動畫的制作相對比較簡單:一套電腦軟件，一個人，一臺電腦就可以制作出一段有聲有色的動畫片段。,第四，F(xiàn)LASH動畫可以放在網(wǎng)上供人欣賞和下載。 第五，F(xiàn)LASH有新的視覺效果，比傳統(tǒng)的動漫更加輕易與靈巧,更加的“酷”。 第六，用FLASH制作動畫會大幅度降低制作成本，減少人力，物力資源的消耗。同時，在制作時間上也會大大減少。 第七，F(xiàn)LASH制作的動畫可以同時在網(wǎng)絡(luò)與電視臺播出，實現(xiàn)一片兩播。,FLASH的特點,1. 使用矢量圖形和流式播放技術(shù)。 與位圖圖形不同的是，矢量圖形可以任意縮放尺寸而不影響圖形的質(zhì)量；流式播放技術(shù)使得動畫可以邊播放邊下載，從而緩解了網(wǎng)頁瀏覽者焦急等待的情緒。,2、生成的動畫(.swf)文件非常小。 通過使用關(guān)鍵幀和元件使得所生成的動畫文件非常小，幾K字節(jié)的動畫文件已經(jīng)可以實現(xiàn)許多令人心動的動畫效果，用在網(wǎng)頁設(shè)計上不僅可以使網(wǎng)頁更加生動，而且下載迅速，使得動畫可以在打開網(wǎng)頁很短的時間里就能播放。,3. 把音樂，動畫，聲效，交互方式融合在一起。 目前Flash已被作為網(wǎng)頁動畫設(shè)計的首選工具，創(chuàng)作出了許多令人嘆為觀止的動畫(電影)效果。支持MP3的音樂格式，并且加入音樂的動畫文件仍能保持小巧的“身材”。,4. 強大的交互功能。 通過ACTION和COMMAND可以實現(xiàn)交互性，使Flash具有更大的設(shè)計自由度，另外，它與最流行的網(wǎng)頁設(shè)計工具Dream weaver配合默契，可以直接嵌入網(wǎng)頁的任一位置，非常方便。,FLASH的現(xiàn)狀,聯(lián)合創(chuàng)新的老總馮嶸曾提到：“中國有1000萬人喜歡看flash，有七八十萬人喜歡做flash”。 截至去年年底，全球有超過三億六千三百萬的在線安裝用戶FLASH PLAYER，即時觀看FLASH動畫內(nèi)容。 “閃客”，也指經(jīng)常使用flash的人?！伴W客”這個詞源起于“閃客帝國”個人網(wǎng)站。關(guān)于閃客，一位研究者這樣描述：每當夜幕降臨，他們選擇了“閃光”，用一種叫Flash的軟件，把隱藏在心里那些若隱若現(xiàn)的感覺做成動畫，也許是段MTV，也許是段傷感的故事，也許僅僅是一個幽默。這些作品傳播到網(wǎng)上，博得大家開懷一笑，或是賺取幾滴眼淚。日復(fù)一日，樂此不疲。,隨著網(wǎng)絡(luò)多媒體制作技術(shù)的發(fā)展，音樂、動畫、文字實現(xiàn)互相穿插鏈接已成為一個迫近的趨勢，F(xiàn)LASH將會作為一個產(chǎn)業(yè)滲透到音樂、傳媒、IT、廣告、房地產(chǎn)、游戲等各個領(lǐng)域。 過去：FLASH動畫馳騁網(wǎng)絡(luò)世界 現(xiàn)在：FLASH動畫走進電視屏幕 未來：FLASH動畫深入互動電視,1、動畫的制作原理：視覺原理,醫(yī)學(xué)證明:人類具有“視覺暫留”的特性，就是說人的眼睛看到一幅畫或一個物體后，在1/24秒內(nèi)不會消失。 利用該原理，在一幅畫還沒有消失前播放下一幅畫，就會給人造成一種運動錯覺。,Flash動畫常識,最著名的發(fā)明： 1832年： 約瑟夫.柏拉圖 幻透鏡 1834年： 喬治.霍納 西洋鏡,2、動畫的定義,所謂動畫，就是指通過以每秒若干幀的速度順序地播放靜止圖像幀以產(chǎn)生運動錯覺的藝術(shù)。,沒有運動也可以有動畫 物體的形變 物體的色彩變化 環(huán)境光強的變化 任何隨時間發(fā)生的視覺變化都可以歸屬為動畫.,傳統(tǒng)動畫 也叫手拉的動畫, 通過手繪完成，是動畫的最舊和歷史上最普遍的形式。 傳統(tǒng)動畫片是用畫筆畫出一張張不動的、但又是逐漸變化著的連續(xù)畫面。,3. 動畫的類型,計算機動畫 指采用圖形與圖像的處理技術(shù)，借助于編程或動畫制作軟件生成一系列的景物畫面。 計算機動畫分為：二維動畫和三維動畫。,1、3ds max 2、Maya 3、 SOFTMAGE1/XSI 4、Lightwave 3D,三維動畫設(shè)計軟件：,Flash動畫的分類,逐幀動畫,補間動畫,交互式動畫,重點補充內(nèi)容,逐幀動畫,時間幀上逐幀繪制幀內(nèi)容稱為逐幀動畫，由于是一幀一幀地畫，所以逐幀動畫具有非常大的靈活性，幾乎可以表現(xiàn)任何想表現(xiàn)的內(nèi)容。,逐幀動畫在時間幀上表現(xiàn)為連續(xù)出現(xiàn)的關(guān)鍵幀，如圖所示：,逐幀動畫的缺點： 制作過程較為復(fù)雜，制作效率非常低，動畫占用的空間比較大。,所謂補間動畫:是指只要做好開始楨和結(jié)束幀的圖像，F(xiàn)LASH會自動補上中間的動畫過程。,補間動畫又分為：動作補間動畫 形狀補間動畫,補間動畫,交互式動畫,交互式動畫是需要通過在Flash動畫中增加程序代碼的一類動畫。 主要用于實現(xiàn)更為復(fù)雜逼真的動畫效果。, 位圖與矢量圖,一、 位圖 （bitmap）,重點補充內(nèi)容,1、位圖的定義：,也叫點陣圖、像素圖像。由排列成網(wǎng)格的成為像素的點組成。 位圖就好像在巨大沙盤上畫的畫,從遠處看，畫面細膩多彩，但當你非?？拷鼤r，就能看到組成畫面的每粒沙子以及每粒沙子單純的不可變化的顏色。,2、位圖的優(yōu)點：,（1）色彩變化豐富； （2）可以改變?nèi)魏涡螤顓^(qū)域的色彩顯示效果。,3、位圖的缺點：,（1）縮放會失真； （2）文件比較大； （3）與輸出設(shè)備本身的分辨率有關(guān)。,二、矢量圖 （vector）,1、矢量圖的定義： 在數(shù)學(xué)上定義為一系列由線連接的點。 矢量圖就好比畫在質(zhì)量非常好的橡膠膜上的圖，不管對橡膠膜怎樣的長寬等比成倍拉伸，畫面依然清晰，不管離的多近，也不會看到圖形的最小單位。,2、矢量圖的優(yōu)點：,（1）文件比較??； （2）縮放不失真； （3）輪廓的形狀更容易修改和控制； （4）與輸出設(shè)備的分辨率無關(guān)。,3、矢量圖的缺點：,（1）對單獨的對象色彩上變化的實現(xiàn)不如位圖來得方便直接； （2）支持矢量格式的應(yīng)用程序較少。, 導(dǎo)出文件類型,1、生成 swf 文件,（1）在制作影片的過程中，可以按Ctrl+Enter鍵測試影片，程序自動生成；,（2）文件 導(dǎo)出 導(dǎo)出影片,重點補充內(nèi)容,2、生成圖像文件,將Flash文件生成圖像文件后，原有的交互式操作與聲音就會丟失，只保留當前幀中所示的圖像信息，保存的文件格式有GIF、BMP、JPEG和PNG等。,具體操作：,選中圖像所在的幀，使圖像出現(xiàn)在工作區(qū)中，執(zhí)行： 文件 導(dǎo)出 導(dǎo)出圖像,SWF文件,SWF文件是FLASH生成影片的默認文件格式。其優(yōu)點是：體積小，易于傳播。 但播放SWF文件需要指定的播放器，也就是說，如果瀏覽者的機器中沒有指定的播放器，就不能觀看影片。,EXE文件,EXE文件就是以.exe結(jié)尾的程序文件,它本身自帶一個播放程序,不需要另外下載其他程序就可以直接觀看影片. EXE文件相對比較大,在瀏覽下載的過程中會比較慢.,文檔選項卡：,“舞臺”位于工作界面的正中間部位，是放置動畫內(nèi)容的區(qū)域。這些內(nèi)容包括矢量插圖、文本框、按鈕、導(dǎo)入的位圖圖形或視頻剪輯等。 默認狀態(tài)下，“舞臺”的寬為550像素，高為400像素.,1.3.1 關(guān)于舞臺,修改文檔,FLASH提供了3種輔助工具： 標尺、輔助線、網(wǎng)格 。,1、網(wǎng)格 對于“網(wǎng)格”的應(yīng)用主要有“顯示網(wǎng)格”、“編輯網(wǎng)格”和“對齊網(wǎng)格”三個功能。執(zhí)行【視圖】|【網(wǎng)格】|【顯示網(wǎng)格】命令，可以“顯示或隱藏網(wǎng)格線”，如圖：,執(zhí)行【視圖】|【網(wǎng)格】|【編輯網(wǎng)格】命令，打開編輯【網(wǎng)格】對話框，在對話框中可編輯網(wǎng)格的各種屬性。,完成“網(wǎng)格”的編輯后，制作一些規(guī)范圖形將變得很方便，可以提高工作效率。,2、標尺 使用“標尺”來度量對象的大小比例。執(zhí)行【視圖】|【標尺】命令，可以顯示或隱藏【標尺】。舞臺的左上角為“標尺”的“零起點”。,執(zhí)行【修改】|【文檔】命令，打開【文檔屬性】對話框，在【標尺單位】下拉菜單中可選擇合適的單位。,3、輔助線 首先要確認“標尺”處于顯示狀態(tài)，在“水平標尺”或“垂直標尺”上按下鼠標并拖動到舞臺上，“水平輔助線”或者“垂直輔助線”就被制作出來了，【輔助線】默認的顏色為“綠色”。,在【輔助線】對話框的【對齊精確度】中可設(shè)置“輔助線”的“對齊精確度”.,1.3.2 時間軸,1.3.4 使 用 幀,1. 時間軸的顯示設(shè)置,幀視圖,播放頭,時間軸是組織動畫的地方，主要任務(wù)是顯示和控制幀。在影片播放時，時間軸上的“播放頭”將按照一定的幀速率沿時間線運動，“播放頭”經(jīng)過哪幀，影片就顯示哪幀中的內(nèi)容。在編輯影片的過程中也是如此，場景中僅顯示“播放頭”所在幀中的內(nèi)容。,利用“幀視圖”可以更改幀在時間軸中的顯示方式。 前五項均用于調(diào)整幀的顯示寬度，默認為“標準”；其中“預(yù)覽”和“關(guān)聯(lián)預(yù)覽”，均用于將幀中的對象以縮略圖的方式顯示；“彩色顯示幀”選項，可以使幀從灰色顯示變成彩色顯示；“較短”選項，可以減少幀單元格的高度。,2. 幀的分類,幀是決定物體運動的核心，是構(gòu)成一部影片的基礎(chǔ)，它決定著影片中的對象何時出現(xiàn)以及對象的運動方式。,1)、關(guān)鍵幀。用實心圓表示，代表該幀中含有對象。 2)、普通幀。普通幀中的對象永遠和離它最近的關(guān)鍵幀中的對象保持一致。,3)、空白關(guān)鍵幀。用空心圓表示，代表該幀中沒有任何對象，在空白關(guān)鍵幀中加入對象即可變成關(guān)鍵幀。 4)、一般空白幀。代表空白區(qū)域中沒有任何對象。 5)、運動漸變幀。用底色為淺藍色的箭頭符號表示，代表這個區(qū)域存在運動補間動畫。 6)、形狀漸變幀。用底色為淺綠色的箭頭符號表示，代表這個區(qū)域存在形狀補間動畫。,7)、錯誤漸變幀。用虛線表示，代表這個區(qū)域存在錯誤的補間動畫。 8)、加入幀標簽的幀，標簽類型為名稱、注釋、錨記。 9)、加入聲音的幀。 10)、加入腳本語言的幀。,5.1.3 幀的操作,1、插入幀或關(guān)鍵幀,插入 時間軸 幀/關(guān)鍵幀/空白關(guān)鍵幀； 或者在需要插入幀的位置單擊右健。 同時選中多個幀，按F6鍵，可以在選定的位置中同時插入多個關(guān)鍵幀。,2、選擇幀或關(guān)鍵幀,選擇單個幀，單擊即可； 選擇多個圖層上的多個連續(xù)幀，按左鍵拖動即可。,3、刪除和修改幀或關(guān)鍵幀,編輯 時間軸 刪除幀； 或者在選中的幀上單擊右鍵。,4 移動幀，選中，按住鼠標拖動； 5 在兩個關(guān)鍵幀之間插入多個普通幀，按住Alt鍵拖動關(guān)鍵幀； 6 編輯 時間軸 復(fù)制幀/粘貼幀 7 將關(guān)鍵幀轉(zhuǎn)換為幀： 修改 時間軸 清除關(guān)鍵幀 8 翻轉(zhuǎn)動畫序列： 修改 時間軸 翻轉(zhuǎn)幀,1.4 庫 面 板,庫面板就是一個影片的倉庫。所有元件都會被自動載入到當前影片的庫面板中，以供用戶隨時調(diào)用。另外，還可以從其他影片的庫面板中調(diào)用元件，然后根據(jù)需要建立自己的庫面板。 打開庫面板： 窗口 庫 （Ctrl+L）,使用庫面板,庫面板只能自動收集元件、位圖、聲音以及各種組件，可以通過文件夾來管理這些對象。 庫面板包含5類信息：名稱、類型、使用次數(shù)、鏈接以及修改日期，分別單擊這5個按鈕即可按照相應(yīng)的順序?qū)烀姘逯械膶ο筮M行排序。,庫項目與庫文件夾,當庫項目繁多時可以利用庫文件夾對其進行分類整理，庫面板中可以同時包含多個文件夾，但不允許重名。,2、將庫項目移出庫文件夾，選中將其拖 動到文件夾上方。 6、展開與折疊文件夾，右鍵列表中選擇或直接雙擊。 4、雙擊重命名文件夾。 5、文件夾中允許包含下一級子文件夾。 6、刪除文件夾將刪除它包含的所有內(nèi)容。,1、將庫項目置于庫文件夾中，選中將其拖動到文件夾下方。,在影片之間共享庫項目,同時打開兩個影片，再分別將兩個影片的庫面板打開，復(fù)制粘貼所需的庫項目到另一個庫面板。,公用庫,Flash提供了6個包含大量庫項目的公共庫：學(xué)習(xí)交互、按鈕、類。 執(zhí)行：窗口 公共庫 注意：公用庫中的對象可以被隨意調(diào)用，但不能在公用庫中對庫項目進行編輯，若要編輯，需要先將它添加到影片中，然后再在影片編輯模式下對其進行編輯。,屬性檢查器可以很容易地訪問舞臺或時間軸上當前選定項的最常用屬性，也可以在面板中更改對象或文檔的屬性.,1.5 屬性檢查器,根據(jù)需要可以改變“舞臺“顯示的比例大小，在“時間軸”右上角的“顯示比例”中設(shè)置顯示比例，最小比例為8%，最大比例為2000%.,1.6 使用工具面板,選擇【縮放工具】后，在工具箱的【選項】下會顯示出兩個按鈕，分別為【放大】 和【縮小】 ，分別單擊它們可在“放大視圖工具”與“縮小視圖工具”之間切換。選擇【縮放工具】后，按住鍵盤上的Alt鍵，單擊舞臺，可快捷縮小視圖。,