第1課

體驗(yàn)動(dòng)畫制作任務(wù)2測(cè)試和發(fā)布動(dòng)畫

活動(dòng)1測(cè)試動(dòng)畫活動(dòng)2發(fā)布動(dòng)畫透視縮放范例1.1動(dòng)畫基礎(chǔ)知識(shí)5

知識(shí)鏈接（1）Animate工作界面Animate工作區(qū)中可以將任一面板拖出其所在位置、調(diào)整面板大小，以及將面板放在屏幕上任一位置以便于訪問。面板組的彈出菜單還能為用戶在任何特定位置鎖定面板，如果鎖定，則面板不會(huì)在進(jìn)行操作拖動(dòng)它時(shí)意外移動(dòng)。5

知識(shí)鏈接（2）工作區(qū)切換Animate提供了8種預(yù)置的工作區(qū)模式供用戶選擇，包括“傳統(tǒng)”、“動(dòng)畫”、“基本”（默認(rèn)模式）、“基本功能”、“小屏幕”、“開發(fā)人員”、“設(shè)計(jì)人員”、“調(diào)試”，適用于不同的需求。用戶可以通過“新建工作區(qū)”處的“保存工作區(qū)”命令，自定義創(chuàng)建新工作區(qū)。如果在實(shí)際操作中，不慎弄亂了布局，要恢復(fù)到原始狀態(tài)，只需要單擊該工作區(qū)模式后面的“重置”按鈕即可。5

知識(shí)鏈接（2）工作區(qū)切換Animate中的時(shí)間軸用于組織和控制在一定時(shí)間內(nèi)圖層和幀中的文檔內(nèi)容。與電影膠片一樣，Animate文檔也將時(shí)長劃分為多個(gè)幀。5

知識(shí)鏈接（3）場(chǎng)景和舞臺(tái)場(chǎng)景就是制作動(dòng)畫時(shí)各個(gè)獨(dú)立的工作區(qū)，使用場(chǎng)景可以達(dá)到按照主題意思來組織、管理動(dòng)畫文檔的目的，并且每個(gè)場(chǎng)景都對(duì)應(yīng)一個(gè)單獨(dú)的時(shí)間軸。舞臺(tái)是用戶在創(chuàng)建Animate文檔時(shí)屏幕中間默認(rèn)的白色矩形黑色輪廓區(qū)域，與劇院的舞臺(tái)類似，Animate中舞臺(tái)是用來播放觀眾所觀看的電影，它包括出現(xiàn)在屏幕上的文字、圖像和視頻等。元素移入舞臺(tái)，觀眾就可以看到該元素；將元素移出舞臺(tái)，觀眾就看不到元素了。5

知識(shí)鏈接（4）時(shí)間軸面板Animate中的時(shí)間軸用于組織和控制在一定時(shí)間內(nèi)圖層和幀中的文檔內(nèi)容。與電影膠片一樣，Animate文檔也將時(shí)長劃分為多個(gè)幀。圖層就像堆疊在一起的多張幻燈膠片一樣，每個(gè)圖層都包含一個(gè)不同的圖像顯示在舞臺(tái)中。時(shí)間軸的主要組件是圖層、幀和播放頭。5

知識(shí)鏈接（5）影片的導(dǎo)出動(dòng)畫作品制作好后，要通過導(dǎo)出或發(fā)布方式將其制作成可以脫Animate環(huán)境播放的動(dòng)畫文件。因?yàn)椴⒉皇撬袘?yīng)用系統(tǒng)都支持Animate文件格式，如果要在網(wǎng)頁、應(yīng)用程序、多媒體中編輯動(dòng)畫作品，可以將它們導(dǎo)出成通用的文件格式，如GIF、JPEG、PNG、BMP、PICT、MOV、MPEG等。5

知識(shí)鏈接（2）發(fā)布動(dòng)畫單擊“文件→發(fā)布”命令，在文檔文件夾中會(huì)生成與文檔文件同名的SWF文件和HTML文件。如果要設(shè)置同時(shí)輸出多種格式的動(dòng)畫作品，單擊“文件→發(fā)布設(shè)置”命令，打開“發(fā)布設(shè)置”對(duì)話框，這里提供了很多種發(fā)布的格式及其參數(shù)設(shè)置，用戶可以選擇自己想要的格式。6

