1、1Flash 網(wǎng)頁設(shè)計網(wǎng)頁設(shè)計 周佳駿周佳駿 jiren_Tel:158565619182第一章第一章 FlashFlash概述概述 Flash發(fā)展歷程發(fā)展歷程 Future Splash Animator(1995，Microsoft、Disney) Flash1 (1996.11 ，Macromedia收購收購) Flash2 (1997.6 ，引入庫的概念，引入庫的概念 ) Flash3 (1998.5 ，增加影片剪輯、，增加影片剪輯、Javascript插件、插件、透明度和獨立播放器）透明度和獨立播放器） Flash4 (1999.6 ，增加變量、文本輸入框、增強，增加變量、文本輸入框

2、、增強的的Actionscript、流媒體、流媒體MP3 ) 3第一章第一章 FlashFlash概述概述 Flash發(fā)展歷程發(fā)展歷程（續(xù)）（續(xù)） Flash 5 (2000.8 ，Javascript 、智能剪輯智能剪輯、 HTMLHTML文本格式）文本格式） Flash MX（2002.3，Unicode、組件、組件、XMLXML、流媒、流媒體視頻編碼）體視頻編碼） Flash MX 2004 (2003.9，文本抗鋸齒、增強的流，文本抗鋸齒、增強的流媒體視頻、媒體視頻、ActionScript 2.0、行為）行為） Flash MX 2004 Pro（2003.9，Web Service

3、s、媒媒體播放組件、體播放組件、 ActionScript2.0的面向?qū)ο缶幊蹋┑拿嫦驅(qū)ο缶幊蹋?4第一章第一章 FlashFlash概述概述 Flash發(fā)展歷程發(fā)展歷程（續(xù)）（續(xù)） Flash 8 (2005.9 ，增強了對視頻支持，可以打包，增強了對視頻支持，可以打包成成Flash視頻，即視頻，即* *.flv.flv文件，改進(jìn)了動作腳本面文件，改進(jìn)了動作腳本面板板) ) Flash 8 Pro (2005.9 ，增強為移動設(shè)備開發(fā)的功，增強為移動設(shè)備開發(fā)的功能，方便創(chuàng)建能，方便創(chuàng)建Flash WebFlash Web ，增強的網(wǎng)絡(luò)視頻，增強的網(wǎng)絡(luò)視頻) ) Flash CS3(2007

4、， Adobe公司收購公司收購MacromediaMacromedia公公司后，首次推出的版本，最新的司后，首次推出的版本，最新的AS3.0AS3.0編程語言編程語言替換原來的替換原來的AS2.0AS2.0編程語言編程語言) ) 5第一章第一章 FlashFlash概述概述 Flash發(fā)展歷程發(fā)展歷程（續(xù)）（續(xù)） Adobe Creative Suite 4 Master Collection（簡稱（簡稱Adobe CS4Adobe CS4，含有最新版的，含有最新版的Flash CS 4Flash CS 4 ）Adobe CS5 (2011Adobe CS5 (2011年年) )6第一章第一章

5、 FlashFlash概述概述 部分版本的進(jìn)入界面部分版本的進(jìn)入界面7第一章第一章 FlashFlash概述概述 部分版本的進(jìn)入界面部分版本的進(jìn)入界面（續(xù)）（續(xù)）8第一章第一章 FlashFlash概述概述 部分版本的進(jìn)入界面部分版本的進(jìn)入界面（續(xù)）（續(xù)）9第一章第一章 FlashFlash概述概述 Flash發(fā)展方向發(fā)展方向應(yīng)用程序開發(fā)應(yīng)用程序開發(fā)軟件系統(tǒng)界面開發(fā)軟件系統(tǒng)界面開發(fā)手機領(lǐng)域的開發(fā)手機領(lǐng)域的開發(fā)游戲開發(fā)游戲開發(fā) WebWeb應(yīng)用服務(wù)應(yīng)用服務(wù)站點建設(shè)站點建設(shè) 多媒體娛樂多媒體娛樂 10第一章第一章 FlashFlash概述概述 Flash特點特點文件較小，適合傳輸文件較小，適合傳輸

6、視覺吸引、動畫和交互視覺吸引、動畫和交互插件方式、瀏覽快速插件方式、瀏覽快速流式技術(shù)，同步實時放映流式技術(shù)，同步實時放映易集成（影片集成、網(wǎng)頁集成）易集成（影片集成、網(wǎng)頁集成）多媒體、聲音處理多媒體、聲音處理優(yōu)秀工具、集繪圖和文字處理于一身優(yōu)秀工具、集繪圖和文字處理于一身11第一章第一章 FlashFlash概述概述 Flash安裝要求安裝要求（Flash 8版本）版本） CPUCPU：P； 內(nèi)存：內(nèi)存：1G； 硬盤剩余空間：硬盤剩余空間：1G； 顯示器分辨率：顯示器分辨率：1024*768 ； 操作系統(tǒng)：操作系統(tǒng)：Windows98/ME/2000/2003/XP/Vista ；12第一章第

