【導(dǎo)讀】09省道塘棲至乾元段公路是《德清縣公路水路交通運(yùn)輸“十一五”發(fā)展規(guī)劃》，“三縱、三橫”中“一橫”——09省道中重要的一段。目前德清境內(nèi)09省道秋山至。①、道路技術(shù)等級(jí)：二級(jí)加寬公路；②、計(jì)算行車速度：80公里/小時(shí)；④、行車道寬度：4×。線路基土石方，路面工程，全線建設(shè)用地總規(guī)模畝，沿線主要工程數(shù)量表見(jiàn)。道路橫斷面見(jiàn)圖。本次設(shè)計(jì)采用瀝青混凝土路面結(jié)構(gòu)。基邊坡穩(wěn)定，需進(jìn)行必要的防護(hù)。厚水泥混凝土預(yù)制塊加固。填方路提采用植草護(hù)坡。對(duì)于一半灌溉、河溝的改移。沿線路基通過(guò)魚（水）塘區(qū)段，在排水、清淤后，坡腳采用漿砌片石護(hù)腳墻，邊坡采用漿砌片防護(hù)。蓋板，底寬，深，全線排水溝均采用漿砌片石。路面排水利用路面橫披及縱坡自然排水。綠化帶每隔20米設(shè)置一個(gè)開(kāi)口，以便及時(shí)排出雨水。港）不做拆除或拼寬處理。本項(xiàng)目改造中小橋8座，跨越河流為十子港支流，改

　　

