WEB動(dòng)畫制作與設(shè)計(jì)課件：動(dòng)畫基礎(chǔ)與逐幀動(dòng)畫（二）

動(dòng)畫基礎(chǔ)與逐幀動(dòng)畫動(dòng)畫基礎(chǔ)與逐幀動(dòng)畫動(dòng)畫基礎(chǔ)與逐幀動(dòng)畫幀的類型幀的常用操作時(shí)間軸的使用逐幀動(dòng)畫的制作【課堂學(xué)習(xí)目標(biāo)】【案例學(xué)習(xí)目標(biāo)】通過(guò)制作模擬“川劇變臉”動(dòng)畫掌握逐幀動(dòng)畫的制作方法?！菊n堂案例】-制作“川劇變臉”效果【案例知識(shí)要點(diǎn)】本例利用從外部導(dǎo)入靜態(tài)圖片和文字工具來(lái)完成“川劇變臉的”逐幀動(dòng)畫制作?！菊n堂案例】-制作打字效果一、逐幀動(dòng)畫1、逐幀動(dòng)畫的特點(diǎn)：

制作類似傳統(tǒng)動(dòng)畫，每一個(gè)幀都是關(guān)鍵幀，整個(gè)動(dòng)畫是通過(guò)關(guān)鍵幀的不斷變化產(chǎn)生的，不依靠Flash的運(yùn)算。需要繪制每一個(gè)關(guān)鍵幀中的對(duì)象，每個(gè)幀都是獨(dú)立的，在畫面之間可以是互不相關(guān)的。一、逐幀動(dòng)畫2．創(chuàng)建逐幀動(dòng)畫的方法創(chuàng)建逐幀動(dòng)畫的典型方法主要有以下3種：（1）從外部導(dǎo)入素材生成逐幀動(dòng)畫，如導(dǎo)入靜態(tài)的圖片、序列圖像和GIF動(dòng)態(tài)圖片等。（2）使用數(shù)字或者文字制作逐幀動(dòng)畫，如實(shí)現(xiàn)文字跳躍或旋轉(zhuǎn)等特效動(dòng)畫。（3）繪制矢量逐幀動(dòng)畫，利用各種制作工具在場(chǎng)景中繪制連續(xù)變化的矢量圖形，從而形成逐幀動(dòng)畫?！静僮鞑襟E及要點(diǎn)提示】一、制作背景1、新建文檔。設(shè)置文檔“幀頻”為“1”fps，其他文檔屬性使用默認(rèn)參數(shù)。2、將默認(rèn)的“圖層1”重命名為“背景”層，將“素材>背景圖片.png”圖像文件導(dǎo)入到舞臺(tái)，如圖所示?！菊n堂案例】-制作“川劇變臉”效果二、制作變臉動(dòng)畫1、在“背景”圖層之上新建一個(gè)圖層并重命名為“變臉效果”，然后選中“背景”圖層的第5幀，按F5鍵插入幀，將背景圖像延時(shí)到第5幀。2、選中“變臉效果”圖層的第1幀，將“素材>鮑自安.png”圖像文件導(dǎo)入到舞臺(tái)，并調(diào)整使其相對(duì)舞臺(tái)居中對(duì)齊?！菊n堂案例】-制作“川劇變臉”效果二、制作變臉動(dòng)畫3、選中“變臉效果”圖層的第2幀，按F7鍵插入一個(gè)空白關(guān)鍵幀，然后將“素材>鼓越．png”圖像文件導(dǎo)入到舞臺(tái)，并調(diào)整使其相對(duì)舞臺(tái)居中對(duì)齊，效果如圖所示。【課堂案例】-制作“川劇變臉”效果二、制作變臉動(dòng)畫4、同樣的方法分別給“變臉效果”圖層的第3幀、第4幀、第5幀導(dǎo)入圖像“夏侯嬰”、“張頜”、“馬謖”，最終效果如圖所示?！菊n堂案例】-制作“川劇變臉”效果三、制作文字逐幀動(dòng)畫1、在“變臉效果”圖層上面新建一個(gè)圖層，并命名為“文字效果”圖層，選中“文字效果”圖層的第2幀，然后按F7鍵插入一個(gè)空白關(guān)鍵幀。2、選擇“文本“工具，設(shè)置字體：“系列”為“宋體”；“顏色”設(shè)置為（#FFFF00）；“大小”為100；然后在舞臺(tái)上輸入“川”字，并設(shè)置文字到舞臺(tái)的左上角，如圖所示。【課堂案例】-制作“川劇變臉”效果三、制作文字逐幀動(dòng)畫3、選中“文字效果”圖層的第3幀，按F6鍵插入一個(gè)關(guān)鍵幀，然后在該幀輸入一個(gè)“劇”字，并設(shè)置“劇”字的位置到舞臺(tái)的右上角，并利用相同的方法，分別在第4幀和第5幀輸入“變”、“臉”，效果如圖所示?！菊n堂案例】-制作“川劇變臉”效果三、制作文字逐幀動(dòng)畫4、保存測(cè)試影片，川劇變臉動(dòng)畫制作完成。【課堂案例】-制作“川劇變臉”效果任務(wù)一：制作“一馬平川”動(dòng)畫效果【操作提示】操作提示：本例主要使用導(dǎo)入到舞臺(tái)命令導(dǎo)入外部靜態(tài)圖片序列圖，并利用逐幀動(dòng)畫的方式書寫文字。效果如圖所示?！?/p>

舉一反三】1．“一生一世”動(dòng)畫效果【

課后練習(xí)】2．“仙