【正文】 第 9 步：敲 Ctrl+A 鍵將 15 個(gè)“窗頁”全部選中，敲 Ctrl+K 鍵打開“對(duì)齊”面板，選中 按鈕，然后單擊分布欄下的垂直中間分布按鈕 與水平中間分布按鈕 ，使所有八年級(jí) 上冊(cè) 40 的窗頁中心分布。 第 5 步：仿照第 4 步，在第 60 幀分別插入“花兒 3”和“花兒 4”。 第 2 步：執(zhí)行“ 文件→導(dǎo)入到庫” 命令，把這 4 副鮮花圖導(dǎo)入到庫中。 第 7 步：敲回車鍵，可以看到矩形從寬變 窄的效果。 第 3 步：在工具箱中選定“矩形”工具，在舞臺(tái)中畫出一個(gè)無線框的長(zhǎng)條矩形，把它的寬度設(shè)為 40（舞臺(tái)寬度的 1/15，高度設(shè)為 450 度（舞臺(tái)高度）。 先制作“窗頁”影片剪輯元件，然后再利用這個(gè)元件制作“百葉窗”動(dòng)畫。 教學(xué)用品 播放一段“ 百葉窗 ”的 flash 動(dòng)畫，導(dǎo)入新課。 知識(shí)目標(biāo) 掌握影片剪輯元件的制作方法。用同樣的方法改變矩形左邊的形狀。 第 6 步：仿照第 5 步，把大圓也設(shè)為劇中對(duì)齊。 第 2 步：選定工具箱中的“橢圓”工具，在“屬性”面板中把筆觸顏色設(shè)為深灰色，填充顏色設(shè)為無色。 第 10 步：把“小字遮罩”圖層設(shè)為遮罩層。 第 6 步：選定矩形，利用“ 插入→轉(zhuǎn)換為元件 ”命令，把它轉(zhuǎn)換成名為“帶圓孔的矩八年級(jí) 上冊(cè) 37 形幕布”的圖形元件。執(zhí)行“ 修改→分離 ”命令，把這個(gè)“圓形”實(shí)例分離。 制作“小字”遮罩層 第 1 步：在“小字”圖層上面插入一個(gè)圖層，改名為“小字遮罩”。把舞臺(tái)中的圓拖到“國”字上面。 第 3 步：利用“箭頭”工具，把圓拖到舞臺(tái)“中”字的上面。 從上面可以看出，遮罩層中表示放大鏡的“孔”應(yīng)該是一個(gè)圓，透過這個(gè)“孔”看到的是放大的文字。執(zhí)行“ 修改→分離 ” 命令， 7 個(gè)小字就會(huì)從一個(gè)文本框中分離出來。適當(dāng)設(shè)定舞臺(tái)的大小和背景色，然后以“放大鏡 .fla”為文件名保存在自己的文件夾里。 下面以制作用放大鏡查看文字的動(dòng)畫為例，介紹靈活運(yùn)用遮罩曾制作較復(fù)雜動(dòng)畫的基本思路。 學(xué)會(huì)在實(shí)踐上正確利用遮罩操作步驟進(jìn)行操作 。 知識(shí)目標(biāo) 在操作過程中使用遮罩作用制作各種吸引人的優(yōu)美動(dòng)畫。這時(shí)，“時(shí)間軸”面板上的“文字”圖層時(shí)遮罩層，“矩形”圖層時(shí)被遮罩層。利用“任意變形”工具把矩形拉長(zhǎng)，使它覆蓋整行文字。 第 6 步：選定“文字”圖層的第 1 幀，利用“插入文字”工具，在舞臺(tái)的中間位置輸入 文字“讓我們蕩起雙槳”并設(shè)定適當(dāng)?shù)母袷健? 八年級(jí) 上冊(cè) 33 第 3 步：選定工具箱中的“矩形”工具，筆觸顏色設(shè)為無色，把填充顏色設(shè)為七彩的線性漸變色，然后在舞臺(tái) 中畫一個(gè)高度與舞臺(tái)相當(dāng)?shù)木匦?。下圖是文字出現(xiàn)的最后一幀畫面。靈活運(yùn)用遮罩層，可以產(chǎn)生一些特殊的動(dòng)畫效果。 學(xué)會(huì)在實(shí)踐上正確利用遮罩操作步驟進(jìn)行操作 。 知識(shí)目標(biāo) 在操作過程中使用遮罩作用制作各種吸引人的優(yōu)美動(dòng)畫。以后的課中要注意多強(qiáng)調(diào)。 第 6 步：按照類似操作，在添加兩個(gè)圖層，制作第三片秋葉下落的動(dòng)畫。這樣，“秋葉 2”圖層就被設(shè)置成了“圖層 4”的被引導(dǎo)層。 第 3 步：選定“秋葉 2”圖層，單擊 按鈕在該圖層上添加一個(gè)新圖層“圖層 4”，選定 工具在舞臺(tái)中畫一條弧線。 在“飄落的秋葉”動(dòng)畫中在添加兩片下落的秋葉。 重點(diǎn)：引導(dǎo)圖層建立方法、作用。 知識(shí)目標(biāo) 掌握制作引導(dǎo)動(dòng)畫的基本方法。以后的課中要注意多強(qiáng)調(diào)。 第 13 步：執(zhí)行 “控制→測(cè)試影片” 命令或者敲 Ctrl+Enter 鍵播放動(dòng)畫，看看運(yùn)動(dòng)的畫面與第 12 步播放的動(dòng)畫有什么不同。這時(shí)，敲回車鍵后可以看到，秋葉沿著直線方向從起始點(diǎn)一到終止點(diǎn)，而沒有嚴(yán)格沿路徑運(yùn)動(dòng)。然后把秋葉拖到引導(dǎo)路徑的起始位置。 第 5 步：?jiǎn)螕?“時(shí)間軸”面板下方的添加引導(dǎo)層按鈕 ，這時(shí)，“秋葉”層上會(huì)出現(xiàn)一個(gè)名為“引導(dǎo)層：秋葉”圖層。 第 1 步：?jiǎn)螕艟庉媴^(qū)中的 圖標(biāo)，切換到場(chǎng)景編輯狀態(tài)。選擇棕紅色為填充色，在單擊工具箱下方的空隙大小按鈕 ，彈出列 表框時(shí)選擇“封閉大空隙“選項(xiàng)。 第 2 步：執(zhí)行 “插入→新建元件” 命令，出現(xiàn)“創(chuàng)建新元件”對(duì)話框時(shí)，在名稱框中輸入“秋葉”，在行為欄中選定“圖形”，然后單擊 確定 按鈕，進(jìn)入圖形元件 編輯區(qū)。 一、制作“飄落的秋葉”動(dòng)畫 一般說來，引導(dǎo)動(dòng)畫中的對(duì)象應(yīng)該是元件的實(shí)例。在 Flash 中，還有一種叫做 引導(dǎo)層 的特殊圖層。 重點(diǎn)：引導(dǎo)圖層建立方法、作用。 知識(shí)目標(biāo) 掌握制作引導(dǎo)動(dòng)畫的基本方法。 板書設(shè)計(jì) 練習(xí) 制作一個(gè)高興的表情改成悲傷的表情動(dòng)畫 教學(xué)反思 看同學(xué)們上節(jié)課填的評(píng)價(jià)表后，我發(fā)現(xiàn)好多學(xué)生對(duì)圖層概念的知識(shí)有點(diǎn)模糊，所以這節(jié)課專門用圖層制作一個(gè)有趣的 動(dòng)畫，讓同學(xué)們更深入的認(rèn)識(shí)到圖層的概念。 難點(diǎn) 重點(diǎn) 教材、電腦。 作業(yè) 做 47頁的練習(xí)。制作時(shí)，可以根據(jù)實(shí)際情況鎖定暫時(shí)不編輯的圖層，避免對(duì)圖層的誤操作。 二、 Flash 可以創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫和形狀補(bǔ)間動(dòng)畫。 感情德育 圖層的應(yīng)用 難點(diǎn) 重點(diǎn) 教材，電腦 教學(xué)用品 講上幾節(jié)課已經(jīng)學(xué)過的內(nèi)容來導(dǎo)入新課。在完成學(xué) 習(xí)任務(wù)的同時(shí)，讓學(xué)生感受到成功的喜悅，激發(fā)了學(xué)生學(xué)習(xí)的欲望，輸了自信心。 第 8 幀：執(zhí)行 “插入→創(chuàng)建補(bǔ)間動(dòng)畫” 命令，在 1～ 20 幀、 20～ 25 幀、 25～ 30 幀 、 30～47 幀之間生成動(dòng)作補(bǔ)間動(dòng)畫。 第 4 步：在“光影”圖層的第 20 幀處插入關(guān)鍵幀，選定舞臺(tái)中的“光影”圖形，再選定 工具，拖動(dòng)頂角的操作點(diǎn)把圖形適當(dāng)縮小。進(jìn)入元件編輯區(qū)后，繪制一個(gè)無邊界色、填充色為白到黑的中心漸變色的橢圓。 適當(dāng)設(shè)定“簡(jiǎn)易”參數(shù)，可以使對(duì)象朝著動(dòng)畫結(jié)束的方向加速或減速運(yùn)動(dòng)。 第 8 步：?jiǎn)螕簟皬椥郧颉眻D層的第 1 幀，按住 Shift 鍵的同時(shí)單擊第 47 幀，使 1～ 47幀間的所有幀都處于選定狀態(tài)。單擊舞臺(tái)中的彈性球，再選定工具箱中的 工具，拖動(dòng)彈性球上的操作點(diǎn) ，適當(dāng)把小球壓扁一些，拉寬一些。 第 3 步：選定工具箱中的 工具 ，拖動(dòng)舞臺(tái)中的彈性球，把它移到舞臺(tái)中間 偏上的位置。 第 5 步：選定 工具，在圓的左上方單擊，把它填充成一個(gè)左上方稍白的黃色的圓。 制作“彈性球”元件 第 1 步：新建一個(gè) Flash 文檔，在“屬性”面板中把大小設(shè)為 300px 600px，把背景顏色設(shè)為黑色，然后以文件名“彈性球 .fla”保存文檔。 找到并雙擊保存在自己文件夾里德動(dòng)畫文件名，觀看動(dòng)畫“彈性球”，下面是動(dòng)畫過程中的四個(gè)畫面。 教學(xué)用品 拿出一個(gè)籃球，這是什么？籃球！你們喜歡打籃球嗎？喜歡打籃球的同學(xué)舉手？教師演示拍籃球，學(xué)生觀察后說一說籃球發(fā)生了怎樣的變 化？請(qǐng)一位學(xué)生來拍一拍。 知識(shí)目標(biāo) 通過觀察籃球運(yùn)動(dòng)分析動(dòng) 畫、制作動(dòng)畫，培養(yǎng)學(xué)生觀察、分析和解決問題能力，提高學(xué)生綜合運(yùn)用所學(xué)知識(shí)的能力，讓學(xué)生能夠制作基本的逐幀動(dòng)畫。 制作“旋轉(zhuǎn)的風(fēng)車”動(dòng)畫。如果只框住圖形的不分區(qū)域，選定的就是局部。下面舉例介紹用 工具選定圖形、改變圖形形狀的操作方法。 第 4 步：保存文件。 第 1 步：?jiǎn)螕簟皶r(shí)間軸”面板中“圖層 2”的第 30 幀，敲 F6 鍵插入關(guān)鍵幀。 第 2 步：再單擊 6 次“拷貝并應(yīng)用變形”按鈕，復(fù)制“風(fēng)車”的其他 6 個(gè)葉片。 第 6 步：選定畫好的葉片，執(zhí)行 “插入→轉(zhuǎn)換為元件” 命令。 第 3 步：在舞臺(tái)中拖動(dòng)鼠標(biāo)指針，畫一個(gè)矩形。下面就再增加一個(gè)圖層，在新圖層中制作一個(gè)旋轉(zhuǎn)風(fēng)車的動(dòng)畫。 難點(diǎn) 重點(diǎn) 教材、電腦。 知識(shí)目標(biāo) 會(huì)運(yùn)用箭頭工 具改變圖形的形狀。敲回車鍵，可以看到樹枝先向左搖動(dòng)，然后又向右搖動(dòng)。 第 3 步：選定第 1 幀，單 擊舞臺(tái)中的樹枝，敲 Ctrl+C 鍵復(fù)制，然后選定第 60 幀，敲Ctrl+Shift+V 鍵，把第 1 幀的內(nèi)容復(fù)制到底 60 幀中。 制作“搖動(dòng)的樹枝”動(dòng)畫。 第 2 步：選定 工具，然后再顏色欄的筆觸顏色框中選擇棕色，在舞臺(tái)中畫出幾條樹枝。本課以制作隨風(fēng)搖動(dòng)的樹枝和旋轉(zhuǎn)的風(fēng)車動(dòng)畫為例，介紹制作多圖層動(dòng)畫的有關(guān)方法。 難點(diǎn) 重點(diǎn) 電腦，教材 教學(xué)用品 播放兩段 Flash 動(dòng)畫，一段一個(gè)圖層的動(dòng)畫和一個(gè)多圖層動(dòng)畫，導(dǎo)入新課。 八年級(jí) 上冊(cè) 14 備課時(shí)間： 2020 年 月 日 授課時(shí)間： 2020 年 月 日 第 4 課 多圖層動(dòng)畫 課題 第 4 周 2 節(jié) 課時(shí) 初二（ 7,9,11,13,14）班 授課班級(jí) 掌握并學(xué)會(huì)多圖層動(dòng)畫的制作方法。使用繪圖工具繪制的圖形，都是“分離”的。 形狀不講動(dòng)畫可以使一幅圖形逐漸變成另一幅圖形（形狀、位置、大小和顏色等屬性的變化）。實(shí)例的屬性包括位置、大小以及旋轉(zhuǎn)角度等。 在默認(rèn)狀態(tài)下， Flash 會(huì)自動(dòng)為要變形的對(duì)象設(shè)置一些關(guān)鍵點(diǎn)，播放動(dòng) 畫時(shí)，這些關(guān)鍵點(diǎn)的位置會(huì)發(fā)生變化，對(duì)象 其余部分的變化由 Flash 通過計(jì)算自動(dòng)生成。 第 5 步：?jiǎn)螕簟皶r(shí)間軸”面板中的第 1 幀，執(zhí)行兩次 “修改→形狀→添加形狀提示”命令，增加提示點(diǎn) b 和提示點(diǎn) c，把他們分別 把它們分別移到合適的位置上。 第 1 步：?jiǎn)?dòng) Flash，單擊工具欄中的 按鈕， 找到“字符變形”動(dòng)畫所在的文件夾，打開它。下面我們就一起看一下 形狀補(bǔ)間動(dòng)畫的制作過程。 感情德育 了解形狀提示的作用。 知道動(dòng)作補(bǔ)間動(dòng)畫和形狀補(bǔ)間動(dòng)畫的區(qū)別。 實(shí)例被分離后失去了實(shí)例的所 有屬性，不能稱為實(shí)例。 第 11 步：保存文件為“字符變形 .fla”。在單擊第 10 幀，敲 Ctrl+B 鍵，把字母 B 分離成圖形。 第 6 步：拖動(dòng)字母 A,使它位于舞臺(tái)的中間。 第 3 步：?jiǎn)螕簟氨尘吧庇覀?cè)的 按鈕，在彈出的顏色列表中單擊“淺藍(lán)色”色標(biāo)作為舞臺(tái)的背景色，然后單擊 “確定” 按鈕。 第 6 步：保存文件為“圖形變形 .fla”。 第 2 步：?jiǎn)螕簟皶r(shí)間軸”面板中的第 10 幀，執(zhí)行 “插入→空白關(guān)鍵幀” 命令（或者敲F7 鍵）插入空白關(guān)鍵幀。 導(dǎo)入新課 教學(xué)過程 除了動(dòng)作補(bǔ)間動(dòng)畫以外，還可以用 Flash 制作形狀補(bǔ)間動(dòng)畫，讓圖形、文字等對(duì)象自動(dòng)變形。 智能目標(biāo) 鼓勵(lì)學(xué)生進(jìn)一步學(xué)習(xí)動(dòng)畫的制作，由淺入深、由表及里掌握動(dòng)畫制作的方法，提高其制作 動(dòng)畫和欣賞動(dòng)畫的水平；培養(yǎng)學(xué)生的自主探索、協(xié)作研究的精神。極個(gè)別學(xué)生直接在元件里完成了整個(gè)動(dòng)畫，在以后的學(xué)習(xí)中應(yīng)反復(fù)強(qiáng)調(diào) 。 第 2 步：?jiǎn)螕?“發(fā)布” 按鈕，把動(dòng)畫發(fā)布成擴(kuò)展名為“ .swf”的 Flash 影片文件和擴(kuò)展名為“ .exe”的可執(zhí)行文件。 八年級(jí) 上冊(cè) 9 可以看到，小女孩圖片先從舞臺(tái)左上角移到右下角，然后變大并移到舞臺(tái)中央，變小淡出，在變大淡入，接著順時(shí)針旋轉(zhuǎn)一圈。 第 1 步：?jiǎn)螕簟皶r(shí)間軸”面板的第 90 幀，敲 F6 鍵插入關(guān)鍵幀。 感情德育 在 Flash 動(dòng)畫中導(dǎo)入圖片。 知識(shí)目標(biāo) 會(huì)在 Flash 動(dòng)畫中導(dǎo)入圖片。 板書設(shè)計(jì) 第 2 課 動(dòng)作補(bǔ)間動(dòng)畫 一、利用導(dǎo)入的圖片制作動(dòng)畫 二、改變對(duì)象的大小 三、改變對(duì)象的不透明度 教學(xué)反思 本課的難點(diǎn)在于元件的制作，學(xué)生習(xí)慣于直接在場(chǎng)景中制作動(dòng)畫，要重點(diǎn)強(qiáng)調(diào)元件的作用，并通過學(xué)生在進(jìn)行透明度設(shè)置時(shí)出現(xiàn)的問題強(qiáng)調(diào)非元件某些不能實(shí)現(xiàn)的效果。 第 2 步： 單擊“屬性”面板中顏色選擇框里的 按鈕 ，在打開的下拉列表框中單擊 Alpha選項(xiàng)，再單擊右側(cè)選擇框里的 按鈕， 然后拖動(dòng)標(biāo)尺上的滑塊，調(diào)整不透明度為 20%?？梢钥吹健靶∨ⅰ眻D片從舞臺(tái)的右下角移到舞臺(tái)中央，同時(shí)逐漸變大。 第 2 步：?jiǎn)螕艄ぞ呦渲械娜我庾冃喂ぞ甙粹o ，選定 圖片后把指針移到右上角的操作點(diǎn)上，指針變成 形時(shí)，按住 shift 鍵拖動(dòng)鼠標(biāo)，調(diào)大“小女孩”圖片?？梢钥吹剑靶∨ⅰ眻D片從左上角進(jìn)入舞臺(tái)，然后從右下角移出舞臺(tái)。 第 4 步：?jiǎn)螕簟皶r(shí)間軸”面板中的第 30 幀，然后敲 F6 鍵（或執(zhí) 行 “插入→ 關(guān)鍵幀”命令），在第 30 幀插入關(guān)鍵幀。 導(dǎo)入圖片后再把它應(yīng)用到舞臺(tái)中，就可以制作動(dòng)畫作品了。 找一張自己的照片 ，把它導(dǎo)入 Flash,在進(jìn)行一些處理操作，就可以制作出動(dòng)畫的效果來。 難點(diǎn) 重點(diǎn) 教材，電腦。 掌握動(dòng)作不見動(dòng)畫的基本制作方法。 板書設(shè)計(jì) 第 1 課 Flash 和 Flash 動(dòng)畫 三、制作簡(jiǎn)單的動(dòng)畫 制作一個(gè)運(yùn)動(dòng)的圓 教學(xué)反思 在這節(jié)課的任務(wù)驅(qū)動(dòng)下，通過創(chuàng)設(shè)情境 激發(fā)學(xué)生興趣，提出問題，學(xué)生自主探究，讓學(xué)生在學(xué)習(xí)中感受制作動(dòng)畫的趣味性，在完成任務(wù)過程中掌握重點(diǎn)知識(shí)，完成了難點(diǎn)任務(wù)。 第 9 步：執(zhí)行“ 控制→播放” 命令或敲回車鍵，播放動(dòng)畫，可以看到圓從舞臺(tái)的左上角移到右下角的動(dòng)畫過程。 第 6 步：執(zhí)行 “插入→轉(zhuǎn)換為元件” 命令，出現(xiàn)“轉(zhuǎn)換為元件”對(duì)話框后，在名稱框八年級(jí) 上冊(cè) 4 中輸入“圓”，在行為欄中選定“圖形 ” 選項(xiàng)，然后單擊 “確定” 按鈕。 第 2 步：在工具箱中部的顏色欄里單機(jī)筆觸顏色框中 按鈕，在彈出的顏色列表框