（中職）多媒體應(yīng)用技術(shù)任務(wù)2.5 創(chuàng)建發(fā)令幀動(dòng)畫教學(xué)課件（）

（中職）多媒體應(yīng)用技術(shù)任務(wù)2.5創(chuàng)建發(fā)令幀動(dòng)畫教學(xué)課件（工信版）任務(wù)2.5創(chuàng)建發(fā)令幀動(dòng)畫【任務(wù)描述】【任務(wù)分析】宏發(fā)圖文公司多媒體部的張俊接到客戶需要制作一個(gè)發(fā)令的幀動(dòng)畫，以前他都是采用Flash來做，但是他學(xué)了PhotoshopCS6后，決定采用PhotoshopCS6來完成此任務(wù)，他該如何完成呢？首先要根據(jù)需要的內(nèi)容“321開始！”，確定分析發(fā)令的幀動(dòng)畫的幀數(shù)、構(gòu)成、內(nèi)容、時(shí)長參數(shù)，背景層內(nèi)容、幀動(dòng)畫質(zhì)量、渲染視頻的格式，具體見表2-5-1。其次，要結(jié)合PhotoshopCS6中幀動(dòng)畫面板、圖層等工具來做，每一幀要顯示的不同內(nèi)容放在一個(gè)獨(dú)立的圖層上，如果幾個(gè)幀有共同的元素則把共同的元素放在一個(gè)獨(dú)立的層上。本例中四個(gè)幀都有共同的背景，則把背景圖層單獨(dú)作為一個(gè)圖層，另外第一、二、三幀都有共同的圓圈，則把圓圈單獨(dú)放在一個(gè)圖層上。幀順序內(nèi)容幀延遲（秒）備注第一幀③3數(shù)字“3”為黃色，黑體字，有個(gè)直徑為18cm的黑色圓圈在其外圍第二幀②3數(shù)字“2”為黃色，黑體字，有個(gè)直徑為18cm的黑色圓圈在其外圍第三幀①3數(shù)字“1”為黃色，黑體字，有個(gè)直徑為18cm的黑色圓圈在其外圍第四幀開始！3

共同圓圈黑色圓圈

作為共同的元素需單獨(dú)作為一個(gè)圖層背景層底圖.jpg

在每一幀中都可見，單獨(dú)作為一個(gè)圖層幀動(dòng)畫質(zhì)量DVCPROHD1080P/29.97（圖像的寬1280像素和高1080像素）保存動(dòng)畫渲染視頻保存為幀動(dòng)畫GIF，渲染為MP4視頻格式