7、一章 FlashFlash概述概述 動畫基礎(chǔ)動畫基礎(chǔ) 動畫的定義動畫的定義l 所謂動畫，是利用人類視覺暫留的特性，所謂動畫，是利用人類視覺暫留的特性，快速播放一組靜態(tài)圖像，使視覺產(chǎn)生動態(tài)快速播放一組靜態(tài)圖像，使視覺產(chǎn)生動態(tài)的效果。一般影片采用的效果。一般影片采用2525幅幅/ /秒（秒（PALPAL）或）或3030幅幅/ /秒（秒（NSTCNSTC）。）。 動畫的分類動畫的分類l 從制作技術(shù)和手段角度來看，可分為以手從制作技術(shù)和手段角度來看，可分為以手工繪制為主的傳統(tǒng)動畫和以計算機制作為工繪制為主的傳統(tǒng)動畫和以計算機制作為主的電腦動畫。主的電腦動畫。13第一章第一章 FlashFlash概述概

8、述 傳統(tǒng)動畫的制作傳統(tǒng)動畫的制作l制作流程制作流程u人工繪制靜態(tài)畫面人工繪制靜態(tài)畫面拍攝并存儲到膠片拍攝并存儲到膠片標(biāo)準(zhǔn)速度播放，模擬真實運動效果。標(biāo)準(zhǔn)速度播放，模擬真實運動效果。 l特殊效果的制作特殊效果的制作u高速拍攝，常速播放；高速拍攝，常速播放；u低速拍攝，常速播放。低速拍攝，常速播放。14第一章第一章 FlashFlash概述概述 傳統(tǒng)動畫的制作傳統(tǒng)動畫的制作l 傳統(tǒng)動畫制作的四個階段傳統(tǒng)動畫制作的四個階段創(chuàng)意階段：創(chuàng)意階段：根據(jù)當(dāng)前的材料構(gòu)造影片內(nèi)容，確定多根據(jù)當(dāng)前的材料構(gòu)造影片內(nèi)容，確定多少人參與影片的規(guī)劃和制作。少人參與影片的規(guī)劃和制作。 i 劇本劇本/腳本腳本描述整個故事的詳

9、細(xì)文本，不考慮攝制細(xì)節(jié)描述整個故事的詳細(xì)文本，不考慮攝制細(xì)節(jié) ii 故事板故事板導(dǎo)演根據(jù)劇本繪制類似連環(huán)畫的草圖，片段、場導(dǎo)演根據(jù)劇本繪制類似連環(huán)畫的草圖，片段、場景、鏡頭景、鏡頭 iii攝制表攝制表整個影片制作的進(jìn)度規(guī)劃表，指導(dǎo)動畫創(chuàng)作集體整個影片制作的進(jìn)度規(guī)劃表，指導(dǎo)動畫創(chuàng)作集體各方面人員統(tǒng)一協(xié)調(diào)工作，合理利用人力資源各方面人員統(tǒng)一協(xié)調(diào)工作，合理利用人力資源15第一章第一章 FlashFlash概述概述 傳統(tǒng)動畫的制作傳統(tǒng)動畫的制作l 傳統(tǒng)動畫制作的四個階段傳統(tǒng)動畫制作的四個階段設(shè)計階段：設(shè)計階段：i 設(shè)計設(shè)計人物設(shè)計和情節(jié)設(shè)計。確定前景、背景及道具的形式、人物設(shè)計和情節(jié)設(shè)計。確定前景、背

10、景及道具的形式、形狀和關(guān)系，完成場景環(huán)境好背景圖的設(shè)計制作。對動畫人形狀和關(guān)系，完成場景環(huán)境好背景圖的設(shè)計制作。對動畫人物或其他角色進(jìn)行造型設(shè)計，繪制不同角度的標(biāo)準(zhǔn)頁，供其物或其他角色進(jìn)行造型設(shè)計，繪制不同角度的標(biāo)準(zhǔn)頁，供其他動畫人員參考他動畫人員參考 ii音軌音軌對話與音樂要匹配。在動畫制作前進(jìn)行錄音，把聲音對話與音樂要匹配。在動畫制作前進(jìn)行錄音，把聲音精確的分解到每一幅畫面的位置，最后的音軌必須和畫面位精確的分解到每一幅畫面的位置，最后的音軌必須和畫面位置是對應(yīng)的置是對應(yīng)的 16第一章第一章 FlashFlash概述概述 傳統(tǒng)動畫的制作傳統(tǒng)動畫的制作l 傳統(tǒng)動畫制作的四個階段傳統(tǒng)動畫制作的

