Flashcs5基礎(chǔ)知識課件

Flash技能培訓(xùn)授課老師：羅萍了解動(dòng)畫的起源與發(fā)展。掌握動(dòng)畫制作的原則。了解Flash的發(fā)展歷史。了解FlashCS5的工作界面。掌握Flash動(dòng)畫制作流程。本章學(xué)習(xí)要求第1章FlashCS5動(dòng)畫制作基礎(chǔ)知識1.1動(dòng)畫設(shè)計(jì)綜述1.2FlashCS5動(dòng)畫設(shè)計(jì)簡介1.3制作第一個(gè)Flash動(dòng)畫本章大綱1.1

動(dòng)畫設(shè)計(jì)綜述1.1.1動(dòng)畫的應(yīng)用領(lǐng)域Flash動(dòng)畫被廣泛應(yīng)用于網(wǎng)頁設(shè)計(jì)、網(wǎng)頁廣告、網(wǎng)絡(luò)動(dòng)畫、多媒體教學(xué)課件、游戲、企業(yè)宣傳、產(chǎn)品展示和電子相冊等領(lǐng)域。網(wǎng)頁廣告Flash音樂動(dòng)畫迪斯尼公司于20世紀(jì)30年代提出了動(dòng)畫制作的12條原則，這些原則為動(dòng)畫師們找到了表現(xiàn)精致復(fù)雜動(dòng)畫的方法。

下面詳細(xì)講解這12條基本動(dòng)畫原則。

1.1.2

動(dòng)畫的設(shè)計(jì)原則掌握時(shí)序。慢入和慢出?；⌒蝿?dòng)作。預(yù)期性。使用夸張。擠壓和伸展。輔助動(dòng)作。完成動(dòng)作和重疊動(dòng)作。逐幀動(dòng)畫和關(guān)鍵幀動(dòng)畫。布局。吸引力。個(gè)性。

1.1.3

常用動(dòng)畫制作軟件簡介三維動(dòng)畫制作軟件目前最常見的三維動(dòng)畫制作軟件有3dsMax、Maya、SoftImage和Lightwave等。交互式二維動(dòng)畫制作軟件Flash

在眾多的二維動(dòng)畫制作軟件中，F(xiàn)lash最為璀璨，隨著Flash的發(fā)展，F(xiàn)lash已經(jīng)逐漸成為二維動(dòng)畫制作軟件的代名詞。

每個(gè)人創(chuàng)建Flash動(dòng)畫的習(xí)慣不同，但都會遵循一個(gè)基本的流程。下面介紹創(chuàng)建Flash動(dòng)畫的流程。⑤發(fā)布作品①前期策劃②準(zhǔn)備素材④后期調(diào)試③制作動(dòng)畫1.1.4Flash動(dòng)畫創(chuàng)作流程1.2

FlashCS5動(dòng)畫設(shè)計(jì)簡介Flash動(dòng)畫制作流程

Flash動(dòng)畫制作流程十分的簡單，分為：新建Flash文檔、編輯場景、保存影片、發(fā)布影片4個(gè)步驟，其中編輯動(dòng)畫部分是流程的關(guān)鍵，發(fā)布影片控制著發(fā)布影片的大小、質(zhì)量和文件格式等重要性質(zhì)，所以也是十分重要的。二.FlashCS5界面介紹1.2.1FlashCS5簡介啟動(dòng)FlashCS5并熟悉工作界面啟動(dòng)FlashCS51.單擊“開始”按鈕，在彈出的菜單中選擇“所有程序”>“AdobeDesignPremiumCS5”>“AdobeFlashProfessionalCS5”，或雙擊桌面上的圖標(biāo)。

正確安裝FlashCS5并進(jìn)行注冊后，可參照以下步驟啟動(dòng)FlashCS5。FlashCS5開始頁單擊此處的選項(xiàng)，可使用系統(tǒng)自帶的一些模板制作Flash動(dòng)畫單擊該選項(xiàng)可打開“打開”對話框，從中可選擇要打開的文檔單擊“ActionScript3.0”或者“ActionScript2.0”選項(xiàng)即可新建一個(gè)Flash文檔，并進(jìn)入FlashCS5的工作界面。2.打開FlashCS5的開始頁FlashCS5工作界面可以看到其工作界面由標(biāo)題欄、菜單欄、文檔選項(xiàng)卡、主工具欄、時(shí)間軸、編輯欄、舞臺、工具箱和多個(gè)控制面板等組成。3.進(jìn)入FlashCS5的工作界面后“時(shí)間軸”面板：默認(rèn)情況下，“時(shí)間軸”面板位于舞臺下方，用于組織和控制動(dòng)畫內(nèi)容，它主要包括圖層和時(shí)間幀兩部分。“時(shí)間軸”面板的左側(cè)區(qū)域顯示了動(dòng)畫中包含的圖層名稱及其相應(yīng)狀態(tài)，右側(cè)顯示了各圖層的時(shí)間軸。圖層區(qū)播放頭時(shí)間幀標(biāo)尺時(shí)間幀時(shí)間幀狀態(tài)欄“時(shí)間軸”面板

1.2.2

牛刀小試──簡單動(dòng)畫【設(shè)計(jì)思路】新建文檔。制作背景。制作文字。補(bǔ)間動(dòng)畫。保存影片。發(fā)布影片?！驹O(shè)計(jì)效果】創(chuàng)建圖所示效果。最終效果操作要求：實(shí)現(xiàn)“從零開始學(xué)Flash”幾個(gè)文字由右運(yùn)動(dòng)到左的動(dòng)畫效果?！静僮鞑襟E】創(chuàng)建新文件。

