Flash CC動(dòng)畫設(shè)計(jì)與制作課件：Flash CC基礎(chǔ)知識(shí)

FlashCC動(dòng)畫設(shè)計(jì)與制作FlashCC基礎(chǔ)知識(shí)教學(xué)目標(biāo)1.熟悉FlashCC操作界面。2.了解繪制的基本概念。3.掌握文件的基本操作。4.掌握頁面設(shè)置的基本操作。教學(xué)內(nèi)容：

FlashCC是一款優(yōu)秀的設(shè)計(jì)和制作二維動(dòng)畫的專業(yè)軟件，它采用了網(wǎng)絡(luò)流式媒體技術(shù)和矢量技術(shù)，突破了網(wǎng)絡(luò)帶寬的限制，能在網(wǎng)絡(luò)上快速地播放動(dòng)畫，并實(shí)現(xiàn)動(dòng)畫交互。本章帶領(lǐng)大家了解Flash的歷史、現(xiàn)狀和未來，并介紹FlashCC中的新增功能以及操作界面、軟件的安裝與卸載、新建Flash文檔等。這些知識(shí)是FlashCC的基礎(chǔ)內(nèi)容，對(duì)后續(xù)的進(jìn)階學(xué)習(xí)非常重要，是必須熟練掌握的。目錄

1.1認(rèn)識(shí)Flash動(dòng)畫1.2FlashCC的安裝與卸載1.3FlashCC新增功能介紹1.4FlashCC操作界面介紹1.5綜合案例（一）繪制鉛筆1.6綜合案例（二）繪制燈籠本章小結(jié)1.1認(rèn)識(shí)Flash動(dòng)畫

1.1.1Flash歷史回顧

1.1.2Flash應(yīng)用領(lǐng)域與市場(chǎng)1.1.3Flash動(dòng)畫特點(diǎn)

1.1.1Flash歷史回顧

Flash的前身是一家名為FutureWave的小公司于1996年發(fā)布的FutureSplashAnimator，它是世界上第一個(gè)商用二維矢量動(dòng)畫軟件。1997年，一直致力于在網(wǎng)頁多媒體市場(chǎng)上發(fā)展的Macromedia公司收購了該公司，先后發(fā)布了Flash3、Flash4、和Flash5，得到了用戶的認(rèn)可。2003年12月，在眾多用戶的期待和關(guān)心中，增強(qiáng)了多媒體功能的FlashMX2004發(fā)布了。到了2005年，F(xiàn)lash發(fā)展到了最新的Flash8版本，各方面的性能進(jìn)一步提高。2005年底，Macromedia公司被Adobe公司收購，同年發(fā)布了FlashCS3.0。如果說FlashCS3.0的發(fā)布是Flash新世紀(jì)的開端，那么2008年9月FlashCS4.0的發(fā)布就是Flash發(fā)展史上的“工業(yè)革命”。從FlashCS4以全新的Flash動(dòng)畫制作開創(chuàng)一個(gè)新時(shí)代。到2013年9月，AdobeFlashProfessionalCC誕生了，這是Flash目前最新的版本，它是一個(gè)新的軟件設(shè)計(jì)理念溶入，仿佛是回歸，又仿佛是飛躍，它精簡(jiǎn)并提升和完善了CS系列的很多元素，開始界面也較之前的版本更具有視覺沖擊力，功能也變得更加強(qiáng)大了。

1.1.2Flash應(yīng)用領(lǐng)域與市場(chǎng)