【正文】 畫效果（完成基本任務(wù)） 掌握對(duì)象“位置、旋轉(zhuǎn)度 /大小”改變方法 6． * 幀的復(fù)制與翻轉(zhuǎn) 演示：逐幀動(dòng)畫的制作 1． 將前八幀復(fù)制粘貼至第九幀處 2． 選中剛復(fù)制的后八幀并進(jìn)行幀翻轉(zhuǎn) 3． 播放，觀察效果，找出不足之處 4． 修改后八幀小鳥(niǎo)的方向及大小，使小鳥(niǎo)由遠(yuǎn)飛到近（大），又由近飛回到遠(yuǎn)方（?。? 制作 逐幀動(dòng)畫 ，動(dòng)畫效果： 使小鳥(niǎo)由遠(yuǎn)飛到近（大），又由近飛回到遠(yuǎn)方（?。? （完成提高任務(wù) ） 了解幀復(fù)制與幀 翻轉(zhuǎn) 操作 7． * 層 設(shè)問(wèn)：如何增加一動(dòng)作對(duì)象？ 1． 增加一圖層（ 操作 演示） 2． 在圖層 2 的第一幀導(dǎo)入另外一組圖片 ， 仿照?qǐng)D層 1 的操作，完成第二個(gè)對(duì)象的動(dòng)作（啟發(fā)學(xué)生） 完成 不同小鳥(niǎo)（或其它動(dòng)物）同時(shí)運(yùn)動(dòng) 的動(dòng)畫效果（拓展任務(wù)） *圖層的理解與運(yùn)用 8． 小結(jié) 1． 對(duì) 幀、關(guān)鍵幀、逐幀動(dòng)畫、動(dòng)畫原理的理解 2． 改變對(duì)象 位置、大小、方向 的操作方法 3． 思考：傳統(tǒng)動(dòng)畫制作的優(yōu)缺點(diǎn) ？ 歸納總結(jié) 掌握 改變對(duì)象位置、大小、方向等操作。 七、 教學(xué)評(píng)價(jià)設(shè)計(jì) 本節(jié)課將按梯度（由簡(jiǎn)到繁）設(shè)置三個(gè)任務(wù)： ①基本任務(wù)：導(dǎo)入小 鳥(niǎo)飛翔的序列圖片，修改各幀，使小鳥(niǎo)可以隨意飛翔。（ 約 60 分） ②提高任務(wù)：通過(guò)復(fù)制幀、翻轉(zhuǎn)幀、改變飛行方向等，使小鳥(niǎo)能飛回原位。（ 約 80 分） ③拓展任務(wù)：不同小鳥(niǎo)（或其它動(dòng)物）同時(shí)運(yùn)動(dòng)（ 約 100 分） 學(xué)生 只需 挑選一個(gè)任務(wù)進(jìn)行提交 即可，如 只 交 提高任務(wù)， 教師 當(dāng) 堂打 分或存盤后打分。巡堂 時(shí) 發(fā)現(xiàn) 有特色 作品即用大屏幕演示 ， 并加以表?yè)P(yáng) 鼓勵(lì) 。 八、 教學(xué)反思 33 上完本節(jié)課后，感覺(jué)學(xué)生對(duì)動(dòng)畫制作有 了 濃厚的興趣，特別是通過(guò)對(duì)逐幀動(dòng)畫的各種操作，學(xué)生基本上都能理解 幀、關(guān)鍵幀、逐幀動(dòng)畫、動(dòng)畫 原理 ， 掌握f(shuō)lash 基本操作，如逐幀 改變小鳥(niǎo) 位 置、大小、方向 的操作， 為后續(xù)的關(guān)鍵幀動(dòng)畫制作打下了良好的基礎(chǔ)。 大部分學(xué)生可以根據(jù)“操作指南 .doc”進(jìn)行學(xué)習(xí)，完成不同層次的教學(xué)任務(wù)，95%的學(xué)生能完成基本任務(wù)， 80%的學(xué)生能完成提高 任 務(wù)， 36%的學(xué)生能完成拓展任 務(wù)， 達(dá)到了預(yù)期的教學(xué)目標(biāo)，取得了比較滿意的教學(xué)效果。 附學(xué)生《操作指南》： 第一節(jié) 動(dòng)畫原理 （初識(shí) flash） 一、本節(jié)課目標(biāo) 1. 熟悉 flash mx 2020 的界面 2. 掌握對(duì)圖片的導(dǎo)入、縮放、旋轉(zhuǎn)操作 3. 理解幀、關(guān)鍵幀、逐幀動(dòng)畫的含義、動(dòng)畫原理 4. 學(xué)會(huì)對(duì)幀頻的改變，幀的復(fù)制、翻轉(zhuǎn)操作 5. 初步學(xué) 會(huì)對(duì)層進(jìn)行簡(jiǎn)單的操作 二、學(xué)習(xí)資源 1．教師用 PowerPoint“動(dòng)畫原理 .ppt” 2．教師提供小鳥(niǎo)等動(dòng)物圖片素材、動(dòng)畫實(shí)例（欣賞） 3．實(shí)例欣賞：“文字顯示 .fla”、 “人物旋轉(zhuǎn) .fla” 三、本節(jié)課任務(wù) 1．基本任務(wù) ：導(dǎo)入小鳥(niǎo)飛翔的序列圖片，修改各幀，使小鳥(niǎo)可以隨意飛翔。（ 60 分） 2. 提高任務(wù)：通過(guò)復(fù)制幀、翻轉(zhuǎn)幀、改變飛行方向等，使小鳥(niǎo)飛回原位。（ 80 分） 3. 拓展任務(wù)： 導(dǎo)入 不同小鳥(niǎo)（或其它動(dòng)物）同時(shí)運(yùn)動(dòng)（ 100 分） 挑選一個(gè)任務(wù)進(jìn)行提交（可以只給 提高 任務(wù)），當(dāng)場(chǎng)給 分或存盤后打分。 四、 操作步驟（ 參看教材 P81~P84） 1．導(dǎo)入小鳥(niǎo)系列圖片（ jpg），形成逐幀動(dòng)畫 2．時(shí)間軸上每一小格就是一幀，含有圖片的幀就是關(guān)鍵幀，連續(xù)關(guān)鍵幀形成的動(dòng)畫就是逐幀動(dòng)畫。 3．動(dòng)畫播放：小鳥(niǎo)在原地飛翔 4．動(dòng)畫原理：人的視覺(jué)殘留原理 5．修改幀頻后再播放，觀察小鳥(niǎo)飛翔的速度，理解幀頻的含義。 6．修改各幀小鳥(niǎo)位置、方向、大小， 使小鳥(niǎo)可以隨意飛翔。 （ 基本任務(wù) ） 7．將前八幀復(fù)制粘貼至第九幀處，選中剛復(fù)制的后八幀并進(jìn)行幀翻轉(zhuǎn)，播放，觀察效果，找出不足之處 8．修改后八幀小鳥(niǎo)的方向及大 小，使小鳥(niǎo)由遠(yuǎn)飛到近（大），又由近飛回到遠(yuǎn)方（?。? 34 五、 思考與探究： 1． 老師同時(shí)提供了 bmp、 jpg、 gif 三種圖片格式，你是如何認(rèn)識(shí)這幾種圖片的？ 2．播放動(dòng)畫“文字顯示 .fla”、 “人物旋轉(zhuǎn) .fla”，能否總結(jié)傳統(tǒng)動(dòng)畫（逐幀動(dòng)畫）的優(yōu)缺點(diǎn)？ 3．拓展任務(wù)：實(shí)現(xiàn)同一層多個(gè)對(duì)象運(yùn)動(dòng)，有無(wú)先后順序？如果多個(gè)對(duì)象要同時(shí)運(yùn)動(dòng)應(yīng)如何處理？ 小橋流水 Flash動(dòng)畫 范宇俠 胡宇明 這個(gè) Flash動(dòng)畫效果實(shí)現(xiàn)的是小橋流水的效果。小橋下的水靜靜地流淌著，小橋的倒影和水中的金魚可以讓我們想起了童年的生活。但 最重要的這是一個(gè)比較實(shí)用和常用的效果。 教學(xué)目標(biāo) ： 學(xué)生掌握小橋流水的實(shí)現(xiàn)方法，如何設(shè)計(jì)一只可愛(ài)的金魚；學(xué)會(huì)運(yùn)用另一種漸變動(dòng)畫類型 —— 形狀漸變動(dòng)畫，以及在動(dòng)畫中使用遮照功能。 教學(xué)難點(diǎn)： ； 性要一致； ，要怎樣實(shí)現(xiàn)。 教學(xué)過(guò)程： 展示小橋流水 Flash動(dòng)畫，學(xué)生注意觀看，指出動(dòng)畫中有那些對(duì)象有過(guò)運(yùn)動(dòng)， 打開(kāi)原程序，注意觀察時(shí)間軸上的有幾個(gè)圖層，圖層的圖標(biāo)和以前學(xué)到過(guò)的有什么不同，以及時(shí)間軸的補(bǔ)間等。 打開(kāi)庫(kù)看一下里面有幾個(gè)元件幾元件的屬性。 具體制作小橋流水 Flash動(dòng)畫 1．設(shè)置場(chǎng)景的大小為 500px 300px，背景色為 10A9CC，幀頻為 12fps。 2．導(dǎo)入小橋。按快捷鍵 Ctrl+F8打開(kāi) “ 創(chuàng)建新元件 ” 面板創(chuàng)建一個(gè) “ 小橋 ” 圖形 元件。然后導(dǎo)入一座小橋圖片，如圖 11所示。 圖 11 3．制作魚尾。新建一個(gè) “ 魚尾 ” 影片剪輯元件。在元件的場(chǎng)景中繪制一個(gè)魚尾，如圖 12所示。 圖 12 4．按快捷鍵 Shift+F9鍵打開(kāi) “ 混色器 ” 面板，并如圖 13所示進(jìn)行設(shè)置。 “ 混色器 ” 下拉菜單中選擇 “ 線型 漸變 ” 。其中三個(gè)滑塊的顏色分別是 F5800A、 F8D356（透明度為 70%）和白色（透明度為 50%）。設(shè)置好后用 “ 顏料桶 ” 工具給魚尾上色。 35 圖 13 4．如圖 14所示建立 “ 魚尾 ” 層。分別在第 1 20幀上插入關(guān)鍵幀。然后把每幀中的魚尾設(shè)置成圖 15中不同的形狀，當(dāng)然筆者使用洋蔥皮命令是為了大家能夠看得更清楚一點(diǎn)，實(shí)際上這 5個(gè)魚尾應(yīng)該是重疊的。單擊 “ 魚尾 ” 層，使該層的所有幀成陰暗的被選取狀態(tài)。然后在 “ 屬性 ” 面板的 “ 補(bǔ)間 ” 下拉菜單中選擇 “ 形狀漸變 ” 選項(xiàng)建立形狀漸變動(dòng)畫。 圖 14 5．制 作金魚。創(chuàng)建一個(gè) “ 金魚 ” 影片剪輯元件，如圖 15所示建立 “ 胸鰭 ” 、 “ 魚頭 ” 、 “ 魚身 ” 等層。除了 “ 魚頭 ” 層外，其它三層都是由 “ 魚尾 ” 元件通過(guò) “ 變形 ” 面板變形而得到，這也體現(xiàn)了 Flash設(shè)計(jì)中盡量重復(fù)使用元件來(lái)減小文件體積，提高效率的原則。在 “ 魚身 ”層中，只要設(shè)計(jì)一個(gè)紅色的魚身，然后讓魚身發(fā)生一點(diǎn)形變，產(chǎn)生一點(diǎn)動(dòng)的效果就可以了。 圖 15 6．制作流水。新建一個(gè) “ 流水 ” 層。然后如圖 16所示創(chuàng)建元件的各層： “ 小橋 1” 層、 “ 小橋 2” 層、 “ 遮罩 ” 層。 圖 16 7．按快捷鍵 Ctrl+L打開(kāi)庫(kù)，把庫(kù)中的 “ 小橋 ” 元件拖到 “ 小橋 1” 層中。然后單擊選中該層的第 60幀按 F5鍵插入幀。接著單擊 “ 隱藏 /顯示 ” 按鈕 隱藏 “ 小橋 1” 層中的元件。然后再 36 把庫(kù)中的 “ 小橋 ” 元件再拖到 “ 小橋 2” 層中。單擊選中該層的第 50幀按 F6鍵插入關(guān)鍵幀。注意， “ 小橋 1” 層和 “ 小橋 2” 層中的 “ 小橋 ” 元件應(yīng)該相同。 8．在 “ 遮罩 ” 層中制作一個(gè)由一條條高度為 8px的線條組成的遮罩塊，每條小條之間要保證有一定的間隙。接著按快捷鍵 Ctrl+G將其組合。如圖 17所示。 圖 17 9．單擊 “ 遮罩 ” 層的第 1 4 60幀并按 F6鍵插入關(guān)鍵幀。然后把各 幀中的遮罩元件上下移動(dòng)一下，并建立補(bǔ)間動(dòng)畫。目的是使其上下移動(dòng)，形成流水的間隙效果。只要保證遮罩物能完全遮罩住小橋就可以了。 10．從庫(kù)中把 “ 金魚 ” 元件拖拽到 “ 小橋 2” 層中的適當(dāng)位置，可隨意的再?gòu)?fù)制出幾條金魚，并可在 “ 屬性 ” 面板中將其色彩改成黑色。也可自己設(shè)計(jì)幾條小蝌蚪放在該層中。那樣，效果就更有童趣，更加春意盎然了。 11．回到主場(chǎng)景。如圖 18所示建立 “ 小橋 ” 層和 “ 倒影 ” 層。然后從庫(kù)中把 “ 小橋 ” 圖形元件拖拽到 “ 小橋 ” 層中。再把 “ 流水 ” 影片剪輯元件拖拽到 “ 倒影 ” 層中。并使用 “ 變形 ” 面板調(diào)整到適當(dāng)位置。 圖 18 小橋流水的效果到這里就做好了。一個(gè)完整的 Flash動(dòng)畫就做好了。 小結(jié) 在整個(gè) Flash動(dòng)畫的制作過(guò)程中要注意，在運(yùn)用形狀漸變動(dòng)畫時(shí)兩個(gè)關(guān)鍵幀中的對(duì)象屬性要一致，最好是選中關(guān)鍵幀后再在屬性面版的中間下拉菜單中選擇形狀。在使用遮照時(shí)要注意遮照的位置，及遮照層覆蓋的內(nèi)容。布置學(xué)生預(yù)習(xí)書上的 P141紅星閃閃的例子。 課件制作中插入 Flash 動(dòng)畫的方法 在日常教學(xué)中用Ａｕｔｈｏｒｗａｒｅ、ＰｏｗｅｒＰｏｉｎｔ能制作十分精美的課件，但由于使用了大量圖片、聲音、動(dòng)畫，所以文件比較大，課件制作中最占空間的 是聲音和動(dòng)畫。對(duì)于動(dòng)畫，Ｆｌａｓｈ是很好的動(dòng)畫制作軟件，并且文件體積很小，占用空間比較少，而且Ｆｌａｓｈ動(dòng)畫效果很好。如果在課件中加入一些Ｆｌａｓｈ動(dòng)畫，一方面可以減小課件的體積，另一方面為課件增色很多，下面談?wù)勅绾尾迦耄疲欤幔螅鑴?dòng)畫。 １、 Ａｕｔｈｏｒｗａｒｅ ７．０課件中插入Ｆｌａｓｈ動(dòng)畫 在Ａｕｔｈｏｒｗａｒｅ ７．０中插入Ｆｌａｓｈ動(dòng)畫，常用的有兩種方法： 方法一，利用ＡｃｔｉｖｅＸ控件插入Ｆｌａｓｈ動(dòng)畫 １）首先在流程中插入ＡｃｔｉｖｅＸ控件。在菜單中選擇 “ Ｉｎｓ ｅｒｔ ” （插 37 入），選取 “ Ｃｏｎｔｒｏｌ ” （控制），選定 “ ＡｃｔｉｖｅＸ ” （控件），單擊它。 ２）彈出 “ Ｓｅｌｅｃｔ ＡｃｔｉｖｅＸ Ｃｏｎｔｒｏｌ ” 對(duì)話框，在對(duì)話框中，拖動(dòng) “ Ｃｏｎｔｒｏｌ Ｄｅｓｃｒｉｐｔｉｏｎ ” 列表框的滾動(dòng)條，找到 “ Ｓｈｏｃｋｗａｖｅ Ｆｌａｓｈ Ｏｂｊｅｃｔ ” 選項(xiàng)。 ３）單擊 “ ＯＫ ” 按鈕，彈出 “ ＡｃｔｉｖｅＸ Ｃｏｎｔｒｏｌ Ｐｒｏｐｅｒｔｉｅｓ ” 對(duì)話框。 ４）單擊 “ Ｃｕｓｔｏｍ ” （自定義）按鈕，彈出 “ Ａｕｔｈｏｒｗａｒｅ 屬性 ”對(duì)話框。在 “ Ｍｏｖｉｅ ＵＲＬ ” （影片地址）后面的文本框中輸入要播放的 Ｆｌａｓｈ動(dòng)畫文件名（文件后綴名為．ｓｗｆ）和路徑。選定 “ Ｐｌａｙ ” 復(fù)選框，否則將只顯示一幅靜止的圖片；選定 “ Ｌｏｏｐ ” 復(fù)選框，重復(fù)循環(huán)播放Ｆａｌｓｈ動(dòng)畫，否則只播放一次。點(diǎn)擊 “ 應(yīng)用 ” 、 “ 確定 ” 回到 “ ＡｃｔｉｖｅＸ Ｃｏｎｔｒｏｌ Ｐｒｏｐｅｒｔｉｅｓ ”對(duì)話框，再點(diǎn)擊 “ ＯＫ ” 。此時(shí)流程上會(huì)出現(xiàn)一個(gè)ＡｃｔｉｖｅＸ控件的圖標(biāo)。 ５）單擊工具欄中的 “ 控制面板 ” 按鈕，在彈出的控制面板中先單擊運(yùn)行按鈕，在展示窗口中運(yùn)行程序，再單擊暫停按鈕，暫停程序運(yùn)行，出現(xiàn)Ｆｌ ａｓｈ動(dòng)畫窗口，然后拖動(dòng)窗口四周的句柄，就可以調(diào)整Ｆｌａｓｈ動(dòng)畫窗口的大小和位置了。 方法二，利用鏈接的方法插入Ｆｌａｓｈ動(dòng)畫 １）在菜單中選擇 “ Ｉｎｓｅｒｔ ” （插入），選取 “ Ｍｅｄｉａ ” （媒體）中的“ Ｆｌａｓｈ Ｍｏｖｉｅ．．． ” ，打開(kāi)對(duì)話框。 ２）單擊 “ Ｂｒｏｗｓｅｒ ” （瀏覽）按鈕，在 “ Ｏｐｅｎ Ｓｈｏｃｋｗａｖｅ Ｆｌａｓｈ Ｍｏｖｉｅ ” 對(duì)話框中選擇Ｆｌａｓｈ動(dòng)畫文件（后綴為．ｓｗｆ） 單擊 “ Ｏｐｅｎ ” （打開(kāi)）按鈕，單擊 “ Ｏｋ ” 即可，此時(shí)流程上會(huì)出現(xiàn)一個(gè)ＡｃｔｉｖｅＸ控件的圖標(biāo)。 ３）調(diào)整Ｆｌａｓｈ動(dòng)畫窗口的大小和位置的方法同方法一中的第五步驟。 ２、ＰｏｗｅｒＰｏｉｎｔ 2020課件中插入Ｆｌａｓｈ動(dòng)畫 在ＰｏｗｅｒＰｏｉｎｔ中插入Ｆｌａｓｈ動(dòng)畫，常用的也有兩種方法： 方法一，利用ＡｃｔｉｖｅＸ控件插入Ｆｌａｓｈ動(dòng)畫 在ＰｏｗｅｒＰｏｉｎｔ 2020中使用Ｆｌａｓｈ動(dòng)畫，首先要求系統(tǒng)安裝Ｆｌａｓｈ ＡｃｔｉｖｅＸ控件。打開(kāi)ＰｏｗｅｒＰｏｉｎｔ 2020工作界面，在 “ 視圖 ” 菜單中選取 “ 工具欄 ” 內(nèi)的 “ 控件工具箱 ” ，打開(kāi) “ 控件工具箱 ” 面 板。在 “ 控件工具箱 ” 面板中選 “ 其他控件 ” ，用鼠標(biāo)左鍵單擊該按鈕，打開(kāi)系統(tǒng)安裝的控件清單，從中選擇“ Ｓｈｏｃｋｗａｖｅ Ｆｌａｓｈ Ｏｂｊｅｃｔ ” 。此時(shí)光標(biāo)變成十字形，用鼠標(biāo)在需要插入動(dòng)畫的地方拖動(dòng)出一個(gè)方框（方框的大小表示演示窗口的大小