學(xué)習(xí)檢測(cè)知識(shí)獲取知識(shí)要點(diǎn)了解動(dòng)畫的概念及分類，Animate軟件及應(yīng)用領(lǐng)域熟悉Animate工作界面掌握預(yù)覽和測(cè)試動(dòng)畫的方法學(xué)會(huì)導(dǎo)出或發(fā)布不同動(dòng)畫格式技能掌握實(shí)訓(xùn)案例技能目標(biāo)

任務(wù)1從模板新建動(dòng)畫?新建模板動(dòng)畫?設(shè)置動(dòng)畫顯示方式任務(wù)2測(cè)試和發(fā)布動(dòng)畫?測(cè)試動(dòng)畫?發(fā)布動(dòng)畫平移范例學(xué)習(xí)步驟

以案例教學(xué)為核心，采用任務(wù)驅(qū)動(dòng)式的行動(dòng)導(dǎo)向教學(xué)法。采取了由淺入深、循序漸進(jìn)的教學(xué)策略，以學(xué)生的感知、理解、鞏固、運(yùn)用為教學(xué)設(shè)計(jì)流程。教學(xué)互動(dòng)環(huán)節(jié)中主要包括六個(gè)步驟：明確任務(wù)——計(jì)劃籌備——學(xué)生實(shí)施——引導(dǎo)組織——評(píng)估反饋——鞏固實(shí)踐。教學(xué)資源

多媒體機(jī)房、投影儀、電子教學(xué)平臺(tái)、視頻演示教程、案例源文件、素材、ppt等任務(wù)1導(dǎo)入動(dòng)畫元素

活動(dòng)1導(dǎo)入位圖和音頻文件活動(dòng)2導(dǎo)入矢量圖和動(dòng)畫文件

活動(dòng)3導(dǎo)入外部庫文件1.2體驗(yàn)動(dòng)畫制作Animate動(dòng)畫課堂常規(guī)動(dòng)畫工作流程主要包括：①確定基本任務(wù)；②創(chuàng)建并導(dǎo)入媒體元素；③在舞臺(tái)上和時(shí)間軸中定義顯示的時(shí)間和顯示方式；④根據(jù)需要應(yīng)用圖形濾鏡和其他特殊效果；⑤使用ActionScript代碼控制交互響應(yīng)方式；⑥測(cè)試并發(fā)布應(yīng)用程序。本案例就依照常規(guī)動(dòng)畫工作流程這六個(gè)步驟，用類似搭積木的方式體驗(yàn)制作Animate動(dòng)畫課堂。1

案例設(shè)計(jì)了解Animate支持的文件格式及導(dǎo)入方式；理解元件和實(shí)例、圖層和幀的概念；熟悉圖層的基本操作，掌握三種不同類型元件的創(chuàng)建和編輯方法，并初步嘗試補(bǔ)間動(dòng)畫的制作方法。2

學(xué)習(xí)目標(biāo)3

策劃導(dǎo)圖（1）Animate支持的文件格式圖形格式Animate可以導(dǎo)入不同的矢量或位圖文件格式，具體取決于系統(tǒng)是否安裝了QuickTime4或更高版本，QuickTime4擴(kuò)展了Windows平臺(tái)和Macintosh平臺(tái)對(duì)某些文件格式（包括PICT、QuickTime影片以及其他類型）的支持。注意導(dǎo)入的圖形文件的大小不能小于2像素x2像素。4

預(yù)備知識(shí)（1）Animate支持的文件格式音頻格式Animate可以導(dǎo)入以下音頻格式4

預(yù)備知識(shí)（1）Animate支持的文件格式視頻格式Animate可以導(dǎo)入以下視頻格式4