Flash技術(shù)不斷推陳出新，繼席卷網(wǎng)頁設(shè)計(jì)、網(wǎng)絡(luò)廣告之后，電影、電視、教育、卡通、聲樂也成為展示風(fēng)采的舞臺(tái)。Flash從網(wǎng)絡(luò)走向電影、電視、教育、卡通、聲樂，推動(dòng)了傳統(tǒng)媒體和互聯(lián)網(wǎng)媒體的融合。在影視電影領(lǐng)域，如寶馬汽車推出的網(wǎng)絡(luò)電影《Thehire》，也是靠運(yùn)用了大量的Flash技術(shù)。在廣告動(dòng)畫領(lǐng)域，以動(dòng)畫為主的廣告形式也隨之出現(xiàn)，它不但可以給創(chuàng)意策劃帶來更大的空間，而且也節(jié)省了財(cái)力物力，可避免實(shí)物拍攝所產(chǎn)生的弊端。最重要的能給觀眾帶來一個(gè)全新的視覺感受，讓人們?cè)趭蕵返耐瑫r(shí)對(duì)廣告宣傳的產(chǎn)品有了一個(gè)深刻的記憶。目前，新浪、搜狐、亞馬遜、京東、淘寶等大型門戶商業(yè)網(wǎng)站都很大程度地使用了Flash動(dòng)畫。在教育教學(xué)領(lǐng)域，相對(duì)于以往的PPT制作課件，用Flash制作更為靈活、互動(dòng)性強(qiáng)，特別是網(wǎng)絡(luò)教學(xué)的方式更能突出其優(yōu)勢(shì)，更能激發(fā)學(xué)習(xí)興趣。在二維動(dòng)畫片領(lǐng)域，如《喜羊羊和灰太狼》、《奇趣俱樂部》等，都受到了業(yè)內(nèi)人士及大眾的一致好評(píng)。可見，中國(guó)電視觀眾已經(jīng)完全接受了Flash動(dòng)畫這種新的藝術(shù)表現(xiàn)形式。短短幾年時(shí)間，F(xiàn)lash動(dòng)畫就從網(wǎng)絡(luò)迅速推廣到影視媒介，其發(fā)展速度之快，出乎很多人的意料。在音樂領(lǐng)域，網(wǎng)絡(luò)視頻音頻播放器能迅速打開，一邊加載一邊播放，減少了緩存時(shí)間。網(wǎng)絡(luò)MTV、FlashMV更好的提供了在唱片宣傳上既保證質(zhì)量又降低成本的有效途徑。國(guó)外許多流行歌手，以Flash制作的MTV可以同時(shí)在網(wǎng)絡(luò)與電視臺(tái)播出。國(guó)內(nèi)眾多歌手也紛紛嘗試效仿FlashMV。動(dòng)態(tài)賀卡、請(qǐng)柬，加入了聲音、動(dòng)畫等元素，更具互動(dòng)性。在游戲領(lǐng)域，鑒于體積小、互動(dòng)性強(qiáng)、便于網(wǎng)絡(luò)傳播的特點(diǎn)，如今很多網(wǎng)頁游戲都是用Flash開發(fā)制作的，索尼公司也宣布它將把這項(xiàng)技術(shù)用于制作PLAYSTATION2的片頭，為DVD游戲軟件節(jié)省更多的空間。游戲互動(dòng)程序開發(fā)，如：制作投影游戲互動(dòng)，人在投射區(qū)域里行走，水會(huì)出現(xiàn)波紋，同時(shí)會(huì)驚動(dòng)到水中的魚；手劃過投射區(qū)，該區(qū)域出現(xiàn)的水果就會(huì)被切成兩半，同事果汁會(huì)濺到墻面等效果。

1.1.3Flash動(dòng)畫特點(diǎn)

Flash是一種交互的矢量動(dòng)畫，能夠在低文件數(shù)據(jù)傳輸率下實(shí)現(xiàn)高質(zhì)量的動(dòng)畫效果。除此之外，相對(duì)于其他動(dòng)畫而言，F(xiàn)lash動(dòng)畫還具有以下顯著特點(diǎn)。1．矢量圖形系統(tǒng)2．支持流式下載3．支持平臺(tái)廣泛4．Flash動(dòng)畫文件容量小5．多種多樣的文件格式6．交互式動(dòng)畫1.2FlashCC的安裝與卸載

1.2.1FlashCC軟件的安裝

1.2.2FlashCC軟件的卸載1.2.3啟動(dòng)與退出

