第一篇:計算機網(wǎng)頁與動畫_公開課教案
計算機網(wǎng)頁與動畫_公開課教案
[教學(xué)課題]:第十五章 FLASH在網(wǎng)頁中的應(yīng)用實例制作
[教學(xué)課型]:實驗課 [教學(xué)目的]: 知識目標(biāo)——了解AS代碼的作用,掌握應(yīng)用外部文件到FLASH制作當(dāng)中,熟練動畫制作的界面和制作步驟。
2.能力目標(biāo)——培養(yǎng)學(xué)生的自主學(xué)習(xí)能力,能夠聽老師演示一次就大致能夠按課件的制作步驟說明制作出動畫成品。
3.德育目標(biāo)——培養(yǎng)學(xué)生制作動畫的的創(chuàng)造性思維,探究能力。[教學(xué)重點和難點]:
教學(xué)重點:學(xué)生按照課件的步驟制作出動畫作品 2
教學(xué)難點:動畫的原件命名以及AS代碼部分
教學(xué)關(guān)鍵:講解步驟清晰,一步一步制作,教師巡堂解決疑難。[教學(xué)方法]:任務(wù)驅(qū)動法? 演示法
[實驗及教具]:包含完整的硬軟件資源的多媒體計算機 [教學(xué)課時]:1 [教學(xué)過程]:
課前準(zhǔn)備
已制作了相應(yīng)的網(wǎng)絡(luò)版教學(xué)課件,內(nèi)容完整,包括簡介,教學(xué)設(shè)計,步驟,效果,感想等??晒W(xué)生任何時候?qū)W習(xí)。并準(zhǔn)備了若干張本班級的JPG格式照片,供學(xué)生動畫制作時使用。
做好了教學(xué)站點(http://192.16.9.254)的建設(shè)工作,包括課件的網(wǎng)絡(luò)訪問配置,文件上傳模塊的制作,自動生成動態(tài)網(wǎng)頁觀看學(xué)生作品模塊的制作等。
學(xué)生學(xué)習(xí)的主頁面快捷方式已經(jīng)放在學(xué)生機桌面,名字是“06軟件計機網(wǎng)頁制作學(xué)習(xí)全記錄” 雙擊打開即可學(xué)習(xí)。
引入新課:(_2_分鐘)
1、講述:FLASH動畫設(shè)計是伴隨著計算機互聯(lián)網(wǎng)絡(luò)的產(chǎn)生而形成的視聽設(shè)計新課題,同時也是網(wǎng)頁設(shè)計者以所處時代所能獲取的技術(shù)和藝術(shù)經(jīng)驗為基礎(chǔ),依照設(shè)計目的和要求自覺地對網(wǎng)頁的構(gòu)成元素進行藝術(shù)規(guī)劃的創(chuàng)造性思維活動,表面上看,它不過是關(guān)于版式編排的技巧與方法,而實際上,它不僅是一種技能,更是藝術(shù)與技術(shù)的高度統(tǒng)一。本次教學(xué)實例運用FLASH8設(shè)計制作了當(dāng)今網(wǎng)絡(luò)上十分流行的一些動畫效果,采用ACTIONSCRIPT2.0和FLASH8的發(fā)布格式,最后以網(wǎng)頁格式將案例集合到同一平臺上(http://192.168.9.254)。觀看時安裝了FLASHPLAYER9.0或者以上版本以便在網(wǎng)頁上顯示。
2、講述:本次課程我們將學(xué)習(xí)制作漂移效果的動畫作品。并把做好后把動畫文件作為作業(yè)上傳到教師機上。
教學(xué)演示(__8_分鐘)
1、講述:學(xué)生可打開教學(xué)頁面“點擊開始學(xué)習(xí)”按照課件步驟進行制作!
2、演示步驟:打開多媒體教學(xué)系統(tǒng),進行廣播教學(xué):
(1)<下載素材>打開教學(xué)頁面,點擊“素材下載”,選擇保存,選擇桌面,確定,在桌面上解壓縮文件“picture”可得到動畫制作的素材。
(2)<導(dǎo)入圖片>打開FLASH8,創(chuàng)建新文檔,設(shè)置屬性大小為980×590,背景為黑色,ctrl+L打開元件庫,保存文檔為自己學(xué)號如:48.fla,然后ctrl+f8新建圖形元件命名為“1”,這時要求把給出的圖片用PS改成自己選擇的照片,覆蓋掉給出的101至109.jpg圖片。然后ctrl+r導(dǎo)入桌面上的圖片文件101.jpg,在彈出的窗口選擇“否”,以此類推,把102至109.jpg一張一張分別導(dǎo)入到圖形元件2至9當(dāng)中。
(3)<制作影片> ctrl+f8新建圖形元件命名為“b”,畫一個無邊白色矩形。ctrl+f8新建影片元件命名為“mcb”,拖元件b進舞臺,分別在3,6,9,12幀處按f6,在屬性里的ALPHA分別設(shè)置為80,60,30,0.在13幀處點擊按f7,添加“stop();”動作。
ctrl+f8新建影片元件命名為“mc1”,拖元件1進舞臺,在第二幀按f5,插入圖層二,在圖層二的第二幀按f7,拖元件mcb進舞臺,修改屬性的大小與位置與元件1一樣(即覆蓋圖片),插入圖層三,在第一幀添加“stop();”動作。
以此類推ctrl+f8新建影片元件命名為“mc2”,mc3至mc9,分別拖圖形元件2,3至9到舞臺當(dāng)中。新建圖層二,在圖層二的第二幀按f7,拖元件mcb進舞臺,修改屬性的大小與位置與元件2,3至9一樣,插入圖層三,在第一幀添加“stop();”動作。這時完成了所有影片的制作工作。
(4)<添加代碼>ctrl+f8新建影片元件命名為“mcall”,分別拖影片元件“mc1”至“mc9”進舞臺,分別把屬性欄里的“實例名稱”改為“m1”至“m9”,各個影片元件稍微相連在一起。插入圖層二,點擊第一幀,把桌面上的文本文件“課件AS代碼.txt”里面的文本全部復(fù)制粘帖到這一幀的動作里面。
(5)<保存上交> 返回場景一,拖影片元件“mcall”進舞臺,插入圖層二,用文字工具寫上“06軟件班(學(xué)號)如48號(姓名)如姚明”,大小為36,白色?!哼x作這一步:插入圖層三,ctrl+f8新建影片元件命名mc,ctrl+r導(dǎo)入音樂mp3文件,在圖層三第一幀拖音樂mc進舞臺?!?文檔保存到桌面如48.fla,ctrl+enter運行得到48.swf生成目標(biāo)文件。重新打開教學(xué)主頁面,點擊“瀏覽”選擇48.swf,點擊“上傳”,等待15秒完成。
課堂練習(xí)(_25_分鐘)
題目:按照課件步驟動手制作自己的照片的漂移動畫效果。
要求:用自己的照片,加上名字學(xué)號,聲音模塊選做,做好上交作品。
這時教師巡堂與學(xué)生互動,解決學(xué)生的與提問疑難。
課堂小結(jié)(_5_分鐘)
評講:這時大部分同學(xué)已經(jīng)做好作品上交了,教師打開教學(xué)主頁面,點擊進入“06軟件FLASH動畫作品欣賞”頁面,這時可以看見頁面內(nèi)有1至36號的矩形區(qū)域,點擊某一個號碼可打開該學(xué)號的學(xué)生上交的動畫作品觀看效果,點擊“返回”回到欣賞主頁面。這時選擇幾個作品重點講解評論。: [制作步驟流程圖]
第二篇:計算機網(wǎng)頁教案
五年級上冊計算機教案(一課時)學(xué)習(xí)目標(biāo):
1、了解Frontpage2003的主要作用,了解網(wǎng)頁的初步知識,對網(wǎng)頁制作頁面工具的作用具有初步了解;
2、學(xué)會將搜集的圖片文本素材存放相關(guān)文件夾,并了解設(shè)計網(wǎng)頁的基本理念,學(xué)會做網(wǎng)頁制作規(guī)劃圖;
3、學(xué)會根據(jù)規(guī)劃創(chuàng)建網(wǎng)站,能夠根據(jù)規(guī)劃設(shè)計簡單首頁并進行保存。
德育目標(biāo):
通過學(xué)習(xí)網(wǎng)頁制作理解網(wǎng)絡(luò)設(shè)計工作者的辛苦勞動,在設(shè)計規(guī)劃時學(xué)生可以了解到做事前需要提前準(zhǔn)備的重要性。
新課講授:
1、導(dǎo)入:多媒體展示部分設(shè)計新穎的網(wǎng)頁頁面,點擊超級鏈接轉(zhuǎn)換不同頁面帶起學(xué)生的興趣,提問學(xué)生對網(wǎng)頁的個人了解,之后引入網(wǎng)頁制作的概念,進入主題。
2、新授:
(1)多媒體展示網(wǎng)頁制作的相關(guān)知識,并由學(xué)生討論設(shè)計網(wǎng)頁需要哪些內(nèi)容??偨Y(jié)并補充學(xué)生回答,引導(dǎo)學(xué)生打開Frontpage2003,介紹網(wǎng)頁制作頁面相關(guān)工具,并由學(xué)生自主操作試驗它們的作用;
(2)展示多媒體,使學(xué)生了解需要準(zhǔn)備各類素材并存入相應(yīng)文件夾。由學(xué)生搜集并存入個人設(shè)置文件夾內(nèi),通過自己構(gòu)思的設(shè)計形式繪制網(wǎng)頁設(shè)計規(guī)劃圖,并由學(xué)生分享他們的規(guī)劃;
(3)講解如何創(chuàng)建一個網(wǎng)站,指導(dǎo)學(xué)生創(chuàng)建網(wǎng)站,并個人保存相應(yīng)路徑。之后引導(dǎo)學(xué)生設(shè)計自我規(guī)劃的特色首頁,進行簡單自我設(shè)計后保存頁面,師生共同評價部分首頁設(shè)計。
3、總結(jié)作業(yè): 總結(jié)本課知識點,提問學(xué)生本課主要內(nèi)容檢查目標(biāo)達成情況。布置學(xué)生準(zhǔn)備其他頁面資料,并在其他渠道了解網(wǎng)頁設(shè)計方面知識。
反思總結(jié):
第三篇:計算機公開課教案
公開課教案
課程:《計算機硬件組裝》 地點:多媒體教室 教者:沙述海 班級:12微機3 教學(xué)目標(biāo): A知識目標(biāo)
1、掌握組裝一臺計算機所需要哪些計算機配件;
2、掌握各計算機配件的安裝順序;
3、掌握組裝過程所要注意的事項; B情感目標(biāo)
培養(yǎng)學(xué)生的觀察、思考和分析能力,以及增強學(xué)生學(xué)習(xí)計算機的興趣 C能力目標(biāo) 培養(yǎng)學(xué)生敢于動手,會動手去接觸硬件、組裝計算機。
教學(xué)重點:讓學(xué)生掌握組裝一臺計算機程序及對學(xué)生在組裝過程中進行指導(dǎo)
教學(xué)難點:
1、CPU與風(fēng)扇的安裝
2、數(shù)據(jù)線的安裝
3、內(nèi)存條的安裝 教學(xué)過程:
一、復(fù)習(xí)導(dǎo)入 1.計算機組成
2.通過投影儀顯示計算機各配件,讓學(xué)生來回答它們的名稱。
二、講授新課
1、安裝前的準(zhǔn)備:
1)從各包裝盒中取出各配件; 2)釋放一下身上的靜電;
3)準(zhǔn)備好工具(主要是螺絲刀,當(dāng)然還有尖嘴鉗子、萬用表、手電筒等)。講授時并展示各實物
2、組裝計算機硬件的順序
示范安裝同時講解照投影儀所顯示的和安裝過程要注意事項 1)安 裝 主 板
2)安裝CPU和散熱風(fēng)扇 3)安 裝 內(nèi) 存
4)安裝顯卡、聲卡與網(wǎng)卡(由于所用的是3IN1主板,無需安裝顯卡、聲卡)5)安 裝 硬 盤 6)安 裝 電 源
7)連接其它連線(比較復(fù)雜,本節(jié)課略講)8)連接鍵盤和鼠標(biāo)
9)連接顯示器(太簡單了,略實習(xí))10)蓋上機箱蓋
3、注意事項:
長時間顯示在投影儀上,讓學(xué)生在實習(xí)中隨看注意到 1)安裝之前要釋放身上的靜電
2)安裝CPU要特別細心,注意固定拉桿位置、CPU安裝方向(輕輕地放下),還要記得在CPU頂部中間均勻抹上導(dǎo)熱硅膠。
3)安裝內(nèi)存條時要把內(nèi)存上的缺口與內(nèi)存插糟上的缺口對準(zhǔn)后再插。
4)數(shù)據(jù)線注意有顏色標(biāo)記的邊線對準(zhǔn)主板和硬盤、軟驅(qū)、光驅(qū)的接口的第一針。(現(xiàn)在的硬盤接口針腳都沒有標(biāo)記,因此要掌握數(shù)據(jù)線有顏色標(biāo)記的邊線應(yīng)靠近電源接口的位置來插的原則)
5)鍵盤和鼠標(biāo)安裝時要注意各自位置和方向。
6)在整個安裝過程中要先看清后再做,做到細心,撥插配件時要均勻,不能過大。
三、學(xué)生分組實習(xí)
把全班分成二組,以小組為單位進行計算機組裝實習(xí),同時填寫實習(xí)報告,教師巡視指導(dǎo)學(xué)生。
四、展示部分組實習(xí)成果,并指出錯誤之處。(時間足夠的情況下)
五、本堂小結(jié)
見幻燈片中安裝順序和注意事項
六、作業(yè)布置 課后整理好實習(xí)報告
第四篇:《動畫及網(wǎng)頁制作》課程教案
《動畫及網(wǎng)頁制作》課程教案
課程名稱:動畫及網(wǎng)頁制作 任課班級:美術(shù)學(xué)院2005級動畫班
任課時間:2007年5月28日 至 2007年6月28日 周數(shù):5周 教學(xué)目的及要求:
《動畫及網(wǎng)頁制作》是多媒體專業(yè)學(xué)生重要的必修基礎(chǔ)課。通過對本課程的學(xué)習(xí),學(xué)生能夠使用Flash,制作網(wǎng)頁動畫,課件。了解網(wǎng)絡(luò)動畫的制作過程,游戲的制作過程,制作出有趣的游戲和精彩的動畫片。
教學(xué)方法:
以教師的實例演示與學(xué)生的上機練習(xí)相結(jié)合的方法為主,同時組織學(xué)生觀看優(yōu)秀的flash動畫和網(wǎng)頁,輔導(dǎo)學(xué)生獨立完成一個完整的flash動畫或網(wǎng)頁制作。
教學(xué)重點及難點:
教學(xué)重點:掌握并理解flash的操作界面,熟練使用flash中幾種實現(xiàn)動畫的基本方式來制作flash動畫,學(xué)會并理解flash中的各種鏈接方式和AS語言來,學(xué)會編寫動畫應(yīng)用腳本,利用flash及相關(guān)輔助軟件制作網(wǎng)頁動畫。
教學(xué)難點:flash中的各種鏈接方式和flash的AS語言,獨立編寫動畫應(yīng)用腳本,網(wǎng)頁的制作和鏈接。
教學(xué)內(nèi)容:
第(1)章 認(rèn)識FLASH 多媒體簡介及其多種相關(guān)軟件,初步把握用FLASH進行設(shè)計的一般方法和思路;了解FLASH動畫的基本特點,以及Flash5.0的基本工作環(huán)境。
第(2)章 窗口介紹
本章簡單介紹FLASH的基本界面組成,包括標(biāo)題欄、菜單欄、工具欄、工具箱、舞臺、層選擇、和時間軸。
1、舞臺(Stage)就是工作區(qū),最主要的可編輯區(qū)域。在這里可以直接繪圖,或者導(dǎo)入外部圖形文件進行安排編輯,再把各個獨立的幀合成在一起,以生成電影作品。
2、時間軸窗口(Timeline)用它可以調(diào)整電影的播放速度,并把不同的圖形作品放在不同圖層的相應(yīng)幀里,以安排電影內(nèi)容播放的順序。
3、繪圖工具欄(Drawing Toolbar)放置了可供圖形和文本編輯的各種工具,用這些工具可以繪圖,選取,噴涂,修改以及編排文字,還有些工具可以改變查看工作區(qū)的方式。在選擇了某一工具時,其所對應(yīng)的修改器(Modifier)也會在工具條下面的位置出現(xiàn),修改器的作用是改變相應(yīng)工具對圖形處理的效果。
4、標(biāo)準(zhǔn)工具欄(Standard Toolbar)列出了大部分最常用的文件操作,打印,剪貼板,撤消和重做,修改器以及控制舞臺放大比例的圖標(biāo)和選項,便于進行更為快捷的操作。
5、控制器面板(Controller)控制電影的播放操作的工具集合,一般不大常用,處于隱藏狀態(tài)。
第(3)章 工具箱
了解工具箱的作用,掌握鉛筆工具、鋼筆工具、墨水瓶工具、橡皮工具、兩種箭頭工具、筆刷工具、吸管工具的用法。圖形和文字是Flash動畫的基礎(chǔ),所以掌握繪圖工具的使用對于制作好的Flash作品是至關(guān)重要的。由于Flash的繪圖工具種類比較多,其相應(yīng)的修改器也各不相同。和畫線條一樣,按住SHIFT鍵時,用橢圓工具可以畫出正圓,用矩形工具可以畫出正方形來。掌握橢圓和矩形工具的使用方法,可以用不同顏色的邊框,填充色,不同線寬線型作出各種各樣的圓和矩形來。
第(4)章 時間軸
時間軸是FLASH中最重要的概念,時間軸(Timeline)是Flash中最重要的工具之一。他決定了動畫的組織形式。所有的設(shè)計都是圍繞著時間軸展開的。熟悉和充分利用好這四種模式,會給開發(fā)和調(diào)試工作帶來許多便利。熟練掌握層的分類以及各種操作。會制作遮罩動畫、按軌跡移動動畫,簡單的MOTION動畫,逐幀動畫。了解洋蔥皮的作用,在制作動畫的過程中,會使用洋蔥皮。用它可以查看每一幀的情況,調(diào)整動畫播放的速度,安排幀的內(nèi)容,改變幀與幀之間的關(guān)系,從而實現(xiàn)不同效果的動畫。
第(5)章 幾種重要窗口設(shè)置
Flash中動畫設(shè)置的過程,主要就是各種屬性設(shè)置的過程。本章重點介紹了幾個最常見窗口的意義,掌握幀、庫窗口、動畫、場景、符號、實例等屬性的設(shè)置。符號的分類以及各種符號的制作與用法,性質(zhì)。我們學(xué)習(xí)了有關(guān)圖符和圖庫的一些基本知識,而創(chuàng)建圖符的目的是要在動畫制作的過程中運用它生成相同或不同的實例,創(chuàng)建圖符的方法有兩種:可以從工作區(qū)中選取對象轉(zhuǎn)換成圖符,或者先創(chuàng)建一個空的圖符,然后在圖符編模式下添加內(nèi)容。實例創(chuàng)建好后,可以通過屬性菜單對實例進行裁剪,粘貼,縮放,旋轉(zhuǎn)。
第(6)章 ACTION初步
ActionScript是Flash的腳本語言,使用ActionScript可以給Flash動畫添加交互性。可以說掌握了該語言,你的Flash技術(shù)將上一個臺階,多加運用后,當(dāng)可成為Flash高手。Flash 5的ActionScript為創(chuàng)建包含復(fù)雜游戲、表單、調(diào)查表和實時交互性的網(wǎng)站提供了許多新的特性。可以對自己制作的動畫進行設(shè)置,讓用戶事件(如按鈕單擊和按鈕)觸發(fā)腳本,告訴動畫執(zhí)行什么動作。
第(7)章 發(fā)布與輸出
FLASH的動畫的主要優(yōu)勢是在廣域網(wǎng)上發(fā)行,本章主要介紹了這種發(fā)布技術(shù)。掌握優(yōu)化動畫的一些小技巧,測試動畫下載技能,會根據(jù)需要將FLASH源文件發(fā)布成網(wǎng)頁文件,各種圖像文件,以及可執(zhí)行文件。
第(8)章 基本技巧實例
本章詳細介紹了幾個有代表性的FLASH動畫設(shè)計的例子,基本上涉及了所有基本技能和技巧。制作片頭的LOADING效果,可結(jié)合ACTION中的ifframeloaded()命令使用,鼠標(biāo)屬性和對象屬性的同步變化,可結(jié)合ACTION中的startdrag()命令和stopdrag()命令,Setproperty()命令使用,文本滾動窗口可結(jié)合ACTION中的loadvariablesnum()和telltarget()命令使用。詳細介紹文本框的用法。隨鼠標(biāo)飄落的雪花,了解隱形按鈕的用法。
第(9)章 ACTION高級應(yīng)用實例
本章主要介紹應(yīng)用一些程序設(shè)計技巧,利用RADIO,CHECKBOX,COMBOBOX成MOVECLICP,并且具有通用性。
FLASH
制作
第五篇:flash動畫公開課
阜陽農(nóng)業(yè)學(xué)校 Flash CS5教程
實例5 旋轉(zhuǎn)的弧線
——引導(dǎo)路徑動畫與遮罩動畫綜合應(yīng)用
教學(xué)時間:2013年12月12日(星期四)3、4節(jié)
教學(xué)課時: 2課時 教學(xué)班級:12級農(nóng)電班
教學(xué)目標(biāo): ? 知識與技能目標(biāo)
1.明確運動引導(dǎo)層和引導(dǎo)線的作用,學(xué)會使用引導(dǎo)層,掌握引導(dǎo)層的使用要點,并能在實際中靈活的運用,能正確應(yīng)用引導(dǎo)層制作任意軌跡運動的動畫;
2.能正確繪制引導(dǎo)線,能增加、刪除、選擇、修改圖層,進一步熟練對各種類型幀的操作。
3.通過討論、模仿以及對實例的操作,培養(yǎng)對動畫層次及制作方法的分析能力、在動畫制作過程中遇到問題的處理能力以及探求新知的能力。? 情感目標(biāo)
1.教師通過不斷的提問來激發(fā)學(xué)生思考;學(xué)生通過觀察思考,交流合作,探索操作完成對知識的理解和掌握;增強學(xué)生的觀察能力、總結(jié)能力和語言表達能力。
2.能在制作動畫的過程中體驗動畫制作的樂趣,養(yǎng)成自主學(xué)習(xí)的習(xí)慣,感受動畫制作的奇妙;在學(xué)習(xí)過程中能主動幫助有困難的同學(xué),能主動參與到小組合作學(xué)習(xí)中去;培養(yǎng)學(xué)生認(rèn)真學(xué)習(xí)的態(tài)度和探索新知識的興趣。重點與難點
重點:引導(dǎo)層及引導(dǎo)線的作用,使用引導(dǎo)層創(chuàng)建任意軌跡運動動畫的方法。
阜陽農(nóng)業(yè)學(xué)校 Flash CS5教程
難點:運用引導(dǎo)層,制作曲線運動動畫;運動對象與引導(dǎo)線的吸附操作。
方法與手段
主要采用“任務(wù)驅(qū)動法”和“實踐法”組織教學(xué);小組合作、自主學(xué)習(xí)探究法 教學(xué)流程
一、情境導(dǎo)入、提升興趣
展示三個動畫(引導(dǎo)層動畫、遮罩層動畫、引導(dǎo)層和遮罩層綜合應(yīng)用動畫),學(xué)生仔細觀察找出其中使用的動畫方法。用我們學(xué)習(xí)過的知識分析動畫是如何實現(xiàn)的?能簡要的敘述一下實現(xiàn)的過程嗎?
學(xué)生動手操作嘗試實現(xiàn)動畫。(三個動畫的區(qū)別還是比較明顯的,其中一個做的是引導(dǎo)線運動,一個雖是線性軌跡卻只能用遮罩的方法才能實現(xiàn),第三個動畫看似引導(dǎo)層動畫,卻難以用引導(dǎo)層動畫的方法實現(xiàn),通過仔細觀察能夠發(fā)現(xiàn)遮罩的方法運用于其中,而遮罩層位置的變換卻又是引導(dǎo)層在起作用。)
要實現(xiàn)曲線動畫效果就是我們今天的學(xué)習(xí)任務(wù)。
【設(shè)計意圖】實物演示使學(xué)生有了感性認(rèn)識,對抽象的遮罩概念更容易理解,有利于難點的突破,達成目標(biāo)3中“理解遮罩的概念”這一目標(biāo)。
二、要點講解、探究學(xué)習(xí)
探索一:動畫1是什么動畫(引導(dǎo)路徑)? 學(xué)生按照自己對動畫分析的結(jié)果,嘗試制作動畫1。
添加引導(dǎo)層的方法是:單擊圖層編輯區(qū)左下角的“添加運動引導(dǎo)層”按鈕,為對象添加一個引導(dǎo)層。(1)制作小球創(chuàng)建傳統(tǒng)補間動畫。
(2)繪制引導(dǎo)線:使用工具欄中橢圓工具在引導(dǎo)層中繪制引導(dǎo)線。提示:如果使用鉛筆工具繪制引導(dǎo)線的時候,為了使物體的運動軌跡比較的自然,我們需要將引導(dǎo)線畫的平滑一些,在我們選擇鉛筆工具之后,可以在選項中將線形設(shè)置為平滑。(3)調(diào)整對象到路徑
阜陽農(nóng)業(yè)學(xué)校 Flash CS5教程
原因是運動對象還不知道有這樣一條路可以走,它知道兩點間直線最短,所以它走直線,可實際需要它進行曲線運動,這時候我們必須幫助它才可以,我們將它引導(dǎo)到這條路徑上來。
引導(dǎo)的方法:將補間動畫第一幀中的對象的中心和路徑的起點對齊,將最后一幀中的對象和路徑的終點對齊。這樣再看一下動畫效果。設(shè)計意圖:學(xué)生在教師的引導(dǎo)下,學(xué)生邊聽邊做,邊觀察,在實踐當(dāng)中理解知識,及時地發(fā)現(xiàn)問題。
思考:1.引導(dǎo)層的內(nèi)容在播放畫面中有沒有顯示? 2.引導(dǎo)層和被引導(dǎo)的順序可不可以交換?
3.一個引導(dǎo)層中能否有多條引導(dǎo)線來分別引導(dǎo)不同的對象運動?
設(shè)計意圖:教師在此環(huán)節(jié),不斷的進行詢問,主要是引導(dǎo)和激勵學(xué)生的探索學(xué)習(xí),讓學(xué)生通過觀察、比較、探究等一系列學(xué)習(xí)活動,歸納出引導(dǎo)層與引導(dǎo)線的用法,加深對所學(xué)的引導(dǎo)層和引導(dǎo)線知識的理解,從而掌握曲線運動的本質(zhì)。
探索二:路徑是閉合的怎么引導(dǎo)?
教師查看學(xué)生的動畫,根據(jù)學(xué)生情況,進行啟發(fā)性的指導(dǎo),就存在的問題進行詳細的講解。(如何繪制圓形的運動軌跡)
三、制作任務(wù):原子模型
學(xué)生依照展示案例分析并完成任務(wù): 1.繪制徑向漸變小球。提示:小球要轉(zhuǎn)化為圖形元件。2.為小球創(chuàng)建傳統(tǒng)補間動畫。提示:要先轉(zhuǎn)化為影片剪輯元件。3.添加運動引導(dǎo)層,并繪制引導(dǎo)線。
4.將補間動畫的兩關(guān)鍵幀分別放在引導(dǎo)線的兩端點。5.制作運動軌跡線。
提示:要將該層放于小球下層。
6.將該影片剪輯放于場景中并旋轉(zhuǎn)120o復(fù)制兩份。探索:如何實現(xiàn)小球不同步運動? 7.保存,測試。
阜陽農(nóng)業(yè)學(xué)校 Flash CS5教程
設(shè)計意圖:在練習(xí)中深化學(xué)生對知識的理解與記憶,以便及時發(fā)現(xiàn)問題,并及早解決問題。培養(yǎng)學(xué)生的自主探究學(xué)習(xí)能力;提出思考題,進行層次拓展練習(xí),滿足各個層級學(xué)生的要求。
四、小結(jié)
引導(dǎo)層動畫的創(chuàng)建流程:創(chuàng)建運動補間動畫→添加引導(dǎo)層→編輯引導(dǎo)線→調(diào)整對象到路徑。
注意事項:
①引導(dǎo)層必須在被引導(dǎo)圖層的上方。②引導(dǎo)線必須繪制在引導(dǎo)層中。
③被引導(dǎo)的運動對象必須吸附在引導(dǎo)線上。
五、作品展示與點評,總結(jié)
選擇部分有代表性的作品進行展示,分別從(1)動畫創(chuàng)意;(2)使用技術(shù);(3)動畫效果等方面給予評價。充分肯定學(xué)生的創(chuàng)新精神、動畫中使用的方法和技巧,對優(yōu)秀作品給予表揚,對不足的作品給予鼓勵。
動畫如果失敗,讓學(xué)生判斷和分析是否是以下原因造成。
1、引導(dǎo)線不能是封閉的曲線,引導(dǎo)線必須有起點和終點。
2、起點和終點之間的線條必須是連續(xù)的,不能間斷,可以是任何形狀。
3、引導(dǎo)線轉(zhuǎn)折處的線條彎轉(zhuǎn)不宜過急、過多,否則Flash無法準(zhǔn)確判定對象的運動路徑。
4、被引導(dǎo)對象必須準(zhǔn)確吸附到引導(dǎo)線上,也就是元件編輯區(qū)中心必須位于引導(dǎo)線上,否則被引導(dǎo)對象將無法沿引導(dǎo)路徑運動。
5、被引導(dǎo)層必須是傳統(tǒng)補間動畫,不能是形狀補間。??
六、自主探索——旋轉(zhuǎn)曲線
分組討論:實現(xiàn)“旋轉(zhuǎn)曲線”的方法。
學(xué)生按照自己對動畫分析的結(jié)果,嘗試制作動畫。
七、作品展示與點評
選擇部分有代表性的作品進行展示,分別從(1)動畫創(chuàng)意;(2)使
阜陽農(nóng)業(yè)學(xué)校 Flash CS5教程
用技術(shù);(3)動畫示例效果相似度給予評價。充分肯定學(xué)生的創(chuàng)新精神、動畫中使用的方法和技巧,對優(yōu)秀作品給予表揚,對不足的作品給予鼓勵。
八、演示“旋轉(zhuǎn)曲線”的制作并指出關(guān)鍵點
1、先畫一矩形。
2、在矩形中繪制一橢圓并將橢圓轉(zhuǎn)換為圖形元件,命名為“橢圓”。
3、再將鏤空的矩形轉(zhuǎn)換為圖形元件,命名為“矩形”。
4、在場景中選中矩形元件,再次轉(zhuǎn)換為影片剪輯元件,命名為“運動矩形”。
5、雙擊該元件進入編輯狀態(tài)。
6、在矩形中心位置繪制小橢圓引導(dǎo)線創(chuàng)建引導(dǎo)動畫。(注意:○1中心點視為矩形鏤空部分的中心點;2作為引導(dǎo)線的小橢圓用極細線條;3○○作為引導(dǎo)線的小橢圓建議尺寸:12╳10像素。○4小橢圓不能是封閉的曲線,引導(dǎo)線必須有起點和終點,通過放大鏡放大為其切出缺口。)
7、返回場景,將當(dāng)前影片剪輯元件再次轉(zhuǎn)換為影片剪輯元件,命名為“運動曲線”,雙擊并進入編輯狀態(tài)。
8、將圖形元件“橢圓”放于遮罩層,稍與鏤空處向右錯位,并設(shè)置遮罩。
9、在場景中將“運動曲線”旋轉(zhuǎn)120o,并復(fù)制兩份。
10、測試動畫效果。評價反思:(學(xué)生)
1、為什么沒有達到示例效果。
2、你學(xué)到了什么? 鞏固與提高:
繪制自己的“運動曲線”