預(yù)備知識(shí)（2）文件導(dǎo)入方式將AdobeIllustrator和AdobePhotoshop文件導(dǎo)入Animate中時(shí)，可以指定保留大部分插圖可視數(shù)據(jù)的導(dǎo)入選項(xiàng)，以及通過Animate創(chuàng)作環(huán)境保持特定可視屬性的可編輯性的功能。將矢量圖像從FreeHand導(dǎo)入Animate中時(shí)，可以選擇用于保留FreeHand圖層、頁面和文本塊的選項(xiàng)。從Fireworks導(dǎo)入PNG圖像時(shí)，可以將文件作為能夠在Animate中修改的可編輯對(duì)象進(jìn)行導(dǎo)入，或作為可以在Fireworks中編輯和更新的拼合文件進(jìn)行導(dǎo)入。選擇用于保留圖像、文本和輔助線的選項(xiàng)。（注意：如果通過剪切和粘貼從Fireworks導(dǎo)入PNG文件，該文件將轉(zhuǎn)換為位圖。）4

預(yù)備知識(shí)（2）文件導(dǎo)入方式將SWF和WMF（Windows元文件格式）文件直接導(dǎo)入Animate文檔（而不是庫）中時(shí)，這些文件中的矢量圖像是作為當(dāng)前圖層中的一個(gè)組導(dǎo)入的。直接導(dǎo)入Animate文檔中的位圖（掃描的照片、BMP文件）是作為當(dāng)前圖層中的單個(gè)對(duì)象導(dǎo)入的。Animate保留所導(dǎo)入位圖的透明度設(shè)置。因?yàn)閷?dǎo)入位圖可能會(huì)增大SWF文件的文件大小，所以應(yīng)考慮壓縮導(dǎo)入的位圖。（注意：通過拖放操作將位圖從應(yīng)用程序或桌面導(dǎo)入Animate時(shí)，將不能保留位圖透明度。若要保留透明度，需執(zhí)行“文件→導(dǎo)入到舞臺(tái)”或“導(dǎo)入到庫”命令進(jìn)行導(dǎo)入。）直接導(dǎo)入Animate文檔中的任何圖像序列（例如，PICT或BMP序列）是作為當(dāng)前圖層的連續(xù)關(guān)鍵幀導(dǎo)入的。4

預(yù)備知識(shí)學(xué)習(xí)步驟

以案例教學(xué)為核心，采用任務(wù)驅(qū)動(dòng)式的行動(dòng)導(dǎo)向教學(xué)法。采取了由淺入深、循序漸進(jìn)的教學(xué)策略，以學(xué)生的感知、理解、鞏固、運(yùn)用為教學(xué)設(shè)計(jì)流程。教學(xué)互動(dòng)環(huán)節(jié)中主要包括六個(gè)步驟：明確任務(wù)——計(jì)劃籌備——學(xué)生實(shí)施——引導(dǎo)組織——評(píng)估反饋——鞏固實(shí)踐。教學(xué)資源

多媒體機(jī)房、投影儀、電子教學(xué)平臺(tái)、視頻演示教程、案例源文件、素材、ppt等任務(wù)2創(chuàng)建動(dòng)畫元件

活動(dòng)1創(chuàng)建圖形元件活動(dòng)2復(fù)制影片剪輯元件活動(dòng)3轉(zhuǎn)換按鈕元件1.2體驗(yàn)動(dòng)畫制作Animate動(dòng)畫課堂5

知識(shí)鏈接（1）元件是Animate中一種比較獨(dú)特的、可重復(fù)使用的對(duì)象。它只需創(chuàng)建一次，可在整個(gè)動(dòng)畫中重復(fù)使用。元件可以是圖形，也可以是動(dòng)畫。利用元件可以使編輯動(dòng)畫、創(chuàng)建復(fù)雜的交互變得更為簡單。（2）實(shí)例是元件在場(chǎng)景中的應(yīng)用，它是位于舞臺(tái)上或嵌套在另一個(gè)元件內(nèi)的元件副本。如果把元件比喻成底片，實(shí)例就是底片沖洗出來的照片。一張底片可以沖印出多張照片，如果我們單獨(dú)對(duì)某個(gè)照片進(jìn)行修改，僅僅只會(huì)影響這一張照片；而修改底片會(huì)影響到所有照片。所以我們需要對(duì)許多重復(fù)的元素進(jìn)行修改時(shí)，只要對(duì)相應(yīng)的元件進(jìn)行修改，程序就會(huì)自動(dòng)的根據(jù)所修改的內(nèi)容對(duì)所有應(yīng)用此元件的實(shí)例進(jìn)行更新。5