11、四個階段具體創(chuàng)作階段具體創(chuàng)作階段i 原畫創(chuàng)作原畫創(chuàng)作由動畫師完成，一般一個動畫師完成一個特定的動由動畫師完成，一般一個動畫師完成一個特定的動作和情節(jié)作和情節(jié)Ii 中間畫創(chuàng)作中間畫創(chuàng)作兩幅原畫之間的畫，先由助理動畫師設(shè)計一些中兩幅原畫之間的畫，先由助理動畫師設(shè)計一些中間畫，其余再由美術(shù)人員內(nèi)插繪制一些角色動作的連接畫，原間畫，其余再由美術(shù)人員內(nèi)插繪制一些角色動作的連接畫，原則是，在各原畫之間追加的內(nèi)插的連續(xù)動作的畫，要符合指定則是，在各原畫之間追加的內(nèi)插的連續(xù)動作的畫，要符合指定的動畫時間，使之能表現(xiàn)的接近自然動作的動畫時間，使之能表現(xiàn)的接近自然動作iii靜電復(fù)制和墨水掃描靜電復(fù)制和墨水掃描使用

12、特定的靜電復(fù)制攝像機將草圖使用特定的靜電復(fù)制攝像機將草圖轉(zhuǎn)移到醋酸纖維膠片上，然后再用手工給印在膠片上的畫面的轉(zhuǎn)移到醋酸纖維膠片上，然后再用手工給印在膠片上的畫面的線條進(jìn)行描墨線條進(jìn)行描墨iv著色渲染著色渲染對膠片進(jìn)行著色對膠片進(jìn)行著色17第一章第一章 FlashFlash概述概述 傳統(tǒng)動畫的制作傳統(tǒng)動畫的制作l 傳統(tǒng)動畫制作的四個階段傳統(tǒng)動畫制作的四個階段拍攝攝制階段拍攝攝制階段i 檢查檢查動畫師對每一個動作進(jìn)行細(xì)致的檢查動畫師對每一個動作進(jìn)行細(xì)致的檢查ii 拍攝拍攝將動畫拍攝到彩色膠卷或錄像帶上。背景放在最將動畫拍攝到彩色膠卷或錄像帶上。背景放在最下層，中間各層是不同的角色或前景等，通過移

13、動各層下層，中間各層是不同的角色或前景等，通過移動各層產(chǎn)生動畫效果產(chǎn)生動畫效果iii剪輯剪輯動畫制作最后一步，是后期制作階段一部分動畫制作最后一步，是后期制作階段一部分18第一章第一章 FlashFlash概述概述 電腦動畫的制作電腦動畫的制作l什么是電腦動畫？與傳統(tǒng)動畫的區(qū)別？什么是電腦動畫？與傳統(tǒng)動畫的區(qū)別？u利用傳統(tǒng)動畫基本原理，配合科學(xué)與藝?yán)脗鹘y(tǒng)動畫基本原理，配合科學(xué)與藝術(shù)，突破靜態(tài)、平面圖像的限制，創(chuàng)造術(shù)，突破靜態(tài)、平面圖像的限制，創(chuàng)造出栩栩如生的動畫作品。出栩栩如生的動畫作品。u與傳統(tǒng)動畫相比，后者制作精細(xì)、艱苦，與傳統(tǒng)動畫相比，后者制作精細(xì)、艱苦，制作費用相當(dāng)昂貴。制作費用相當(dāng)

14、昂貴。 19第一章第一章 FlashFlash概述概述l二維電腦動畫的制作二維電腦動畫的制作u設(shè)計劇本設(shè)計劇本u繪制或攝取手稿圖像繪制或攝取手稿圖像u將繪制或攝取圖像轉(zhuǎn)換為透明畫面將繪制或攝取圖像轉(zhuǎn)換為透明畫面u畫面的調(diào)整和修改畫面的調(diào)整和修改u著色渲染著色渲染 u預(yù)演預(yù)演u錄制錄制20第一章第一章 FlashFlash概述概述l三維電腦動畫的制作三維電腦動畫的制作u設(shè)計劇本設(shè)計劇本u預(yù)處理預(yù)處理u造型造型u材質(zhì)材質(zhì)u光效光效 u運動設(shè)定運動設(shè)定u動畫的渲染動畫的渲染u動畫的預(yù)演動畫的預(yù)演u后期處理后期處理u錄制錄制21第一章第一章 FlashFlash概述概述l電腦動畫的運動控制生成電腦動畫