1.2.1FlashCC軟件的安裝第1步：在相應(yīng)的文件夾下雙擊Set-up.exe軟件安裝程序。第2步：雙擊Set-up.exe軟件安裝程序”，就會(huì)彈出“Adobe安裝程序”對(duì)話框。第3步：初始化程序完成后，會(huì)彈出AdobeFlashProfessionalCC的歡迎對(duì)話框，用鼠標(biāo)在該界面中，單擊左鍵選擇“安裝”選項(xiàng)。第4步：畫面會(huì)彈出“Adobe軟件許可協(xié)議”界面，單擊“接受”按鈕。第5步：畫面彈出“序列號(hào)”界面，在對(duì)應(yīng)的文本框內(nèi)輸入序列號(hào)，然后單擊“下一步”按鈕。第6步：畫面彈出“選項(xiàng)”界面，為其更改一個(gè)正確的安裝路徑，設(shè)置完成后，單擊“安裝”按鈕。第7步：此時(shí)顯示“安裝”界面，安裝過程以進(jìn)度條的形式顯示。第8步：進(jìn)入“安裝完成”界面，單擊“關(guān)閉”按鈕，完成安裝。

1.2.2FlashCC軟件的卸載第1步：?jiǎn)螕綦娔X桌面的“開始”按鈕或“Windows”圖標(biāo)，選擇“所有程序”菜單欄下的“控制面板”命令。第2步：彈出“控制面板”窗口，鼠標(biāo)左鍵單擊“程序—卸載程序”選項(xiàng)。第3步：彈出“卸載或更改程序”界面，在界面中選擇AdobeFlashProfessionalCC選項(xiàng)，鼠標(biāo)左鍵單擊“卸載”命令。第4步：彈出“卸載選項(xiàng)”界面，根據(jù)自己的需求勾選卸載內(nèi)容，然后鼠標(biāo)左鍵單擊“卸載”按鈕。第5步：進(jìn)入“卸載”界面，進(jìn)度條顯示卸載過程。第6步：卸載完成后，彈出“卸載完成”界面，鼠標(biāo)左鍵單擊“關(guān)閉”按鈕，完成FlashCC卸載。1.2.3啟動(dòng)與退出1．啟動(dòng)FlashCC，常見的啟動(dòng)方式有3種。第1種：執(zhí)行單擊“開始”按鈕，選擇“程序”菜單中的FlashCC命令啟動(dòng)程序，如圖1-16所示。（首次啟動(dòng)將彈出登錄歡迎界面。）第2種：在電腦桌面上單擊（AdobeFlashprofessionalCC）的快捷方式。第3種：雙擊Flash相關(guān)聯(lián)的文檔，即雙擊一個(gè)Flash文檔。2．退出FlashCC，常見的退出方式有4種。第1種：在菜單欄中選擇【文件】>【退出】命令，即可退出Flash。第2種：在程序窗口左上角的圖標(biāo)上右擊，在彈出的快捷菜單中選擇【關(guān)閉】命令，如圖1—17所示。第3種：?jiǎn)螕舫绦虼翱谟疑辖堑陌粹o，關(guān)閉FlashCC。第4種：按Alt+F4組合鍵關(guān)閉FlashCC。

1.3FlashCC新增功能介紹

1．云同步2．64位的系統(tǒng)和高清導(dǎo)出3．用戶界面4．實(shí)時(shí)測(cè)試和代碼5．時(shí)間軸和畫板繪制1.4FlashCC操作界面介紹