【任務(wù)分析】任務(wù)2.5創(chuàng)建發(fā)令幀動(dòng)畫【任務(wù)目標(biāo)】1.識(shí)記幀動(dòng)畫時(shí)間軸的面板上的按鈕名稱及其作用。2.能創(chuàng)建幀動(dòng)畫文件并保存為PSD格式、GIF格式，能把幀動(dòng)畫渲染為視頻文件。任務(wù)2.5創(chuàng)建發(fā)令幀動(dòng)畫【任務(wù)實(shí)施】1.啟動(dòng)Photoshop。雙擊桌面的PhotoshopCs6快捷圖標(biāo)，啟動(dòng)Photoshop。2.新建幀動(dòng)畫文件。單擊“文件|新建”命令，在彈出的如圖2-5-1所示的對(duì)話框中，“預(yù)設(shè)”項(xiàng)選擇“膠片和視頻”，“大小”項(xiàng)選擇“DCVPROHD1080p/29.97”,然后單擊“確定”按鈕，軟件將根據(jù)“DCVPROHD1080p”圖像的寬1280像素和高1080像素來創(chuàng)建文件，得到圖2-5-2所示的窗口，在窗口的底部出現(xiàn)時(shí)間軸窗口，如果時(shí)間軸窗口未出現(xiàn)，可以單擊“窗口|時(shí)間軸”命令彈出該窗口。圖2-5-1新建文件對(duì)話框任務(wù)2.5創(chuàng)建發(fā)令幀動(dòng)畫圖2-5-2新建幀動(dòng)畫文件后的窗口時(shí)間軸窗口任務(wù)2.5創(chuàng)建發(fā)令幀動(dòng)畫3.如圖2-5-3所示，在時(shí)間軸的中部有“創(chuàng)建幀動(dòng)畫”按鈕命令，單擊該按鈕右側(cè)的下拉菜單可以選擇是“創(chuàng)建視頻時(shí)間軸”還是“創(chuàng)建幀動(dòng)畫時(shí)間軸”，單擊“創(chuàng)建幀動(dòng)畫”按鈕，窗口換成幀動(dòng)畫的窗口，如圖2-5-4所示?！救蝿?wù)實(shí)施】圖2-5-3時(shí)間軸窗口任務(wù)2.5創(chuàng)建發(fā)令幀動(dòng)畫圖2-5-4幀動(dòng)畫窗口幀動(dòng)畫時(shí)間軸窗口任務(wù)2.5創(chuàng)建發(fā)令幀動(dòng)畫4.幀動(dòng)畫時(shí)間軸面板如圖2-5-5所示，可以通過面板按鈕和菜單對(duì)幀進(jìn)行新建、刪除、復(fù)制、粘貼、以及播放幀位置的選擇，以及幀動(dòng)畫的循環(huán)播放次數(shù)的設(shè)置等?！救蝿?wù)實(shí)施】圖2-5-5幀動(dòng)畫面板任務(wù)1.1多媒體技術(shù)概述5.創(chuàng)建背景層。把底圖導(dǎo)入到圖像中形成背景圖像，如圖2-5-6所示。圖2-5-6背景層【任務(wù)實(shí)施】任務(wù)1.1多媒體技術(shù)概述6.創(chuàng)建圓圈并居中對(duì)齊。用橢圓工具創(chuàng)建一個(gè)直徑為18cm的正圓選區(qū)，在新建的圖層上描邊6像素、黑色，然后用快捷鍵CTRL+D取消選區(qū)，單擊移動(dòng)工具，用CTRL+A全選圖層，單擊垂直居中按鈕和水平居中按鈕，圓圈就居中在頁面中央用，CTRL+D取消選區(qū)，改改圖層的名稱為“圓圈”，如圖2-5-7所示?！救蝿?wù)實(shí)施】圖2-5-7創(chuàng)建黑色的圓圈任務(wù)2.5創(chuàng)建發(fā)令幀動(dòng)畫7.創(chuàng)建第一幀至第四幀的內(nèi)容單擊橫排文字工具，輸入大小為800點(diǎn)，色彩為黃色（2552550）的黑體數(shù)字“3”，參照步驟6的方法使“3”位于頁面中央，把該圖層名稱改為“3”，如圖2-5-8所示。圖2-5-8創(chuàng)建第一幀的內(nèi)容【任務(wù)實(shí)施】任務(wù)2.5創(chuàng)建發(fā)令幀動(dòng)畫同理創(chuàng)建每一幀的內(nèi)容單獨(dú)在一個(gè)獨(dú)立的圖層上，如圖2-5-9所示，第二幀的內(nèi)容為“2”，圖層名稱為“2”；第三幀的內(nèi)容為“1”，圖層名稱為“1”；第二、第三幀的大小顏色如同第一幀。第四幀的文字“開始！”大小為500點(diǎn)，顏色為黃色，圖層名稱為“開始！”。圖2-5-9各個(gè)圖層的內(nèi)容【任務(wù)實(shí)施】任務(wù)2.5創(chuàng)建發(fā)令幀動(dòng)畫3.設(shè)置第一幀。設(shè)置幀延遲時(shí)間為3秒，另外僅讓名稱為“底圖”、“圓圈”、“3”的圖層可見，如圖2-5-10所示。圖2-5-10

