多媒體技術基礎

1、多媒體技術基礎（二）多媒體實踐班實踐班課程設置公共課：創(chuàng)造學基礎（原創(chuàng)新創(chuàng)業(yè)教育） 注：本課程每個學期都開設，可任意選一個學期來上必修課： 多媒體技術基礎（一）：16（理論課）+24（上機課） 多媒體技術基礎（二）：16（理論課）+24（上機課） 多媒體技術實踐（一）：16（理論課）+48（上機課） 多媒體技術實踐（二）：16（理論課）+48（上機課） 軟件專題研究（一） ：16（理論課）+48（上機課） 軟件專題研究（二） ：16（理論課）+48（上機課） 課程要求及期末成績設置期末成績 =平時成績(20分)+上機課程（40分）+大作業(yè)（40分）理論課周四周四7-8節(jié)節(jié) 研教樓研教樓920

2、周一周一9-10節(jié)節(jié) 研教樓研教樓902 2-5、7、9、11、13周周上機課：3-14周 每周一大節(jié)（2學時） 要求按所安排時間按時到實驗室上機，每周填寫一次實驗記錄冊，缺勤一次扣3分。 記錄冊要求寫清楚，本次實驗所做內容，得到的結果及心得體會。大作業(yè)： 課程結束后，布置一個大作業(yè)，要求在上機課程結束的下一周上交大作業(yè)作品和文檔。實驗室要求1.嚴格保持實驗室衛(wèi)生整潔，非實驗室物品隨身帶走。2.嚴格按上課時間上機，不得隨便更換時間、遲到、早退。3.離開實驗室必須將主機和顯示器電源關閉。4.不得私自拉扯臺式機網線插頭。初識Flash當今業(yè)界最流行的一款交互式矢量多媒體創(chuàng)作軟件Flash的特點基于

3、矢量繪圖流式播放技術多媒體特性強大的交互功能廣泛的平臺支持易學易用、可擴展性好Flash的特點基于矢量繪圖矢量圖像僅由線條和線條所封閉的填充區(qū)域組成，所需存儲空間小，可任意縮放尺寸而不影響畫面質量；位圖圖像由大量的像素點組成，比較逼真，但所需存儲空間大，隨著圖像尺寸的放大畫面品質將大幅度下降。Flash的特點流式播放技術流式（stream）播放技術使得動畫可以邊播放邊下載，從而緩解瀏覽者焦急等待的情緒；GIF動畫需等到動畫全部下載完畢后才能觀看，對于大動畫等待時間過長。Flash的特點多媒體特性可以將動畫、視頻、音樂、聲效等有機融合在一起支持多種圖像格式文件導入可導入Photoshop、Ill

4、ustrator、Freehand等軟件制作的圖形和圖像可導入Adobe PDF電子文檔和Adobe Illustrator 10文件支持視頻、音頻文件導入可從外部調用視頻文件可使用MP3支持多種動畫輸出格式SWF、SPL、GIF、AI、BMP、JPG、PNG、AVI、MOV、MAV、EMF、WMF、EPS、DXFFlash的特點強大的交互功能內置的ActionScript腳本語言，易于精確實現(xiàn)復雜的交互事件行為控制可在動畫中加入滾動條、復選框、下拉菜單和拖動物體等各種交互組件；可與Java或其他類型的程序融合在一起，在不同的操作平臺和瀏覽器中播放；支持動態(tài)數(shù)據(jù)交互，ASP功能的全面嵌入使其可

5、用于動態(tài)電子商務網站及虛擬社區(qū)等的建設。Flash的特點廣泛的平臺支持任何安裝有Flash Player插件的網頁瀏覽器都可以觀看Flash動畫，目前已經有95%以上的瀏覽器安裝了Flash Player，幾乎包含了所有的瀏覽器和操作系統(tǒng)。IE、Firefox、Opera Flash的特點易學易用、可擴展性好強大的動畫編輯功能使得設計者可以隨心所欲地設計出高品質的動畫；通過第三方開發(fā)的Flash插件程序，可以方便地實現(xiàn)一些以往需要非常繁瑣的操作才能實現(xiàn)的動態(tài)效果，大大提高了Flash影片的制作效率。Flash的應用宣傳廣告產品演示游戲音樂MTV互聯(lián)網視頻動畫片教學課件電子賀卡網站建設手機動畫F

6、lash的問題“開放性開放性”的問題的問題“完整網絡完整網絡”（full web）的問題的問題可靠性、安全性和性能的問題可靠性、安全性和性能的問題電池續(xù)航時間電池續(xù)航時間觸摸問題觸摸問題第三方開發(fā)庫和工具問題第三方開發(fā)庫和工具問題HTML5概況HTML5 將成為 HTML、XHTML 以及HTML DOM 的新標準。HTML 的上一個版本誕生于 1999 年。自從那以后，Web 世界已經經歷了巨變。HTML5 仍處于完善之中。大部分現(xiàn)代瀏覽器已經具備了某些 HTML5 支持。HTML5 是如何起步的是如何起步的?HTML5 是 W3C 與 WHATWG 合作的結果。W3C 指 World Wi