15、的運動控制生成u關(guān)鍵幀插值技術(shù)；關(guān)鍵幀插值技術(shù)；u變形動畫技術(shù)（變形動畫技術(shù)（FFDFFD）；）；u過程動畫。過程動畫。l動畫腳本描述語言動畫腳本描述語言uLogoLogo語言語言 uASASASAS語言語言 uCINEMIRACINEMIRA語言語言 uTDI ExploreTDI Explore腳本語言腳本語言 22第一章第一章 FlashFlash概述概述l電腦動畫的應(yīng)用與發(fā)展趨勢電腦動畫的應(yīng)用與發(fā)展趨勢u制作影片特技、制作游戲等；制作影片特技、制作游戲等；u研究虛擬現(xiàn)實的動畫系統(tǒng)，其運動控制研究虛擬現(xiàn)實的動畫系統(tǒng)，其運動控制將是使人工智能和機器人技術(shù)自動執(zhí)行。將是使人工智能和機器人技術(shù)

16、自動執(zhí)行。 23第一章第一章 FlashFlash概述概述 Flash動畫設(shè)計的知識體系動畫設(shè)計的知識體系 摘要摘要l 明確闡述了在應(yīng)用明確闡述了在應(yīng)用FlashFlash進(jìn)行動畫創(chuàng)作和部進(jìn)行動畫創(chuàng)作和部署的完整知識，對知識體系進(jìn)行了總結(jié)歸署的完整知識，對知識體系進(jìn)行了總結(jié)歸納，在知識不斷增長和爆炸的時代，我們納，在知識不斷增長和爆炸的時代，我們建立一個邏輯的知識體系，以利于用戶快建立一個邏輯的知識體系，以利于用戶快速、準(zhǔn)確、完整地掌握它。速、準(zhǔn)確、完整地掌握它。 24第一章第一章 FlashFlash概述概述 Flash動畫設(shè)計的知識體系動畫設(shè)計的知識體系 （續(xù)）（續(xù)） 關(guān)鍵詞關(guān)鍵詞l 動畫

17、、三大基本功能、繪圖、編輯圖形、動畫動畫、三大基本功能、繪圖、編輯圖形、動畫補間、形狀補間，引導(dǎo)線，遮罩、時間軸，影補間、形狀補間，引導(dǎo)線，遮罩、時間軸，影片剪輯、濾鏡、圖像混合模式、聲音、視頻、片剪輯、濾鏡、圖像混合模式、聲音、視頻、 Flash、Flash Player、ActionScript。25第一章第一章 FlashFlash概述概述 Flash動畫設(shè)計的知識體系動畫設(shè)計的知識體系（續(xù)）（續(xù)） 正文正文l Flash動畫設(shè)計的三大基本功能是整個動畫設(shè)計的三大基本功能是整個FlashFlash動動畫設(shè)計知識體系中最重要、也是最基礎(chǔ)的，包畫設(shè)計知識體系中最重要、也是最基礎(chǔ)的，包括：繪圖

18、和編輯圖形（括：繪圖和編輯圖形（基本基本）、補間動畫（）、補間動畫（核核心心）和遮罩（）和遮罩（出彩點出彩點）。）。l 這是三個緊密相連的邏輯功能。這是三個緊密相連的邏輯功能。Flash動畫說到動畫說到底就是底就是“遮罩遮罩+ +補間動畫補間動畫+ +逐幀動畫逐幀動畫”與元件與元件（主要是影片剪輯）的混合物，通過這些元素（主要是影片剪輯）的混合物，通過這些元素的不同組合，從而可以創(chuàng)建千變?nèi)f化的效果。的不同組合，從而可以創(chuàng)建千變?nèi)f化的效果。 26第一章第一章 FlashFlash概述概述 Flash的工作界面的工作界面菜單欄（菜單欄（1010大功能）大功能） 工具欄（工具欄（4 4部分）部分）舞臺與標(biāo)尺欄舞臺與標(biāo)尺欄時間軸時間軸屬性面板屬性面板面板（面板（3 3類）類）2728第一章第一章 FlashFlash概述概述 Flash動畫的制作過程動畫的制作過程 動畫創(chuàng)意設(shè)計動畫創(chuàng)意設(shè)計 l 明確目的明確目的構(gòu)造影片內(nèi)容構(gòu)造影片內(nèi)容寫出詳細(xì)劇本寫出詳細(xì)劇本設(shè)計具體場景；設(shè)計具體場景；l 人物設(shè)計和情節(jié)設(shè)計。人物設(shè)計和情節(jié)設(shè)計。 動畫場景和鏡頭的制作動畫場景和鏡頭的制作l 在制作過程中，一般以鏡頭為制作單位，在制作過程中，一般以鏡頭為制作單位，最終把鏡頭串接起來構(gòu)成場景；最終把鏡頭串接起來構(gòu)成場景；l FlashFlash中，軟件可以自動完成三種