第一幀【任務(wù)實(shí)施】任務(wù)2.5創(chuàng)建發(fā)令幀動(dòng)畫7.設(shè)置第二幀。在選中第一幀的情況下，單擊幀面板上的“復(fù)制所選幀”按鈕后得到第二幀，該幀延遲時(shí)間與第一幀相同，為3秒，并僅讓名稱為“底圖”、“圓圈”、“2”的圖層可見，如圖2-5-11所示。圖2-5-11

第二幀【任務(wù)實(shí)施】任務(wù)2.5創(chuàng)建發(fā)令幀動(dòng)畫8.設(shè)置第三幀。在選中第二幀的情況下，單擊幀面板上的“復(fù)制所選幀”按鈕后得到第三幀，該幀延遲時(shí)間為3秒，僅讓名稱為“底圖”、“圓圈”、“1”的圖層可見，如圖2-5-12所示。圖2-5-12第三幀【任務(wù)實(shí)施】任務(wù)2.5創(chuàng)建發(fā)令幀動(dòng)畫9．設(shè)置第四幀。在選中第三幀的情況下，單擊幀面板上的“復(fù)制所選幀”按鈕后得到第四幀，該幀延遲時(shí)間為3秒，僅讓名稱為“底圖”、“開始！”的圖層可見，如圖2-5-13所示。圖2-5-13第四幀【任務(wù)實(shí)施】任務(wù)2.5創(chuàng)建發(fā)令幀動(dòng)畫10.預(yù)覽播放幀動(dòng)畫。單擊幀動(dòng)畫時(shí)間軸面板中的“播放動(dòng)畫”按鈕，即可看到動(dòng)畫。11.單擊“文件|保存”，保存為“幀動(dòng)畫.PSD”，以便以后需要修改時(shí)使用。12.單擊“文件|存儲(chǔ)為WEB所用格式…”命令，在彈出如圖2-5-14所示的窗口中選擇幀動(dòng)畫格式GIF，可以再次選擇循環(huán)選項(xiàng)為“永遠(yuǎn)”，最后單擊“存儲(chǔ)”按鈕，選擇保存的路徑，輸入幀動(dòng)畫文件名稱“發(fā)令幀動(dòng)畫”，即可得到幀動(dòng)畫文件“發(fā)令幀動(dòng)畫.GIF”圖2-5-14渲染動(dòng)畫【任務(wù)實(shí)施】單擊“存儲(chǔ)”按鈕選擇GIF格式任務(wù)2.5創(chuàng)建發(fā)令幀動(dòng)畫13.幀動(dòng)畫生成視頻文件。單擊“文件|導(dǎo)出|渲染視頻”，在彈出的對(duì)話框中單擊“渲染”按鈕即可渲染出“幀動(dòng)畫.MP4”文件，如圖2-5-15所示。圖2-5-15渲染動(dòng)畫MP4【任務(wù)實(shí)施】任務(wù)2.5創(chuàng)建發(fā)令幀動(dòng)畫2.5.1Photoshop幀動(dòng)畫基礎(chǔ)動(dòng)畫是用多幅靜止畫面連續(xù)播放，利用視覺暫留形成連續(xù)影像。如果一秒鐘內(nèi)在連續(xù)播放24張靜止畫面就可以看到連續(xù)的畫面，此時(shí)播放速度為24幀每秒（FPS）。在Photoshop中，某幀的靜止畫面內(nèi)容為某個(gè)時(shí)刻所顯示的圖層內(nèi)容，幀延遲時(shí)間表示在動(dòng)畫過程中該幀內(nèi)容顯示的時(shí)間長度，如果要在靜止幀之間讓計(jì)算機(jī)插入過渡幀數(shù)量，以使畫面過渡自然，可以單擊幀動(dòng)畫面板中的“過渡動(dòng)畫幀”，如圖2-5-16所示。圖2-5-16過渡動(dòng)畫幀窗口【相關(guān)知識(shí)】制作完成幀動(dòng)畫后，要保存為PSD格式，以便后期的修改，要生成幀動(dòng)畫GIF格式需要單擊“文件”菜單中的“存儲(chǔ)為WEB所用格式…”命令來完成；如果要生成視頻