知識(shí)鏈接（3）庫當(dāng)創(chuàng)建元件后，該元件自動(dòng)保存在“庫”面板中。每個(gè)Animate動(dòng)畫文件都有一個(gè)庫，用來存放元件、位圖、聲音以及視頻文件等。通過“庫”面板，可以快速的查看、組織和管理動(dòng)畫元素。5

知識(shí)鏈接（4）元件類型在Animate中，元件一共有3種類型，分別是影片剪輯元件、圖形元件和按鈕元件。影片剪輯元件使用影片剪輯元件可以在Animate中創(chuàng)建可重用的動(dòng)畫片段。影片剪輯具有各自的多幀時(shí)間軸，它們獨(dú)立于影片的主時(shí)間軸。您可以將影片剪輯看作一些嵌套在主時(shí)間軸內(nèi)的小時(shí)間軸，它們可以包含交互式控件、聲音甚至其他影片剪輯實(shí)例。也可以將影片剪輯實(shí)例放在按鈕元件的時(shí)間軸內(nèi)，以創(chuàng)建動(dòng)畫按鈕。此外，可以使用ActionScript對(duì)影片剪輯進(jìn)行改編。5

知識(shí)鏈接圖形元件圖形元件可用于靜態(tài)圖像，并可用來創(chuàng)建連接到主時(shí)間軸的可重用動(dòng)畫片段。交互式控件和聲音在圖形元件的動(dòng)畫序列中不起作用。相比之下，影片剪輯元件擁有自己獨(dú)立的時(shí)間軸。因?yàn)閯?dòng)畫圖形元件使用與主文檔相同的時(shí)間軸，所以只能在文檔編輯模式下顯示它們的動(dòng)畫。5

知識(shí)鏈接按鈕元件按鈕元件是Animate中一種特殊的四幀交互式影片剪輯。在創(chuàng)建元件選擇按鈕類型時(shí)，Animate會(huì)創(chuàng)建一個(gè)具有四個(gè)幀的時(shí)間軸。前三幀顯示按鈕的三種可能狀態(tài)：彈起、指針經(jīng)過和按下；第四幀定義按鈕的活動(dòng)區(qū)域。每種狀態(tài)都可以通過圖形、元件及聲音來定義。

5

知識(shí)鏈接（5）圖層圖層類似于一張透明的薄紙，每張紙上繪制著一些圖形或文字，而一幅作品就是由許多張這樣的薄紙疊合在一起形成的。圖層可以幫助用戶組織文檔中的插圖，也可以在圖層上繪制和編輯對(duì)象，并且不會(huì)影響到其他圖層上的對(duì)象。學(xué)習(xí)步驟

以案例教學(xué)為核心，采用任務(wù)驅(qū)動(dòng)式的行動(dòng)導(dǎo)向教學(xué)法。采取了由淺入深、循序漸進(jìn)的教學(xué)策略，以學(xué)生的感知、理解、鞏固、運(yùn)用為教學(xué)設(shè)計(jì)流程。教學(xué)互動(dòng)環(huán)節(jié)中主要包括六個(gè)步驟：明確任務(wù)——計(jì)劃籌備——學(xué)生實(shí)施——引導(dǎo)組織——評(píng)估反饋——鞏固實(shí)踐。教學(xué)資源

多媒體機(jī)房、投影儀、電子教學(xué)平臺(tái)、視頻演示教程、案例源文件、素材、ppt等任務(wù)3制作并生成動(dòng)畫

活動(dòng)1布置場(chǎng)景活動(dòng)2制作動(dòng)畫1.2體驗(yàn)動(dòng)畫制作Animate動(dòng)畫課堂5