7、de Web Consortium，萬維網聯(lián)盟。WHATWG 指 Web Hypertext Application Technology Working Group。WHATWG 致力于 web 表單和應用程序，而 W3C 專注于 XHTML 2.0。在 2006 年，雙方決定進行合作，來創(chuàng)建一個新版本的 HTML。HTML5 建立的一些規(guī)則 新特性應該基于 HTML、CSS、DOM 以及 JavaScript。減少對外部插件的需求（比如 Flash）更優(yōu)秀的錯誤處理更多取代腳本的標記HTML5 應該獨立于設備開發(fā)進程應對公眾透明HTML5 的一些新特性 用于繪畫的 canvas 元素用于媒

8、介回放的 video 和 audio 元素對本地離線存儲的更好的支持新的特殊內容元素，比如 article、footer、header、nav、section新的表單控件，比如 calendar、date、time、email、url、searchHTML 5 視頻視頻直到現(xiàn)在，仍然不存在一項旨在網頁上顯示視頻的標準。今天，大多數(shù)視頻是通過插件（比如 Flash）來顯示的。然而，并非所有瀏覽器都擁有同樣的插件。HTML5 規(guī)定了一種通過 video 元素來包含視頻的標準方法。HTML5實例動畫原理19世紀20年代，英國科學家發(fā)現(xiàn)了人眼的“視覺暫留”現(xiàn)象（物體被移動后其形象在人眼視網膜上還可有約

9、1秒的停留），揭示了連續(xù)分解的動作在快速閃現(xiàn)時產生活動影像的原理。動畫原理（2）根據(jù)視覺暫留原理，當連續(xù)相互關聯(lián)的圖像（一般把靜止的畫面稱為圖像）快速變化時（每秒10幀以上，通常取每秒24幀），人眼看到的這個圖像變化的過程就是視頻。電影、電視、動畫和計算機視頻都是根據(jù)這個原理來實現(xiàn)的。工作界面flash cs4軟件界面基本術語（1）幀組成動畫的每一個畫面就是一個幀，也可以把幀看作是Flash動畫中在最短時間單位里出現(xiàn)的畫面。幀速率（幀頻率）：所謂幀頻率指的是單位時間內播放多少張畫面或圖片。 每一秒鐘要顯示動畫中的12幀畫面，如果動畫有48幀，那么動畫播放的時間就是4秒。 以前的版本中默認是12

10、幀/s；而CS4中的默認為24幀/s。 一般用12幀即可在網絡上用，否則輸出的文件過大?；拘g語（1）幀速率的大小關系： 幀速率越大，表示單位時間內播放的畫面多，也就意味播放的速度快，如果幀速率越小，表示單位時間內播放的畫面少，也就意味播放的速度慢。關鍵幀：指關鍵的圖片或畫面，也是我們做動畫時主要制作的畫面。關鍵幀的分類（1）有圖像的關鍵幀（簡稱關鍵幀），用 表示。（2）無圖像的關鍵幀（簡稱空白關鍵幀）用 表示?；拘g語（2）圖層圖層就像一疊透明紙一樣，每一張紙上面都有不同的畫面，將這些紙疊在一起就組成一幅比較復雜的畫面。在上面一層添加內容，會遮住下面一層中相同位置的內容，但如果上面一層的某個

11、區(qū)域沒有內容，透過這個區(qū)域就可以看到下面一層相同位置的內容。Flash中每個圖層都是相互獨立的，擁有自己的時間軸，包含獨立的幀，用戶可以在一個圖層上任意修改圖層內容，而不會影響到其他圖層。 基本術語（3）元件元件是動畫中可以反復取出使用的一個小部件，它可以是圖形、按鈕或一個小動畫（影片剪輯），它可以獨立于主動畫進行播放。元件可以反復使用，因而不必反復制作相同的動畫或素材，大大提高了工作效率。要使用元件必須打開“庫”面板，將元件拖放到場景中，這個過程就稱為建立了該元件的一個實例，場景中的元件就稱為一個實例。由于一個元件可以調用多次，且調用一次就產生一個實例，因此一個元件可以產生多個實例。 基本術

12、語（4）散件（圖形）：選中對象時出現(xiàn)網紋形狀稱為散件。散件的特點是可以整體選擇移動，也可以部分選擇移動。散件轉變成元件快捷鍵：F8元件的分類：（1）圖形 （2）影片剪輯 （3）按鈕元件轉變成散件快捷鍵：ctrl+b （修改（修改分離）分離）基本術語（7）場景場景是用來組裝測試動畫的場地空間，一個場景由幾個圖層組成的，一個圖層又由許多幀組成。場景在flash中是不可缺少的(至少要有一個場景)。當動畫包含n個場景時，播放器會在播放完第一個場景后自動播放下一個場景的內容直至最后一個場景播放完。一般flash工作流程 要構建 Flash 應用程序，通常需要執(zhí)行下列基本步驟：計劃應用程序。確定應用程序要