1.4.1啟動(dòng)并新建空白文檔1.4.2菜單欄1.4.3時(shí)間軸1.4.4工具箱1.4.5場(chǎng)景和舞臺(tái)1.4.6操作工作區(qū)1.4.7“屬性”面板1.4.1啟動(dòng)并新建空白文檔1．啟動(dòng)FlashCC后，彈出開始頁面。2．新建文檔3．文檔背景顏色設(shè)定4．文檔大小設(shè)定5．動(dòng)畫播放速率設(shè)定6．打開文檔7．文檔內(nèi)容測(cè)試8．保存和關(guān)閉文檔1.4.2菜單欄【文件】菜單、【編輯】菜單、【視圖】菜單、【插入】菜單、【修改】菜單、【文本】菜單、【命令】菜單、【控制】菜單、【調(diào)試】菜單、【窗口】菜單、【幫助】菜單1.4.3時(shí)間軸時(shí)間軸是Flash動(dòng)畫制作的基礎(chǔ)操作面板，分別由顯示播放狀況的“幀”、“幀查看窗口”、和表示階層的“圖層”“圖層查看窗口”等組成?？梢钥刂朴捌シ藕屯Ｖ沟炔僮?。時(shí)間軸上的每一個(gè)小格叫做幀，是Flash動(dòng)畫最小的時(shí)間單位。連續(xù)的幀保持著相仿的動(dòng)作軌跡，便形成了動(dòng)畫。1.4.4工具箱工具箱是在Flash動(dòng)畫制作的過程中不能缺少的。和普通Photoshop軟件一樣工具箱里工具的使用方式和功能都極為相似。通常人們會(huì)用工具箱中的工具來繪制和編輯矢量圖形，以達(dá)到不同的繪制效果。主要由選擇變換工具、繪畫工具、繪畫調(diào)整工具、視圖工具、顏色工具、工具選項(xiàng)區(qū)等6部分組成。1.4.5場(chǎng)景和舞臺(tái)場(chǎng)景是專門用來容納、包含圖層里面的各種對(duì)象的平臺(tái)。舞臺(tái)是創(chuàng)作影片中各個(gè)幀的內(nèi)容的區(qū)域，可以在其中進(jìn)行編輯、修改動(dòng)畫、繪制圖像或安排導(dǎo)入圖像的場(chǎng)所。生成swf格式的文件中，只會(huì)播放出舞臺(tái)上出現(xiàn)的對(duì)象。Flash允許建立一個(gè)或多個(gè)甚至N個(gè)場(chǎng)景，以此來擴(kuò)充更多的舞臺(tái)范圍。簡(jiǎn)單的說，舞臺(tái)就像是話劇里演員站著的舞臺(tái)一樣，而場(chǎng)景就是這個(gè)話劇的一幕戲。1.4.6操作工作區(qū)操作工作區(qū)是舞臺(tái)外圍繞舞臺(tái)的灰色區(qū)域，可以放置對(duì)象，通常用作動(dòng)畫的開始和結(jié)束點(diǎn)的設(shè)置，最終作品中工作區(qū)內(nèi)的對(duì)象是不會(huì)顯示的。如圖1—39所示，灰色部分為操作工作區(qū)。1.4.7“屬性”面板“屬性”面板的內(nèi)容不是固定的，它會(huì)顯示所選中對(duì)象的屬性信息，并通過該面板對(duì)對(duì)象進(jìn)行編輯修改，提高了動(dòng)畫編輯的工作效率和準(zhǔn)確性。1.5綜合案例（一）繪制鉛筆

1.5.1案例描述

1.5.2制作步驟

1.5.1案例描述

本案例使用透視的原理進(jìn)行鉛筆的排列，利用近大遠(yuǎn)小，讓作品產(chǎn)生強(qiáng)烈的空間感、立體感以及豐富的層次感，是把三維空間呈現(xiàn)在平面上的一種方法。制作過程中，通過使用“矩形工具”、“橢圓工具”等繪圖工具繪制，使用“顏料桶工具”對(duì)繪制的鉛筆上色。最終如效果圖所示。

1.5.2制作步驟

制作過程中主要使用“矩形工具”、“多邊星形工具”、“線條工具”、“鋼筆工具”等組合完成。1.6綜合案例（二）繪制燈籠

1.6.1案例描述

1.6.2制作步驟

1.6.1案例描述

本案例制作一個(gè)大紅燈籠高高掛起，以增添節(jié)日的喜慶氣氛。該案例主要練習(xí)Flash繪圖及屬性設(shè)置能力，制作過程中使用文件導(dǎo)