知識(shí)鏈接（6）幀動(dòng)畫實(shí)際上是一系列靜止的畫面，利用人眼會(huì)對(duì)運(yùn)動(dòng)物體產(chǎn)生視覺暫留的原理，通過連續(xù)播放給人的感官造成一種“動(dòng)畫”效果。Animate文檔將時(shí)長劃分為類似于膠片的幀。幀是動(dòng)畫的核心，如圖1.2.38所示，在時(shí)間軸中，可使用這些幀來組織和控制文檔的內(nèi)容。在時(shí)間軸中放置幀的順序?qū)Q定幀內(nèi)對(duì)象在最終內(nèi)容中的顯示順序，影片中幀的總數(shù)和播放速度共同決定了影片的總長度。幀頻：動(dòng)畫在Animate中的播放速度以每秒幀數(shù)(FPS)計(jì)量。幀頻太慢會(huì)使動(dòng)畫看起來一頓一頓的，而幀頻太快則會(huì)使動(dòng)畫的細(xì)節(jié)變得模糊。Animate文檔的默認(rèn)幀頻設(shè)置是24fps（運(yùn)動(dòng)圖片的標(biāo)準(zhǔn)速率），通常在Web上效果最佳。5

知識(shí)鏈接關(guān)鍵幀：時(shí)間軸中灰色背景帶有黑點(diǎn)的幀為關(guān)鍵幀，說明此時(shí)舞臺(tái)上放置了一個(gè)新元件實(shí)例或添加了動(dòng)作腳本。單獨(dú)關(guān)鍵幀之后的那些淺灰色幀均包含相同的內(nèi)容，無任何變化為普通幀。當(dāng)動(dòng)畫內(nèi)容發(fā)生變化時(shí)必須要插入關(guān)鍵幀?？瞻钻P(guān)鍵幀：空白關(guān)鍵幀是不含任何內(nèi)容，白色背景帶有黑圈的幀。Animate只支持在關(guān)鍵幀中繪畫或添加對(duì)象，所以當(dāng)對(duì)象內(nèi)容發(fā)生變化而又不需要延續(xù)前一關(guān)鍵幀的內(nèi)容時(shí)，需要插入空白關(guān)鍵幀。在空白關(guān)鍵幀處的舞臺(tái)上添加了元件實(shí)例對(duì)象后，空白關(guān)鍵幀就變成了關(guān)鍵幀。關(guān)鍵幀序列：關(guān)鍵幀和其之后的常規(guī)幀范圍稱為關(guān)鍵幀序列。時(shí)間軸可以包含任意數(shù)量的關(guān)鍵幀序列。如果序列中的關(guān)鍵幀包含在舞臺(tái)上可見的圖形內(nèi)容，則其之后的常規(guī)幀將顯示為灰色；如果序列中的關(guān)鍵幀不包含任何圖形內(nèi)容，則其之后的常規(guī)幀將顯示為白色。5

知識(shí)鏈接5

知識(shí)鏈接（7）Animate中的動(dòng)畫類型逐幀動(dòng)畫：在時(shí)間軸上表現(xiàn)為在連續(xù)的關(guān)鍵幀中分解動(dòng)畫動(dòng)作，也就是在時(shí)間軸每個(gè)關(guān)鍵幀上繪制不同的內(nèi)容，使其連續(xù)播放而形成。5

知識(shí)鏈接補(bǔ)間形狀動(dòng)畫：在時(shí)間軸上表現(xiàn)為淺橙色背景區(qū)域內(nèi)一條從動(dòng)畫起始幀指向結(jié)束幀的箭頭，可以實(shí)現(xiàn)兩個(gè)形狀之間的相互轉(zhuǎn)換。5

知識(shí)鏈接傳統(tǒng)補(bǔ)間動(dòng)畫：在時(shí)間軸上表現(xiàn)為淺紫色背景區(qū)域內(nèi)一條從動(dòng)畫起始幀指向結(jié)束幀的箭頭，可以記錄元件實(shí)例的位置、大小、旋轉(zhuǎn)、顏色等的屬性變化。5

知識(shí)鏈接補(bǔ)間動(dòng)畫：在時(shí)間軸上表現(xiàn)為黃綠色背景區(qū)域，起始幀為黑色圓點(diǎn)關(guān)鍵幀，其他幀為黑色菱形關(guān)鍵點(diǎn)。類似于傳統(tǒng)補(bǔ)間的新動(dòng)畫形式，在舞臺(tái)上會(huì)顯示運(yùn)動(dòng)