資源描述:
《flash動畫課件一.ppt》由會員上傳分享,免費在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、學習目標第1講Flash動畫制作基礎(chǔ)熟悉Flashcs3的設(shè)計環(huán)境及流程了解Flashcs3制作逐幀動畫的方法1.1熟悉Flashcs3的設(shè)計環(huán)境1.2Flashcs3動畫制作流程1.3課后作業(yè)1.1熟悉Flashcs3的設(shè)計環(huán)境1.1.1知識點講解在開始對Flashcs3進行深入的動畫制作學習之前,首先對Flashcs3的設(shè)計界面進行一個初步的認識。Flash的前身叫做FutureSplashAnimator,由美國的喬納森·蓋伊在1996年夏季正式發(fā)行,并很快獲得了微軟和迪斯尼兩大巨頭公司的青睞,分別成為其兩個最大的客戶。1.1
2、.2范例解析──Flashcs3用戶界面介紹1、歡迎界面。圖1-1歡迎界面2、操作界面。圖1-2操作界面。菜單欄浮動面板區(qū)時間軸舞臺工具面板屬性面板1.1.3課堂練習──Flashcs3用戶基本操作運行Flashcs3主程序。在歡迎界面中選擇選項,新建一個Flash文檔。依次單擊【菜單欄】上的各個選項展開其子項,查看并分析各個命令的用途。利用【工具面板】上的各種繪圖工具進行繪圖操作。選擇不同的對象,在【屬性面板】中觀察屬性參數(shù)的變換情況1.2Flashcs3動畫制作流程Flashcs3動畫制作的一般流程對于動畫初學者是很有必要掌握的
3、,在本小節(jié)將從其知識點出發(fā),最后以簡單的實例操作來帶領(lǐng)讀者牢固掌握該流程。1.2.1知識點講解利用Flash進行動畫開發(fā),一般都需要經(jīng)過一個較為固定的流程,如下所示。新建文檔設(shè)置文檔屬性動畫編輯保存動畫發(fā)布設(shè)置發(fā)布測試動畫確定新建的Flash文檔類型確定文檔大小、幀頻、背景顏色等屬性動畫制作主體,完成絕大部分創(chuàng)作工作確定動畫源文件的保持位置和格式確定動畫發(fā)布為何種格式,如:SWF、gif等將動畫按照發(fā)布設(shè)置進行發(fā)布1.2.2范例解析──制作“過光文字”本例將使用逐幀動畫來制作一個過光文字的效果,制作思路及效果如圖1-3所示圖1-3制
4、作思路及效果1、新建文檔。(1)啟動Flashcs3軟件,在【創(chuàng)建新項目】欄中選擇【Flash文檔】選項,如圖1-4所示,隨后進入Flash的設(shè)計界面。圖1-4Flash8開始頁新建一個Flash文檔(2)在舞臺的空白處單擊鼠標右鍵,在彈出的快捷菜單中選擇【文檔屬性】命令,如圖1-5所示。圖1-5選擇【文檔屬性】選項(3)在彈出的【文檔屬性】對話框中設(shè)置文檔【尺寸】為“600px×420px”,設(shè)置文檔【幀頻】為“5fps”,文檔其他屬性使用默認參數(shù),如圖1-6所示。圖1-6設(shè)置文檔屬性一2、導入背景圖。(1)用鼠標右鍵單擊“圖層1
5、”圖層,在彈出的快捷菜單中選擇【屬性】命令,然后在彈出的【圖層屬性】對話框中將圖層重命名為“背景”圖層,效果如圖1-7所示?!緢D層屬性】對話框時間軸的顯示效果圖1-7重命名圖層(1)執(zhí)行【文件】/【導入】/【導入到舞臺】菜單命令,將教學資源中的“素材第1講過光文字背景.jpg”文件導入到舞臺中,舞臺效果如圖1-8所示。圖1-8導入背景圖3、制作文字過光效果。(1)在時間軸上單擊按鈕,在“背景”圖層上新建一個圖層并重命名為“文字”圖層,效果如圖1-9所示。圖1-9添加圖層(2)選擇【文本】工具,設(shè)置【字體】為“TimesNewR
6、oman”,【字體大小】為“95”并加粗,【文本(填充)顏色】為“紅色”,然后在“文字”圖層上輸入字母“Welcome”,并將其相對舞臺居中對齊,參數(shù)設(shè)置如圖1-10所示,舞臺上的顯示效果如圖1-11所示。圖1-10文本屬性設(shè)置圖1-11輸入文字效果(3)選中“文字”圖層上第1幀的圖形,按1次Ctrl+B快捷鍵將文字打散,效果如圖1-12所示。圖1-12分離文字與舞臺居中對齊的方法為:選中舞臺上的文字,按Ctrl+K快捷鍵打開對齊面板,確認按鈕處在按下狀態(tài)時,單擊和按鈕使文字與舞臺居中對齊。(4)分別在“文字”圖層和“背景”圖層的第
7、7幀處按F5快捷鍵插入幀,效果如圖1-13所示。圖1-13插入幀一(5)按住Shift鍵選中“文字”圖層的第2幀~第7幀,然后按F6快捷鍵插入關(guān)鍵幀,效果如圖1-14所示。圖1-14插入關(guān)鍵幀(6)選中“文字”圖層第1幀處的字母“W”,在屬性面板中設(shè)置其【字體顏色】為“紅色”,效果如圖1-15所示。圖1-15改變字母顏色(7)使用同樣的方法,將第2幀的“e”字母的【字體顏色】設(shè)置為“紅色”,以此類推進行設(shè)置,效果如圖1-16所示。圖1-16各個幀上的文字設(shè)置第2幀處的文字第3幀處的文字第4幀處的文字第5幀處的文字第6幀處的文字第7幀
8、處的文字4、保存并測試影片。(1)按Ctrl+S快捷鍵保存影片,在彈出的【另存為】對話框中,設(shè)置保存目錄并輸入文件名為“過光文字”,效果如圖1-17所示。圖1-17保存影片(2)單擊按鈕保存影片,按Ctrl+Enter快捷鍵測試影片,