初中信息技術(shù)第二課 逐幀動畫背景圖ppt課件

這是一份初中信息技術(shù)第二課 逐幀動畫背景圖ppt課件，文件包含第二課逐幀動畫pptx、第二課逐幀動畫docx、第2課逐幀動畫的制作超清720Pmp4等3份課件配套教學(xué)資源，其中PPT共42頁， 歡迎下載使用。
 第二課     逐幀動畫教學(xué)目標(biāo)（一）知識與技能1制作逐幀動畫2發(fā)布動畫作品。（二）過程與方法模仿“微笑”和“說話”兩個范例，制作自己的QQ動畫表情包。（三）情感態(tài)度價值觀體會創(chuàng)作的樂趣，進(jìn)一步培養(yǎng)制作動畫的興趣；提高學(xué)生自主學(xué)習(xí)的能力。 教學(xué)重難點制作逐幀動畫教學(xué)過程逐幀動畫通過一個個關(guān)鍵幀微調(diào)每幅畫面之間的變化，在時間軸上表現(xiàn)為連續(xù)的多個黑色實心圓點。逐幀動畫通常用于制作無規(guī)律的、相對復(fù)雜的變化，如行走時的肢體變化、細(xì)致的面部表情等。“微笑”動畫至少需要睜眼與閉眼兩個關(guān)鍵幀，而“說話”動畫為了表現(xiàn)流暢的嘴部形狀變化，使用了更多的關(guān)鍵幀，如圖2-1所示。一、新建文檔并設(shè)置新建一個Flash文檔，文檔默認(rèn)的尺寸是寬550像素、高400像素，可以通過“修改”菜單下的“文檔”命令修改文檔的大小。如設(shè)置文檔尺寸為寬200像素、高200像素，背景顏色為白色，幀頻為每秒12幀(12fps)。二、制作逐幀動畫(一)制作“微笑”動畫1.導(dǎo)入素材導(dǎo)入素材可以通過“文件”菜單下的“導(dǎo)入”命令，運用“導(dǎo)入到舞臺”和“導(dǎo)人到庫”等方式導(dǎo)入動畫、圖片、聲音等多種格式的文件，如圖2-2所示。提示  如果要導(dǎo)入動畫文件中的元件，還可以使用圖2-2中的“打開外部庫”命令。它只打開該文件的庫內(nèi)容，不打開舞臺內(nèi)容，且只能打開FLA格式的文件作為外部庫使用。利用“文件”菜單下“導(dǎo)入”下的“打開外部庫”命令，獲取素材文件夾中文件“微笑.fla”中的元件，使用元件在舞臺上繪制靜態(tài)的微笑表情如圖2-3所示;也可以使用上節(jié)課自己繪制的元件。圖2-3繪制靜態(tài)的微笑表情2.制作第一個關(guān)鍵幀新建的Fash文檔在第一幀自動建立了一個空白關(guān)鍵幀。所謂空白關(guān)鍵幀，是指不包含任何內(nèi)容的空關(guān)鍵幀，它在時間軸上用一個空心的圓點來表示，如圖2-4所示。當(dāng)在空白關(guān)鍵幀上繪制了圖像后，空白關(guān)鍵幀會自動轉(zhuǎn)變成關(guān)鍵幀。拖動庫中的元件至舞臺，就是在空白關(guān)鍵幀上繪制了相應(yīng)內(nèi)容，空白關(guān)鍵幀會自動轉(zhuǎn)變?yōu)榈谝粋€關(guān)鍵幀(“睜眼”動作)。當(dāng)元件形態(tài)不合適時，可使用“自由變換工具”進(jìn)行縮放、旋轉(zhuǎn)或變形。 3.制作第二個關(guān)鍵幀我們制作了第一個關(guān)鍵幀(“睜眼”動作)，但實現(xiàn)“微笑”動畫還需要“閉眼”動作。當(dāng)動畫的狀態(tài)變化時，需要使用“插入關(guān)鍵幀”來完成。選擇第5幀，在右擊后彈出的快捷菜單中選擇“插入關(guān)鍵幀”，如圖2-5所示，此時第5幀被創(chuàng)建為關(guān)鍵幀，同時第2～4幀自動被補(bǔ)充成普 通幀，與第1幀內(nèi)容完全相同。新創(chuàng)建的關(guān)鍵幀與它之前最近的關(guān)鍵幀內(nèi)容完全相同，所以第5幀的內(nèi)容也和第1幀的內(nèi)容完全相同。只有調(diào)整它的狀態(tài)才能實現(xiàn)動態(tài)的效果，因此須將第5幀調(diào)整為閉眼表情。同時，要想閉眼動作持續(xù)一段時間，需要使用插入普通幀來延時。隨后測試動畫并保存文件需要強(qiáng)調(diào)的一點是，由于每一幀的時長是固定的，所以在需要延長某個動作的持續(xù)時間時，可以用增加普通幀的方式來實現(xiàn)。具體操作步驟:選定需要延長至某幀，右擊，在彈出的快捷菜單中選擇“插入幀”，即可將前一關(guān)鍵幀內(nèi)容延長顯示至此。當(dāng)它前面的關(guān)鍵幀內(nèi)容修改時，緊隨其后的那些普通幀內(nèi)容也會隨之變化。普通幀只起到延續(xù)時間的作用。試一試  打開素村文件夾中“改錯.fla”文件，分析動畫閃動的原因，并嘗試糾正。?想一想  操作過程中舞臺上的多個實例是否相互干擾?什么技術(shù)可以解決類似問題?提示  刪除幀和清除幀的區(qū)別:“清除幀”只清除掉這一幀中舞臺上的內(nèi)容，在時間上這一空白幀仍然存在，而“刪除幀”連同內(nèi)容和幀本身均被刪除，在時間軸上去掉了這一幀，并將其后的幀逐一前移。(二)制作“說話”動畫試一試  新建一個 Flash文檔，模仿“說話”表情的初始動作，制作第一個關(guān)鍵幀。1.圖層的使用在一個動畫場景中，當(dāng)有多個對象時，如有運動的對象，也有靜止的對象，可以將各對象分別放入不同的圖層進(jìn)行管理。 Flash中的圖層功能與Photoshop中的圖層功能類似，可以將對象進(jìn)行分層處理，合并顯示。如制作說話”動畫時，分成沒有變化的“臉部”圖層和有動作的“嘴部”圖層，如圖2-6所示。2.繪圖紙外觀工具當(dāng)編輯多個關(guān)鍵幀時，由于只能看到當(dāng)前選中的幀，因此無法準(zhǔn)確地把握前后兩幀的位置和大小關(guān)系。為了解決這一問題，F(xiàn)ash提供了繪圖紙外觀工具。它可以同時顯示和編輯多個幀的內(nèi)容，能夠在操作的同時，查看各幀的變化軌跡，方便對動畫進(jìn)行調(diào)整。啟用繪圖紙外觀工具后，需要調(diào)整時間軸上繪圖紙外觀標(biāo)記。在標(biāo)記的可見區(qū)域內(nèi)，播放頭下面的幀全彩顯示，其余幀不同程度地灰化顯示，看起來就是不同時間的運動軌跡同時顯示在了一個畫面中。如圖2-7所示，它顯示了“說話整個動畫過程中嘴部變化的全部軌跡。圖2-7繪圖紙外觀3.制作“說話”動畫的具體操作步驟(1)新建兩個圖層并命名，“嘴部”圖層在上，“臉部”圖層在下，如圖2-8所示。圖2-8新建圖層(2)選中“臉部”圖層第1幀，繪制除嘴以外的其他面部表情，繪制完成后鎖定該圖層，如圖2-9所示。圖2-9鎖定圖層(3)選中“嘴部”圖層的第1幀，繪制說話口形，并不斷“插入關(guān)鍵幀”，使用“選擇工具”微調(diào)口形變化。需要時，可使用繪圖紙外觀工具定位參考。(4)為保持最后的靜止?fàn)顟B(tài)，使用“插入幀”命令，將兩個圖層調(diào)整至相同長度(圖層解鎖后方可編輯)，完成后時間軸如圖2-10所示。圖2-10“說話”動畫的時間軸練一練   參考以上操作步驟，制作“說話”動畫。 4.時間軸上的時間與空間關(guān)系制作動畫時，時間上的進(jìn)展是通過時間軸上不同的幀來體現(xiàn)的，空間上的層次是通過圖層控制來實現(xiàn)的。因此，在編輯動畫時，要確定時間上的變化應(yīng)關(guān)注時間軸橫向的變化;要確定空間上的層次關(guān)系應(yīng)關(guān)注時間軸縱向的圖層。資料室幀的應(yīng)用空自關(guān)鍵幀:顯示為空心圓點，表示不包含任何內(nèi)容，通常用于暫時隱藏本圖層內(nèi)容的時刻。關(guān)鍵幀:顯示為實心圓點，表示包含一定內(nèi)容，通常用于發(fā)生變化的關(guān)鍵時刻。普通幀:顯示為無標(biāo)識的白色或灰色底色區(qū)域。白色底色區(qū)城表示前一關(guān)鍵幀為空，故此幀同樣為空;灰色底色區(qū)域表示有內(nèi)容并與前一關(guān)鍵幀內(nèi)容相同。通常起到延續(xù)時間的作用。在制作過程中，應(yīng)根據(jù)需要確定插入幀的類型，同時可利用“轉(zhuǎn)換成關(guān)鍵幀”“轉(zhuǎn)換成空白關(guān)鍵幀”等命令調(diào)整幀的類型，“清除關(guān)鍵”命可將關(guān)轉(zhuǎn)換成普通幀。三、發(fā)布動畫作品。動畫的保存通常指存儲源文件，而Flash作品的發(fā)布，可以生成直接使用的文件格式，如SWF、HTML、GF、PNG、MOV等文件格式。我們可以將前面制作好的表情動畫導(dǎo)入QQ表情中，但QQ表情的導(dǎo)入只支持圖片格式，以發(fā)布為GIF動態(tài)圖片格式為例，其發(fā)布的操作方法如下。選擇文件“菜單下的“發(fā)布設(shè)置”命令，在彈出的“發(fā)布設(shè)置”對話框中完成如圖2-11所示的設(shè)置，單擊“確定”按鈕后，執(zhí)行“文件”→“發(fā)布”命令，即可將表情動畫發(fā)布為GIF動態(tài)圖片。圖2-11發(fā)布為GIF動態(tài)圖片資料室GIF圖像交換格式GiF( graphics interchange format))常被歸類成圖片格式而非動畫格式，這是由于GIF有靜態(tài)圖像和動態(tài)圖像兩種類型，動態(tài)圖像實際上是將多幅圖像序列保存為一個圖像文件存儲，從而形成動態(tài)效果。思考與練習(xí)小組分工合作設(shè)計“小蘋果”系列表情動畫，并導(dǎo)入QQ生成自制的表情包。提示  制作表情動畫導(dǎo)入QQ表情，請參考如下制作步驟。第一步:打開一個QQ好友對話框，如圖2-12所示。單擊表情圖標(biāo)，進(jìn)入一個表情包對話框。圖2-12打開QQ好友對話框第二步:在表情包對話框中單擊表情設(shè)置按鈕，選擇“添加表情”選項，如圖2-13所示。圖2-13添加表情操作第三步:在“打開”對話框中，選擇自己制作的表情包GIF格式圖片，添加到QQ表情中，如圖2-14所示。圖2-14添加自制表情 第四步:選好要添加的表情后，會出現(xiàn)“添加自定義表情”對話框，此時可以建立分組，為自制的表情包添加自己喜歡的名字。如“小蘋果表情包”，單擊“確定”按鈕后，自制QQ表情包就添加好了，如圖2-15所示。圖2-15自制表情包展示課堂小結(jié)這節(jié)課，我們學(xué)習(xí)體驗了新建文檔并設(shè)置、創(chuàng)建“微笑”和“說話”兩個動作表情，嘗試制作簡單的逐幀動畫并發(fā)布動畫作品。還收獲了友誼、快樂。板書設(shè)計新建文檔并設(shè)置逐幀動畫  制作逐幀動畫發(fā)布動畫作品。 課后反思