13、執(zhí)行哪些基本任務。添加媒體元素。創(chuàng)建并導入媒體元素，如圖像、視頻、聲音和文本等。排列元素。在舞臺上和時間軸中排列這些媒體元素，以定義它們在應用程序中顯示的時間和顯示方式。一般flash工作流程（2）應用特殊效果。根據(jù)需要應用圖形濾鏡（如模糊、發(fā)光和斜角）、混合和其它特殊效果。使用 ActionScript 控制行為。編寫 ActionScript代碼以控制媒體元素的行為方式，包括這些元素對用戶交互的響應方式。測試并發(fā)布應用程序。進行測試以驗證應用程序是否按預期工作，查找并修復所遇到的錯誤。在整個創(chuàng)建過程中應不斷測試應用程序。 將 FLA 文件發(fā)布為可在網頁中顯示并可使用 Flash Playe

14、r 播放的 SWF 文件。 根據(jù)項目和工作方式，可以按不同的順序使用上述步驟。工具使用橢圓工具的使用 常用快捷鍵的使用 1、Shift：繪制正圓 2、Alt：由中心向四周繪制橢圓 3、Alt+shift：由中心向四周繪制正圓更改橢圓的顏色 1、顏料桶工具：用來更改填充色 2、墨水瓶工具：用來更改邊框色注：用選擇工具在圖形內部雙擊可以將填充和邊框全部選中。工具使用矩形和多邊形工具的使用1、常用快捷鍵的使用（1）Shift：繪制正方形（2）Alt：由中心向四周繪制矩形（3）Alt+shift：由中心向四周繪制正方形2、矩形屬性面板（1）矩形屬性面板可以設置矩形的各種屬性：如：圓角大小等。當將圓角值

15、設為正數(shù)，表示是外圓角，如果數(shù)設為負數(shù)，表示是內圓角。同時可以設置四個角的圓角度是否同時設置。（2）單擊矩形邊框可以選擇一條邊，雙擊可以選擇所有邊。3、多邊形屬性面板（1）利用多邊形工具可以繪制多邊形和星形兩種圖形。（2）可以設置多邊形的邊數(shù)和星形的角數(shù)。屬性設置文檔屬性：可以設置文檔（舞臺）的顏色，舞臺的大小，幀頻率等。 不易設置過大也不易過小，過大文件太大，過小文件播放會出現(xiàn)不連續(xù)。散件屬性：可以設置散件大小、邊框色、填充色、邊框粗細、邊框的線型等。如一個矩形的屬性屬性設置元件屬性：可以設置元件的亮度、色調、Alpha不透明度等。幀屬性在幀屬性中可以設置以下參數(shù)（1）緩動：改變對象運動時速

16、度的變化。是越來越快（正數(shù)值）還是越來越慢（負數(shù)值）。還是一直保持勻速運動（0）。（2）旋轉：設置對象移動時旋轉的方向，可以按順時針旋轉也可以按逆時針旋轉。以及旋轉圈數(shù)的設置。圖層的應用圖層的作用：方便對圖形和動畫的管理。對圖形的管理：可以避免散件間重疊時發(fā)生鏤空影響。對動畫的管理：可以在某一時刻同時出現(xiàn)多個動畫。（1）新建圖層（2）刪除圖層（3）圖層改名：直接放在圖層名稱上雙擊。（4）按住alt鍵單擊表示隱藏或顯示其它所有的圖層。圖層的應用（1）鎖定圖層（2）圖層中對象的顯示方式，是以實體顯示還是用輪廓顯示（3）按住alt鍵單擊表示設置其它所有圖層的顯示方式。動畫實例球體跳動1、動畫的分類：

17、（1）位移動畫（2）形變動畫（3）逐幀動畫（4）路徑動畫（5）蒙版動畫（6）腳本動畫 2、常用快捷鍵Ctrl+2：滿畫布顯示F6：插入關鍵幀，并且復制上一關鍵幀的畫面。Shift：水平或垂直移動對象Enter:用flash軟件播放動畫Ctrl+Enter:用flash播放器播放動畫。Ctrl+z:撤消 （flash默認可以恢復100次操作）F7：插入空白關鍵幀Ctrl+c：復制Ctrl+v：粘貼（默認是粘貼畫布的中心）Ctrl+shift+v：原位置粘貼上機練習1跳動的小球1新建文檔設置文檔屬性【步驟1】 新建文檔【步驟2】 打開屬性檢查器 【步驟3】 設置文檔屬性（改：寬400px，12fps）2繪制圖形【步驟1】 設置圓形的顏色（橢圓工具屬性面板，改：無筆觸顏色，填充顏色-顏色面板-“放射性漸變填充”）【步驟2】 繪制圓形 （按住shift鍵拖動，調整好圓形在舞臺中的位置）【步驟3】 調整漸變填充效果（填充變形工具）【步驟4】 按F8將小球轉化為元件 上機練習1跳動的小球3制作動畫【步驟1】 添加關鍵幀 （第0、20、40幀處各添加一個關鍵幀）【步驟2】 調整20幀上小球位置（按住shift鍵拖動）【步驟3】 創(chuàng)建傳統(tǒng)補間動畫【步驟4】修改幀屬性，調整緩動值?！静襟E5】選擇