選擇【新建】/【Flash文件（ActionScript2.0）】命令，新建一個(gè)Flash文檔。

【要點(diǎn)提示】此處選擇【Flash文件（ActionScript3.0）】和【Flash文件（ActionScript2.0）】差別在于其動(dòng)畫文件支持的后臺腳本不同。ActionScript2.0主要針對對象編寫代碼，編寫時(shí)語言很簡單，而ActionScript3.0較為復(fù)雜。

制作背景。選擇【修改】/【文檔】菜單命令，打開【文檔屬性】對話框，將【高】選項(xiàng)改為“400像素”，【寬】為“500像素”。3.添加文字使用工具箱中的文字工具，輸入“從零開始學(xué)Flash”的靜態(tài)文本，字體設(shè)為“華文琥珀”，大小設(shè)為“60”。4.制作動(dòng)畫將文字拖放到舞臺最右邊外側(cè)。在第60幀上插入關(guān)鍵幀（按F6），將文字拖放到舞臺最左邊外側(cè)。在時(shí)間軸面板上，設(shè)置補(bǔ)間為“創(chuàng)建傳統(tǒng)補(bǔ)間”。5.保存文件將制作的文件保存為“我的第一個(gè)動(dòng)畫.fla”。按Ctrl+Enter快捷鍵自動(dòng)生成SWF文件。

1.2.3

高手接招──大紅大吉【設(shè)計(jì)思路】新建文檔。制作背景。制作文字。導(dǎo)入素材。保存影片。發(fā)布影片?！驹O(shè)計(jì)效果】創(chuàng)建圖1-13所示效果。最終效果【操作步驟】創(chuàng)建新文件。

選擇【新建】/【Flash文件（ActionScript2.0）】命令，新建一個(gè)Flash文檔。

制作背景。選擇【修改】/【文檔】菜單命令，打開【文檔屬性】對話框，將【高】選項(xiàng)改為“300像素”。將默認(rèn)的“圖層1”重命名為“背景”層。選擇【矩形】工具，在舞臺上繪制一個(gè)矩形，效果如圖1-16所示。選擇【選擇】工具

，雙擊剛才繪制的矩形，然后在【屬性】面板中按照圖1-17進(jìn)行設(shè)置。在【顏色】面板中，設(shè)置線性漸變的第1個(gè)色塊顏色為“FF0000”（紅色），第2個(gè)色塊顏色為“CC0000”（暗紅色）。

【要點(diǎn)提示】

在設(shè)置【顏色】面板的屬性時(shí)，一定要保證矩形處于被選中的狀態(tài)，否則矩形的顏色將無法改變。圖1-16繪制矩形設(shè)置矩形屬性圖1-7輸入文字。在“背景”層上面新建一個(gè)“文字”層。選擇【文字】工具

，在舞臺上輸入“AdobeFlashCS5”文字，如圖1-20所示。圖1-20輸入文字將文字全部選中，設(shè)置字體為“Zombie”，字體大小為“50”，填充顏色為“FFFF00”（黃色），選區(qū)的x和y坐標(biāo)分別為“80”、“120”，如圖1-21所示。圖1-21設(shè)置文字屬性至此文字制作成功，其效果如圖1-22所示。圖1-22文字效果導(dǎo)入素材。在“文字”層下面新建一個(gè)“特效”層。選擇【文件】/【導(dǎo)入】/【打開外部庫】菜單命令，將教學(xué)資源包中的“素材\第一章\特效庫.fla”文件打開，如圖1-24所示。圖1-24打開特效庫按下鼠標(biāo)左鍵拖動(dòng)鼠標(biāo)光標(biāo)，將“星星”元件拖曳到舞臺中，在拖曳過程中操作界面中會自動(dòng)顯示“星星”元件的虛框，然后將其放置到圖1-25所示的位置。圖1-25拖入素材保存和發(fā)布影片。動(dòng)畫制作完成，按Ctrl＋S快捷鍵保存影片。選擇【文件】/【發(fā)布設(shè)置】菜單命令，打開圖1-26所示的【發(fā)布設(shè)置】對話框。

【要點(diǎn)提示】

在【發(fā)布設(shè)置】對話框的【格式】選項(xiàng)卡中可以設(shè)置發(fā)布影片的格式和路徑，在【Flash】選項(xiàng)卡中可以設(shè)置發(fā)布文件的播放器版本、壓縮比例、防止導(dǎo)入等重要屬性。全部保持默認(rèn)設(shè)置，單擊按鈕，發(fā)布影片，然后單擊

按鈕完成發(fā)布設(shè)置（也可以按F12快捷鍵發(fā)布影片）。至此動(dòng)畫制作完成。圖1-26發(fā)布設(shè)置【要點(diǎn)提示】通常在制作過程中，需要實(shí)時(shí)地測試和觀看影片效果，并不需要正式發(fā)布影片，所以可用快捷鍵Ctrl＋Enter測試影片。【案例小結(jié)】在本案例中，通過一個(gè)十分簡單的Flash動(dòng)畫制作，為讀者簡述了制作Flash動(dòng)畫的流程和思路。例子雖然比較簡單，卻包含了制作復(fù)雜Flash動(dòng)畫的各個(gè)基本步驟。所以希望通過本案例的操作，對FlashCS