第一篇:Flash簡單動畫制作教案
Flash簡單動畫制作教案
陳英
一、教學(xué)目標(biāo):
了解計算機(jī)動畫制作原理和方法,掌握幾種簡單動畫的制作
二、教學(xué)對象:
09級學(xué)生
三、本此課程主要內(nèi)容
1、flash工作界面及基本操作及概念簡要介紹
2、實(shí)例講解
四、教學(xué)重點(diǎn):
1、計算機(jī)動畫的分類;關(guān)鍵幀、空白關(guān)鍵幀的概念;
2、簡單對象的移動、變形動畫的制作方法
五、教學(xué)難點(diǎn):
引導(dǎo)層的制作
六、教學(xué)手段:
演示講授法,邊演示邊操作,學(xué)生同步跟隨學(xué)習(xí)。
七、教學(xué)方法:
實(shí)例講解法。即通過一個flash實(shí)例,講解其所涉及到的概念與基本技術(shù),激勵學(xué)生學(xué)習(xí)的興趣。
八、教學(xué)主要內(nèi)容講解:
(一)、導(dǎo)入:
首先播放一段FLASH動畫,該動畫包含了本節(jié)課所要學(xué)習(xí)的主要操作內(nèi)容——對象的移動及變形;引導(dǎo)學(xué)生了解flash動畫,并激發(fā)其學(xué)習(xí)flash動畫制作的激情。
(二)、基本概念講解:
1、元件:一個位圖、矢量圖形、音樂片斷或是一段獨(dú)立的flash動畫(好比是演員),通俗的講就是對象作為一個模塊,在不同幀中重復(fù)使用.這樣的好處在于因?yàn)榭梢栽谥貜?fù)使用,減小了FLASH的體積便于傳輸,也減小了FLASH制作者的工作量。元件都被放置在庫中,使用時只用將其拖放到場景中即可,在場景中只能對其位置和形狀進(jìn)行編輯,如果要對元件進(jìn)行編輯,需要切換到元件編輯狀態(tài)。元件分為:圖形元件、按鈕元件和電影剪輯元件。元件中圖形就是指動態(tài)或者靜態(tài)的圖片元件,電影剪輯是FLASH小片段,按鈕就是具有一定圖形功能的按鈕圖形了。
庫:存放動畫元件的地方(好比是一場戲的后臺)
2、場景:動畫的表現(xiàn)場所(好比是舞臺)
3、時間軸:動畫制作的最重要的區(qū)域,是編輯動畫的工作臺,是加工動畫的流水線,包括了層編輯區(qū)、幀編輯區(qū)和時間線。(好比是劇本)
我們要制作一個動畫,就好比是在導(dǎo)演一出戲,需要找好演員(制作好元件),置于后臺(放在庫里),然后把演員放在舞臺上(把元件放在場景上),讓演員照著劇本演出(在時間線上設(shè)置開始、結(jié)束時的狀態(tài),生成動畫)。
4、幀:就是時間軸上的小格子,一幀其實(shí)就是一幅圖,是構(gòu)成動畫的基本單位。可分為關(guān)鍵幀、空白關(guān)鍵幀和過渡幀。
5、關(guān)鍵幀:是動畫演示的基礎(chǔ),可以放入各種對象~聲音、圖片、按鈕、視頻等等,所有這些都只能放置到關(guān)鍵幀上,如果沒有關(guān)鍵幀,就沒有動畫。兩個關(guān)鍵幀之間可以做補(bǔ)間動畫,這樣兩個關(guān)鍵幀就可以確定物體移動的兩個關(guān)鍵點(diǎn)。關(guān)鍵幀用含有實(shí)心圓圈的方格表示。
6、空白關(guān)鍵幀:這個關(guān)鍵幀在場景上什么都沒有(不包括聲音和代碼),用含有空心圓圈的方格表示;如果加入對象后自動變?yōu)殛P(guān)鍵幀。
兩個關(guān)鍵幀之間帶粉紅色有長線箭頭標(biāo)志的幀:漸變動畫~也叫補(bǔ)間動畫,能讓一個物體在這段幀之間作出來,漸變移動的效果(可以改變透明度等等)。
兩個關(guān)鍵幀之間帶綠色有長線箭頭標(biāo)志的幀:形變動畫~第一幀的動畫到最后一幀的時候可以變化出另外一種圖形、形狀。
(三)、基本操作講解
1、移動動畫的制作
“插入”菜單欄à“新建元件”à設(shè)置名稱”c1”,行為”圖形”,點(diǎn)“確定”à點(diǎn)“工具”面板里的“橢圓工具”à設(shè)置“橢圓工具”的相關(guān)屬性(包括筆觸顏色、粗細(xì)、樣式及填充顏色)à繪制橢圓(如果要繪制圓,請按住“shift”)à點(diǎn)擊“場景1”,回到場景里à點(diǎn)擊“窗口”菜單欄,選擇“庫”(可看到“庫”窗口被打開,剛才建立的c1元件在庫里)à點(diǎn)擊“時間軸”里的第1幀,把“庫”里的c1拖到場景的左邊à點(diǎn)擊“時間軸”里的第20幀,點(diǎn)擊右鍵,選擇“插入關(guān)鍵幀”(可在時間軸上看到第20幀處有“·”)à把剛才的對象從左邊拖到右邊à在時間軸第20幀以前的任意一幀點(diǎn)擊左鍵,在屬性面板里的“補(bǔ)間”后的下拉列表里選擇“動作”,即可看到從第1幀到第20幀的時間軸背景為粉紅色并有一條帶箭頭的實(shí)線à回車,欣賞剛才制作好的動畫。
2、關(guān)鍵幀動畫:先行設(shè)計出若干關(guān)鍵性動作的圖像畫面,然后利用計算機(jī)圖形技術(shù)的算法來自動生成兩個關(guān)鍵幀之間的一系列過渡畫面。flash動畫主要就是運(yùn)用關(guān)鍵幀動畫技術(shù),比如我們剛才的這個“移動動畫”的制作。
3、運(yùn)動路徑動畫:首先確定運(yùn)動對象的移動軌跡,并設(shè)定在移動過程中對象需要改變的旋轉(zhuǎn)方向、色彩及形狀等參數(shù),軟化將整個運(yùn)動過程交給計算機(jī)來完成。
4、變形動畫:適合模擬形狀變化頻繁的任務(wù)、動物和自然現(xiàn)象,主要用于表現(xiàn)模擬自然或生活中實(shí)際的動作,或科幻電影中虛幻、夸張的動作(如電影《功夫》、《少林足球》等里面的夸張動作)。
5、物理模型動畫:基于物理模型技術(shù)的三維動畫制作,需要從外形、顏色、燈光、紋理、材質(zhì)等多方面模擬真實(shí)物理的各種物理屬性(如cctv6里《光影周刊》的虛擬主持人小龍)。
6、逐幀動畫:通過一幀幀地繪制,并按先后順序排列在時間軸上通過順序播放達(dá)到的動畫效果。
說明:
學(xué)生根據(jù)老師剛才的演示,自行練習(xí)移動動畫的制作(3-5分鐘)。學(xué)生記住Flash原始文件和flash影片的擴(kuò)展名(分別為fla和swf)。
(四)、實(shí)例講解——Flash引導(dǎo)線制作雪花飄飄動畫
1、新建一個Flash影片。設(shè)背景為“黑色”,其他的用默認(rèn)值。
2、按Ctrl+F8新建一個組件,類型為“影片剪輯”,命名為“雪花”。在它的正中用“鉛筆”工具畫一個不規(guī)則的多邊形,然后用“顏料桶工具”將它填上白色。(如圖1-1所示)
3、再用Ctrl+F8建一個組件,類型為“影片剪輯”,命名為“前層”。
4、將組件“雪花”拖到其中,用“選定工具”中的“比例”功能把它縮小(小技巧:先用“放大鏡”將它放大,然后再用“比例”功能,可縮得更小)。在第80幀上“插入關(guān)鍵幀”,在“圖層1”上用鼠標(biāo)右鍵的“添加引導(dǎo)線”功能(見圖1-2)。
在新增加的“引導(dǎo)線:圖層1”的第1幀上,從“雪花”開始,畫一條彎曲的曲線。將第80幀上的“雪花”沿曲線從頭拖到曲線的末尾。然后在“圖層1”的第1幀上點(diǎn)鼠標(biāo)右鍵,選“創(chuàng)見動畫動作”功能,見圖1-3。
5、第4步是制作一片雪花,下雪不是只下一片的吧。插入圖層,將第4步重復(fù)做10次。做好后的效果見圖1-4。
6、把第3至5步重復(fù)做兩次,不同之處是組件的命名分別為“中層”和“后層”。“雪花”的大小和“引導(dǎo)線”的路徑不要一樣。這是為了多做幾個圖層,看起來效果細(xì)膩一點(diǎn)。
7、現(xiàn)在回到場景1中,插入6個圖層,分別命名為“后層1”、“后層2”、“中層1”、“中層2”、“中層3”、“中層4”、“前層1”、“前層2”。在對應(yīng)的層上拖入對應(yīng)的組件,并適當(dāng)?shù)恼{(diào)整時間軸,讓雪花飄得連貫起來。見圖1-5。
按Ctrl+Enter就可以看到效果了。
第二篇:FLASH動畫制作教案
一、教學(xué)目標(biāo) 【知識與技能】
能獨(dú)立表述動畫制作中涉及的基本概念并能自己動手完成動畫制作的一般步驟。【過程與方法】
通過制作“移動的小球”動畫,了解FLASH動畫制作的過程,并從中總結(jié)出動畫制作的主要步驟。
【情感態(tài)度與價值觀】
在理論學(xué)習(xí)和動手操作的過程中,激發(fā)學(xué)習(xí)動畫制作的興趣,并且逐步培養(yǎng)樂于接受和探究新知識的精神。
二、教學(xué)重難點(diǎn) 【重點(diǎn)】
Flash動畫制作的一般過程,基本操作方法以及任務(wù)的實(shí)現(xiàn)。
【難點(diǎn)】
初步理解關(guān)鍵幀和動作補(bǔ)間動畫的概念。
三、教學(xué)過程
環(huán)節(jié)
一、創(chuàng)設(shè)情境,課堂導(dǎo)入
老師出示“小破孩”動畫作品。告訴學(xué)生這是用Flash制作的。
同學(xué)們,老師今天給大家?guī)Я艘粋€很有趣的《小破孩》動畫短片。大家一起來看一下。動畫播放完了。昨天,我們已經(jīng)認(rèn)識了flash,這個小短片啊,就是用flash制作出來的。
大家想不想也能做這樣的短片呀?非常想,好,那我們今天就來嘗試一下。剛剛小短片中有一個片段是小破孩把皮球踢向墻壁,結(jié)果皮球彈回來砸到了他自己。這一段很好玩。我們就來做這一段中那個滾動的小球,大家覺得怎么樣? 環(huán)節(jié)
二、分析任務(wù) 1.Flash影片的制作過程: 動畫小本--確定演員(元件)--制作動畫--測試--發(fā)布。
首先要有一個構(gòu)思,我們稱為動畫小本,其次就像電影都有演員,我們動畫也是有對象的,我們把它成為元件。元件其實(shí)就是可以重復(fù)使用的對象。再次我們就可以開始制作動畫了。那么動畫有沒有達(dá)到我們想要的效果呢,我們對它進(jìn)行一個測試,測試通過了之后我們就可以發(fā)布了。
2.小球滾動效果圖展示以及任務(wù)的分析:小球由左向右滾動,而這個任務(wù)中涉及的要素就是小球(圖形元件)。
環(huán)節(jié)
三、任務(wù)完成 1.創(chuàng)建元件:
“插入”——新建元件——創(chuàng)建新元件對話框——名稱“小球”,類型“圖形”——畫圓
師:正圓怎么畫了? 生:按住shift鍵好,圓畫好了之后呀,我們要點(diǎn)擊場景1返回到場景中,不然等一下我們就都在元件里進(jìn)行操作了。
2.關(guān)于小球移動的具體操作,老師配備了助學(xué)課件。大家運(yùn)用上節(jié)課掌握的基礎(chǔ)知識以及助學(xué)課件的幫助來嘗試著做一下小球由左到右的滾動效果。給大家10分鐘的時間。
3.收集學(xué)生遇到的問題:
(1)小球閃一下就不見了(關(guān)鍵幀,空白關(guān)鍵幀)第1幀直接拖到第30幀,這時候第1幀變成了空白關(guān)鍵幀,關(guān)鍵幀只有一個。(2)小球不動
沒有創(chuàng)建補(bǔ)間動畫。重新回顧一下步驟。
在場景1中,我們選定第一幀,單擊鼠標(biāo)右鍵,創(chuàng)建初始關(guān)鍵幀。關(guān)于關(guān)鍵幀這個概念大家有點(diǎn)陌生。但是我們昨天已經(jīng)學(xué)過了幀的概念。誰來回答一下?幀是某一個特定時刻的一個畫面。嗯,很好,那么關(guān)鍵幀呢,其實(shí)也是幀的一種。大家想一想關(guān)鍵幀有什么特點(diǎn)?結(jié)合你們剛才的操作。關(guān)鍵幀可以讓小球在舞臺的左邊變到右邊。很好,關(guān)鍵幀最大的特點(diǎn)就是可以對畫面進(jìn)行修改。關(guān)鍵幀創(chuàng)建好了,這時候小球該登場了。小球在哪里啊?庫里,非常好。我們用選擇工具將小球拖到舞臺的左側(cè),然后將大小和背景調(diào)節(jié)一下。初始關(guān)鍵幀就創(chuàng)建好了。接下來我們小球要在右邊,那就還需要一個結(jié)束關(guān)鍵幀。將鼠標(biāo)選定第30幀,點(diǎn)擊鼠標(biāo)右鍵,創(chuàng)建關(guān)鍵幀。然后將小球移動至舞臺的右邊。好了,那么小球如何才能由左向右移動呢。我們就要在1幀和30幀中間的任何一個位置單擊鼠標(biāo)郵件,有一個選項(xiàng)創(chuàng)建補(bǔ)間動畫。點(diǎn)擊后計算機(jī)就會為這個小動畫創(chuàng)建一個連續(xù)的動作補(bǔ)間動畫。我們就能看到小球從左邊慢慢移動到右邊了。解決問題。環(huán)節(jié)
四、展示評價
1.讓學(xué)生代表展示制作的成品,鼓勵學(xué)生談?wù)勛约旱闹谱魉悸罚龅降膯栴}及解決辦法。
2.學(xué)生在互評的過程中,引導(dǎo)學(xué)生思考完成同一任務(wù)的不同方式,尋找最優(yōu)的制作方案,互相提出優(yōu)化建議。
3.教師最后做小結(jié)性講評肯定學(xué)生們的作品,指出具體改進(jìn)方案,鼓勵學(xué)生繼續(xù)努力。總結(jié):制作動畫的核心和關(guān)鍵點(diǎn)。
四、板書設(shè)計
五、教學(xué)反思
|《信息及其特征》
一、教學(xué)目標(biāo)
【知識與技能目標(biāo)】 1.能夠舉例說出身邊存在的信息。2.學(xué)會判斷信息所具有的特征。
【過程與方法目標(biāo)】通過自主探究、小組討論,建立起對信息及其特征的感性認(rèn)識,不斷提高自己判斷能力。【情感態(tài)度價值觀目標(biāo)】 通過舉例身邊已有的信息,逐步提升自己的信息素養(yǎng),增加對信息技術(shù)學(xué)科的喜愛。
教學(xué)重難點(diǎn) 【重點(diǎn)】 能夠舉例說出身邊的信息及信息的基本特征。【難點(diǎn)】能夠根據(jù)描述正確判斷出體現(xiàn)出信息哪方面的特征。
三、教學(xué)用具 多媒體
四、教學(xué)過程
環(huán)節(jié)一:導(dǎo)入新課 開展“聽口令做動作”的游戲引導(dǎo)學(xué)生說出信息的含義(信息的基本功能是消除認(rèn)識上的不確定性)。游戲的規(guī)則如下: 第一步:閉上眼睛,聽指令進(jìn)行操作。不許說話、不許提問;第二步:請同學(xué)們拿起桌上的白紙,將紙對折、再對折;第三步:將右上角撕掉,放在口袋里,剩下的旋轉(zhuǎn)180°。再將左上角撕掉,也放在口袋里;第四步:睜開眼睛展開手上的紙,用雙手舉起,相互對比一下。預(yù)測會有很多種不同的結(jié)果出現(xiàn),就此學(xué)生會提出是由于信息不充分、不確定性多造成的。環(huán)節(jié)二:新課講授(一)重復(fù)游戲,總結(jié)信息的作用 重新開展上述游戲,此次歡迎大家隨時提問,教師將一一回答。預(yù)測游戲中,學(xué)生的問題如下: 問題1:是橫向?qū)φ圻€是縱向?qū)φ?(橫向?qū)φ?問題2:開口朝上還是朝下?(朝上)問題3:右上角和左上角分別撕成什么形狀?大小是多少?(大約2厘米的正方形)問題4:順時針旋轉(zhuǎn)還是逆時針?(順時針)預(yù)測大多數(shù)同學(xué)的結(jié)果是一樣的。教師請少數(shù)結(jié)果有偏差的學(xué)生歸納總結(jié)出產(chǎn)生差異的原因具體是什么?(沒有聽清楚,信息傳遞偏差導(dǎo)致結(jié)果有錯誤)進(jìn)而得出信息是“用來減少不確定性的”。
(二)梨子為媒,探究信息的本質(zhì) 拿出梨子,提出問題: 問題1:“這是什么?”(梨子)問題2:“根據(jù)什么判斷是梨子”(通過觀察物質(zhì)的形狀、顏色、經(jīng)驗(yàn)等)問題3:能吃嗎?(學(xué)生拿在手上觀察、感覺一下,回答能,還沒有變壞)歸納總結(jié)出信息的定義:信息是事物的運(yùn)動狀態(tài)及其狀態(tài)變化的方式。為了讓加深大家對信息定義的全面性了解,請大家打開學(xué)習(xí)網(wǎng)站領(lǐng)略信息學(xué)大師們的定義
一、定義二。此后,在信息的定義三里,提交自己對信息的理解和認(rèn)識。(三)思維拓展,深入挖掘特征 請同學(xué)們借助教材和視頻資料自學(xué)信息的特征,自學(xué)結(jié)束后采取以競賽問答的模式檢測學(xué)習(xí)效果。
問題1:APEC會議的議題可以通過看視頻、看報紙、聽廣播等多種形式獲取,體現(xiàn)出來信息的什么特征?(載體依附性)問題2:蕭伯納的蘋果交換理論體現(xiàn)了信息的什么特征? 問題3:小明于五一黃金周后的第二天前往某電影院購買打折電影票,結(jié)果被告知此活動僅限在五一黃金周內(nèi)有效,過后無效,這體現(xiàn)了信息的什么特征? 環(huán)節(jié)三:鞏固提高
請同學(xué)們以小組為單位,列舉更多體現(xiàn)信息不同特征的實(shí)例。(揚(yáng)名千里、真假難辨、一傳十十傳百、紅燈停綠燈行)環(huán)節(jié)四:小結(jié) 教師對學(xué)生的總體表現(xiàn)做總結(jié),并引導(dǎo)學(xué)生談收獲、交流經(jīng)驗(yàn)與心得。
五、板書設(shè)計
第三篇:flash動畫制作教案
信息技術(shù)興趣小組活動教案
王
德 億利東方學(xué)校
第一周 FLASH的基本知識
教學(xué)目標(biāo):
1、熟悉FLASH的界面。
2、掌握幾個基本工具的使用:選取工具、變形工具、填充工具、線條工具、橢圓工具、矩形工具、顏料筒工具、墨水瓶工具。
3、掌握幾個基本術(shù)語:圖層、元件
4、記住幾個快捷鍵
5、完成四幅繪制圖案 教學(xué)重點(diǎn): 應(yīng)用工具畫圖 教學(xué)難點(diǎn): 復(fù)雜遮照的創(chuàng)建。教學(xué)過程:
一、界面環(huán)境介紹
二、工具箱的介紹
工具箱提供了用于圖形繪制和圖形編輯的各種工具。工具箱內(nèi)從上到下分為4個欄:“工具”欄、“查看”欄、“顏色”欄和“選項(xiàng)”欄,單擊某個工具的按鈕,即可激活相應(yīng)的操作功能,以后把這一操作叫作使用某個工具。(1)“工具”欄:工具箱之“工具”欄內(nèi)的工具用來繪制圖形、輸入文字和編輯圖形。(2)“查看”欄:工具箱之“查看”欄內(nèi)的工具是用來調(diào)整舞臺編輯畫面的觀察位置和顯示比例的。其中兩個工具按鈕的名稱與作用如表1-1-3所示。(3)“顏色”欄:工具箱之“顏色”欄的工具是用來確定繪制圖形的線條和填充的顏色。其中各工具按鈕的名稱與作用如下。
(筆觸顏色)按鈕:用于給線著色,也叫作描繪顏色。(填充色)按鈕:用于給填充著色。
(從左到右分別是:黑白、沒有顏色和交換顏色)按鈕:單擊“黑白”按鈕,可使筆觸顏色和填充色恢復(fù)到默認(rèn)狀態(tài)(筆觸顏色為黑色,填充色為白色)。在選擇了橢圓或矩形工具后,“沒有顏色”按鈕才有效,變?yōu)椋瑔螕羲梢栽跊]有顏色和有顏色之間切換。單擊“交換顏色”按鈕,可以使筆觸顏色與填充色互換。(4)“選項(xiàng)”欄:工具箱之“選項(xiàng)”欄中放置了用于對當(dāng)前激活的工具進(jìn)行設(shè)置的一些屬性和功能按鈕等選項(xiàng)。這些選項(xiàng)是隨著用戶選用工具的改變而變化的,大多數(shù)工具都有自己相應(yīng)的屬性設(shè)置。在繪圖、輸入文字或編輯對象時,通常應(yīng)當(dāng)在選中繪圖或編輯工具后,再對其屬性和功能進(jìn)行設(shè)置,才能順利達(dá)到預(yù)期的效果。
三、動手用一下工具
1、使用工具制作一個“笑臉”或“哭臉”
2、漸變工具的使用:幾個關(guān)鍵概念
顏色調(diào)板
填充變形工具的使用
3、用橢圓畫個畫環(huán) 操作步驟:
1、用填充色畫圓,并設(shè)置筆觸的粗細(xì)。
2、設(shè)置邊線的填充色為“七彩色”。
3、將該線形圓環(huán)轉(zhuǎn)換成填充色:修改--形狀--將線條為填充。
4、使用“墨水瓶”工具給圓環(huán)加邊線。效果如右:
4、用多邊形工具畫太陽 操作步驟:
1、用多邊星形工具制作太陽的外圍,作以下設(shè)置:(1)將矩形工具轉(zhuǎn)換成多角星形工具
(2)設(shè)置多角星形的“屬性”中的“選項(xiàng)”
(3)設(shè)置“樣式”為星形,輸入星形數(shù),及星形頂點(diǎn)大小(頂點(diǎn)越小,星形越尖)
2、設(shè)置填充色為放射性,無邊線
3、開始畫星形。
4、創(chuàng)建一個同心的圓為太陽的臉。
5、使用直線工具畫眼、嘴。(注意:用選擇工具調(diào)整其曲線度,利用變形工具作旋轉(zhuǎn))
四、課堂習(xí)題:自創(chuàng)月亮
五、課后作業(yè)
1、書本P34頁的實(shí)例6:茶杯。
第二周 各類特效文字的制作
教學(xué)進(jìn)度:正常 教學(xué)目標(biāo):
1、要求學(xué)生掌握漸變工具、多角星形工具、墨水瓶工具、文字工具、濾鏡的使用。
2、要求學(xué)生掌握修改菜單中的位圖、元件、形狀的菜單項(xiàng)。
3、掌握如何制作特效文字。
4、掌握位圖的導(dǎo)入及矢量圖的轉(zhuǎn)換。
教學(xué)重點(diǎn):
1、掌握空心文字、投影文字、點(diǎn)框文字、彩虹文字、金屬文字、雪花文字的制作
教學(xué)難點(diǎn): 復(fù)雜遮照的創(chuàng)建。教學(xué)過程:
一、點(diǎn)框文字 制作步驟:
1、用文字工具輸入文字
2、將文字使用“分離”或按下(ctrl+B)組合鍵
3、再將每個分離的文字使用“分離”,即直到文字被選中時呈現(xiàn)點(diǎn)型。
4、使用“墨水瓶”工具,設(shè)置線型為“點(diǎn)型”,設(shè)置線的顏色(注意務(wù)必使用與文字顏色不同的一種顏色),用鼠標(biāo)單擊文字
5、所有文字的邊線勾勒完畢后,用選取工具選取文字內(nèi)心,并刪除。
二、彩虹文字 制作步驟:
1、用文字工具輸入文字
2、將文字使用“分離”,(分離二次)
3、選擇填充顏色,再用顏料筒單擊文字即可
三、彩圖文字
圖片下載 制作步驟:
1、用文字工具輸入文字
2、將文字使用“分離”
3、選擇填充類型為“圖片”,圖片填充有二類
4、再用墨水瓶工具勾勒邊緣
5、將邊緣線條轉(zhuǎn)化為填充
6、“修改”--“形狀”--“柔化填充邊緣”
四、雪花文字
五、補(bǔ)充知識:倒影字的制作
六、課后作業(yè):制作一個圖案文字
小技巧:ctrl+v與ctrl+shift+v的區(qū)別:后者是復(fù)制時保持前后位置都一樣。
第三周 直線運(yùn)動和變形運(yùn)動
教學(xué)目標(biāo):
1、要求學(xué)生掌握直線運(yùn)動和變形運(yùn)動的補(bǔ)間。
2、掌握直線運(yùn)動的特點(diǎn):元件與普通形狀對象都可以制作直線運(yùn)動。
3、掌握變形運(yùn)動的特點(diǎn):普通形狀對象可以變形。
4、掌握影片元件的制作方法。
教學(xué)重點(diǎn): 運(yùn)動補(bǔ)間的設(shè)置;影片元件的創(chuàng)建。> 教學(xué)難點(diǎn): 關(guān)鍵幀/普通幀的區(qū)別; 教學(xué)過程:
一、導(dǎo)入:動畫制作的關(guān)鍵要素
1、幀——是進(jìn)行flash動畫制作的最基本的單位,每一個精彩的flash動畫都是由很多個精心雕琢的幀構(gòu)成的,在時間軸上的每一幀都可以包含需要顯示的所有內(nèi)容,包括圖形、聲音、各種素材和其他多種對象。
2、關(guān)鍵幀——顧名思義,有關(guān)鍵內(nèi)容的幀。用來定義動畫變化、更改狀態(tài)的幀,即編輯舞臺上存在實(shí)例對象并可對其進(jìn)行編輯的幀。
3、空白關(guān)鍵幀——空白關(guān)鍵幀是沒有包含舞臺上的實(shí)例內(nèi)容的關(guān)鍵幀。
4、普通幀——在時間軸上能顯示實(shí)例對象,但不能對實(shí)例對象進(jìn)行編輯操作的幀。
5、以上四種幀的區(qū)別
① 關(guān)鍵幀在時間軸上顯示為實(shí)心的圓點(diǎn),空白關(guān)鍵幀在時間軸上顯示為空心的圓點(diǎn),普通幀在時間軸上顯示為灰色填充的小方格
② 同一層中,在前一個關(guān)鍵幀的后面任一幀處插入關(guān)鍵幀,是復(fù)制前一個關(guān)鍵幀上的對象,并可對其進(jìn)行編輯操作;如果插入普通幀,是延續(xù)前一個關(guān)鍵幀上的內(nèi)容,不可對其進(jìn)行編輯操作;插入空白關(guān)鍵幀,可清除該幀后面的延續(xù)內(nèi)容,可以在空白關(guān)鍵幀上添加 新的實(shí)例對象。
③ 關(guān)鍵幀和空白關(guān)鍵幀上都可以添加幀動作腳本,普通幀上則不能。
6、應(yīng)用中需注意的問題 ① 應(yīng)盡可能的節(jié)約關(guān)鍵幀的使用,以減小動畫文件的體積;
② 盡量避免在同一幀處過多的使用關(guān)鍵幀,以減小動畫運(yùn)行的負(fù)擔(dān),使畫面播放流暢。
二、基本動畫
1、變形動畫:要求參與動畫的對象必須是形狀,不得使用元件。
例如:以下動畫中A-->B-->C之間、五角星——>十角形即為形狀變形。操作步驟: ①設(shè)置背景色
②插入第一關(guān)鍵幀,并繪制一個五角形。
③在第30幀上插入空白關(guān)鍵幀,并繪制一個十角星形。
④利用時間軸上的“編輯多幀”工具,對齊第一、二關(guān)鍵幀的各自五個角。⑤在第一關(guān)鍵幀上設(shè)定五個“形狀提示點(diǎn)”,修改--形狀--添加形狀提示點(diǎn)。⑥在第二關(guān)鍵幀上設(shè)定各提示點(diǎn)的對應(yīng)終點(diǎn)位置。⑦對第一關(guān)鍵幀設(shè)定“形狀”動畫補(bǔ)間。思考:
2、直線運(yùn)動動畫:任何對象都可以設(shè)置直線動畫,只需二個關(guān)鍵幀 例如:素材下載
3、漸變運(yùn)動動畫
① 淡入、淡出動畫:使用實(shí)例才能完成此項(xiàng)動畫,一般通過調(diào)整關(guān)鍵幀的透明度來設(shè)置場景中的各實(shí)例的出現(xiàn)方式。
一般淡入淡出式動畫是用二個關(guān)鍵幀完成,第一關(guān)鍵幀為全透明(100%)或部分透明,第二關(guān)鍵幀透明度為0。
②閃爍動畫:一般用三個關(guān)鍵幀完成,即從淡入到淡出的過程,即全透明--不透明--全透明的設(shè)置過程。
例如:以下例子中星星,就是用影片元件來完成的。
4、旋轉(zhuǎn)動畫:一般旋轉(zhuǎn)度數(shù)在360度以上,則采用實(shí)例,即旋轉(zhuǎn)的對象必須是通過元件調(diào)入的。而旋轉(zhuǎn)度小于360度,則旋轉(zhuǎn)對象可以是形狀。動畫設(shè)定只需二個關(guān)鍵幀。
例如:拖影文字(課后完成)操作步驟:
①建立文字元件,拖到舞臺
②創(chuàng)建第一圖層,設(shè)定第一、二關(guān)鍵幀(同幀),并設(shè)制“動畫”補(bǔ)間,旋轉(zhuǎn)為1次。
②創(chuàng)建第二圖層,此層為陰影層,復(fù)制第一層的關(guān)鍵幀,用方向箭頭控制。③創(chuàng)建第三至第九圖層,這些層均為拖影層,每層之間涉后二幀。與第一圖層相比,這些層均要逐漸調(diào)整透明度。
三、總結(jié)鞏固:
1、圖形元件的制作
2、圖形元件的應(yīng)用: ①實(shí)例:元件調(diào)入到場景后,就叫實(shí)例,實(shí)例可以取名,以后便于以后寫代碼(編程)時調(diào)用。②對元件的編輯: ③對實(shí)例的編輯:與元件編輯最大區(qū)別在于對元件本身不修改,主要的編輯方法有改變色調(diào)、透明度等。
四、作業(yè):
本周作業(yè)名稱為:
1、字母變形
2、應(yīng)用提示點(diǎn)變形(星型)
3、拖影文字
4、預(yù)習(xí):夜色中的汽車(綜合漸變星星一起做)
第四周 Flash 中的動畫
教學(xué)目標(biāo):
1、要求學(xué)生掌握直線運(yùn)動的補(bǔ)間。
2、掌握直線運(yùn)動的特點(diǎn):元件與普通形狀對象都可以制作直線運(yùn)動。
3、掌握影片元件的制作方法。
4、了解flash 中的幾種基本動畫
教學(xué)重點(diǎn): flash 中的幾種基本動畫。教學(xué)難點(diǎn): 基本動畫的區(qū)別; 教學(xué)過程:
一、導(dǎo)入:Flash 中的幾種基本動畫。
1、動作補(bǔ)間動畫
是Flash 中最常見的動畫類型。它可以結(jié)合色彩、透明度、位置的變化,使作品更加絢麗多彩。如何通過動作補(bǔ)間動畫將對象的運(yùn)動形象生動的表現(xiàn)出來,是學(xué)習(xí)運(yùn)動動畫的根本目的。如上堂課的汽車運(yùn)動動畫。
2、形狀補(bǔ)間動畫
同樣是Flash 中最常見的動畫類型。但是它的變形對象是矢量圖形,利用這種動畫可以使場景上的矢量圖形作出任意形狀、位置和顏色的平滑變化。它與動作補(bǔ)間動畫的區(qū)別是:動作補(bǔ)間的作用對象是元件或被組合的對象,而形狀補(bǔ)間動畫的作用對象是矢量圖形。如上堂課的字母變形動畫。
3、逐幀動畫
要創(chuàng)建逐幀動畫,需要將每一個幀都定義為關(guān)鍵幀,然后給每一個幀都創(chuàng)建不同的圖象。制作逐幀動畫的基本思想是把一系列相差甚微的圖形或文字放置在一系列的關(guān)鍵幀中,使動畫播放的時候看起來像是一系列連續(xù)變化的動畫。如圖所示,展示了一個小男孩的行為動畫。
4、蒙版動畫
在制作動畫的過程中,有些效果用通常的方法很難實(shí)現(xiàn)。比如:手電筒、探照燈、百頁窗等效果。這時就要用到蒙版動畫了。
要創(chuàng)建蒙版動畫,需要有兩個圖層:遮罩層和被遮罩層。遮罩項(xiàng)目像是一個窗口,透過它可以看到位于它下面的鏈接層區(qū)域,而且除了透過遮罩項(xiàng)目顯示的內(nèi)容,其余的所有內(nèi)容都被隱藏起來了。如圖所示:
5、引導(dǎo)層動畫
引導(dǎo)層作為一個特殊的圖層,在Flash 動畫設(shè)計中的應(yīng)用也十分廣泛。在引導(dǎo)層的幫助下,可以實(shí)現(xiàn)對象沿著特定的路徑運(yùn)動。要創(chuàng)建引導(dǎo)層動畫,需要兩個圖層,如圖所示 :
二、回顧旋轉(zhuǎn)動畫:一般旋轉(zhuǎn)度數(shù)在360度以上,則采用實(shí)例,即旋轉(zhuǎn)的對象必須是通過元件調(diào)入的。而旋轉(zhuǎn)度小于360度,則旋轉(zhuǎn)對象可以是形狀。動畫設(shè)定只需二個關(guān)鍵幀。例如:拖影文字 操作步驟:
①建立文字元件,拖到舞臺
②創(chuàng)建第一圖層,設(shè)定第一、二關(guān)鍵幀(同幀),并設(shè)制“動畫”補(bǔ)間,旋轉(zhuǎn)為1次。
②創(chuàng)建第二圖層,此層為陰影層,復(fù)制第一層的關(guān)鍵幀,用方向箭頭控制。③創(chuàng)建第三至第九圖層,這些層均為拖影層,每層之間涉后二幀。與第一圖層相比,這些層均要逐漸調(diào)整透明度。
三、元件的創(chuàng)建,多圖層動畫的制作
四、本周作業(yè):
1、拖影文字
2、夜色馬路
第五周 鞏固與檢測
教學(xué)目標(biāo):
1、要求學(xué)生鞏固橢圓工具、直線工具、填充工具、鋼筆工具、變形工具、選取工具、墨水瓶工具、矩形工具的使用。
2、鞏固圖形元件、影片元件的創(chuàng)建。
3、鞏固二類補(bǔ)間動畫的特點(diǎn)。
4、鞏固二類動畫:變形動畫、直線運(yùn)動動畫。
5、測驗(yàn)學(xué)生的圖形繪制能力,時間1小時
教學(xué)重點(diǎn): 運(yùn)動補(bǔ)間的設(shè)置;影片元件的創(chuàng)建。教學(xué)難點(diǎn): 影片元件與圖形元件的區(qū)別。教學(xué)過程:
一、鞏固復(fù)習(xí)題:
1、倒影動畫(本實(shí)例主要使用了文本工具、墨水瓶工具、打散功能、Alpha值設(shè)置等來操作)。主要通過一下幾個步驟來完成。
使用文本工具在舞臺場景中輸入文字。
使用打散功能將文字打散為矢量圖形。
使用墨水瓶工具為文字描邊。
使用F8快捷鍵將文字轉(zhuǎn)化為影片剪輯,并在其中進(jìn)行Alpha值的設(shè)置。
2、多層變形動畫(掌握對象繪制工具的使用。)
3、思考并完成一下動畫效果的制作,分析幀之間的時間順序及文字分別做了什么動畫?(背景下載)二、十一課后作業(yè):完成作業(yè)本上前幾周作業(yè)的上傳、學(xué)習(xí)上堂課中五種基本動畫的設(shè)計制作。(素材下載)(補(bǔ)充源代碼下載)本周上傳作業(yè)名稱為:
1、陰影動畫
2、圓環(huán)字母變形
第六周 鞏固與檢測
教學(xué)目標(biāo):
1、要求學(xué)生鞏固掌握FLASH的工具中的一些技巧。
2、鞏固FALSH中存在的五種變化--移動、縮放、旋轉(zhuǎn)、顏色、透明度 教學(xué)重點(diǎn):工具中技巧的合理運(yùn)用。教學(xué)過程:
一、在FLASH中有些工具使用的技巧有助于動畫設(shè)計的美感,下面總結(jié)幾種我們平時制作當(dāng)中常用到的幾種小技巧:
1、柔化物體邊緣 先看下圖一的效果,此效果,我們所使用的最簡單的方法是利用 FLASH 本身的邊緣柔化功能:
圖一
圖二 圖三
先畫好一個圓,如圖二;然后選中此圖形(不可是元件圖形)--圓,選擇修改--形狀--柔化邊緣填充,在彈出的對話框里設(shè)置參數(shù),如圖三,確定以后就形成上圖的效果。(注意:參數(shù)的大小影響了邊緣柔化的程度,但有一點(diǎn),最好只進(jìn)行一次柔化,如在柔化以后再柔化可能會使FLASH計算復(fù)雜,而出現(xiàn)于要求不同的效果。)
同理,我們可以對文字邊緣進(jìn)行柔化,如下效果3和4分別是對文字的填充色和筆觸進(jìn)行了柔化。值得注意的是必須先把文字分離,并且在對筆觸進(jìn)行柔化之前,事先要求將線條轉(zhuǎn)化為填充。引申:
在實(shí)際運(yùn)用當(dāng)中如果要進(jìn)行較為靈活的邊緣柔化,我們不妨利用混色器來完成。即在選中圖形后調(diào)出混色器編輯框,顏色填充樣式選擇放射狀,然后將左右兩個顏色填充節(jié)點(diǎn)的顏色都設(shè)置為白色,再將右邊的顏色節(jié)點(diǎn)的透明度為“0”,如下圖
用此方法制作的效果有一點(diǎn)好處就是可以靈活的改變邊緣柔化的程度,思考如何達(dá)到后面三種圖形的效果。
2、變形復(fù)制
效果如下:對于這個效果我們使用的是復(fù)制并變形的功能。
首先可以畫一個橢圓,然后選中此對象,用變形工具改變它的自由變化中心,如下面左右兩圖,左邊為沒有改變的狀態(tài),右邊為改變以后的狀態(tài): 自由變化中心的改變
然后選擇 窗口--變形 調(diào)出變形對話框,如圖:在旋轉(zhuǎn)參數(shù)里輸入對象旋轉(zhuǎn)的角度,比如20度,再點(diǎn)擊對話框右下角的拷貝并應(yīng)用變形按鈕,直到圖象變成我們所需狀態(tài)。
3、對象繪制
這是 Flash8 的新功能。原先版本中,我們在同一圖層中疊加兩個圖形時,會產(chǎn)生合并的效果,如果移動其中一個圖形時,下面圖形的疊加部分就會消失,這有一定的優(yōu)越性但是又有局限性,如果我們要繪制兩個圖形疊加在一起但是不合并的話,就需要把這兩個圖形轉(zhuǎn)換成元件或是放在兩個圖層中,這樣就比較麻煩。而對象繪制就可以避免產(chǎn)生這種問題。例如,原先版本中移動圖象后:
而如果是單擊“橢圓”工具,在選項(xiàng)欄里,點(diǎn)擊“對象繪制”按鈕后,再繪制兩個圖象,這時盡管兩個圖象之間彼此是疊加的,但是互相不會干擾。
另外,在“修改”菜單欄中,對象繪制還具有四種合并效果:聯(lián)合,交集,打孔,裁切。希望大家自己去觀察它們各自的作用。
二、在FALSH中存在的五種變化--移動、縮放、旋轉(zhuǎn)、顏色、透明度 具體效果看影片文件(注意:后面兩種變化必須是對實(shí)例,即對拉到場景中的元件進(jìn)行設(shè)置。)
第七周 鞏固
教教學(xué)目標(biāo):
1、鞏固掌握FLASH制作中幾種常見字體效果的制作。
2、掌握FLASH動畫制作中用到的兩種補(bǔ)間過程。
教學(xué)重點(diǎn): 字體效果的制作、各補(bǔ)間的特性和要求。
教學(xué)過程:
一、在一個好的FLASH作品里常常會運(yùn)用到一些經(jīng)過處理的FLASH字效,前面我們已經(jīng)介紹了多種在FLASH中常用的字效:點(diǎn)框文字、彩虹文字、位圖文字、立體字、倒影字等,今天,再補(bǔ)充幾個特效文字的處理。
1、雙色(多色)字
圖一
圖二 圖三
關(guān)鍵技術(shù)要求:
[1]、制作此類文字效果,只要將文字打散成離散的圖形;
[2]、然后用選取工具選取其中部分,再對選中部分進(jìn)行顏色填充; [3]、選取次數(shù)可以隨意定。
2、鏤空字(素材下載)關(guān)鍵技術(shù)要求:
[1]、此類效果需兩層圖層才能完成; [2]、底層放置一張圖片;
[3]、在上層畫一個矩形蓋住底層的圖片(可適當(dāng)設(shè)置透明度); [4]、在矩形層上輸入文字并調(diào)整好文字的位置; [5]、將文字打散;
[6]、鼠標(biāo)點(diǎn)擊影片空白處取消對文字的選擇; [7]、再次選中文字圖形并將其刪除即可。
3、陰影字
關(guān)鍵技術(shù)要求:
1、養(yǎng)成一個圖象一個圖層的好習(xí)慣,根據(jù)情況,這里可以創(chuàng)建三個圖層,藍(lán)色字、黑色字,深灰色字,分別呈現(xiàn)原層、立體層、陰影層的效果;
2、立體層的制作:可以按快捷鍵Shift+Ctrl+V把“原層”中的文字復(fù)制到“立體層”中,并利用方向鍵“→”、“↑”將黑色字層向右、向上各移動2個像素;
3、陰影的制作: 選中“原層”中的文字,然后按快捷鍵打開Ctrl+T打開“變形”面板,并上右圖所示設(shè)置。設(shè)置好后,單擊“變形”面板上的“復(fù)制并應(yīng)用變形”按鈕。一個經(jīng)過變形的副本就被復(fù)制出來了。
4、陰影層的制作: 選中剛剛做好的副本,按快捷鍵Ctrl+X剪切。按快捷鍵Shift+Ctrl+V把這個副本原位粘貼到“陰影層”中。最后適當(dāng)?shù)恼{(diào)整位置,并把色彩換成#666666。到這里,文字的陰影效果就做好了。綜上所述,關(guān)鍵技術(shù)都比較類似,所以希望大家課后能好好復(fù)習(xí),做到在熟練繪制的基礎(chǔ)上創(chuàng)作出更多其他效果的文字。
二、在FLASH動畫中,存在著兩種基本的補(bǔ)間:移動和行變。下面就將這兩種補(bǔ)間進(jìn)行介紹。
1、形狀補(bǔ)間
延伸的直線 拉動的幕布 畫線框(四條邊放在四個圖層上,如下圖所示,考慮為什么?)
星星變形(注意為了防止變形過程不凌亂,可以利用修改-形狀中的“添加形狀提示”工具,再五角星上加入5個提示點(diǎn),并放到相應(yīng)變化位置上,以紅色的小圓圈表示,abcde用來標(biāo)識提示點(diǎn)。看一看最后的一幀,可以發(fā)現(xiàn)十角星上也有一個對應(yīng)的紅色提示點(diǎn),當(dāng)你設(shè)置好位置時,會發(fā)現(xiàn)提示點(diǎn)變綠了,回到第一幀,這時提示點(diǎn)由紅色變成了黃色,這表明提示點(diǎn)的設(shè)置正確。)
2、運(yùn)動補(bǔ)間
它與動作補(bǔ)間動畫的區(qū)別是:動作補(bǔ)間的作用對象是元件或被組合的對象,而形狀補(bǔ)間動畫的作用對象是矢量圖形。
運(yùn)動的小球:比較下面三副動畫,考慮有什么不同,分別做了什么動作。提示:緩動選項(xiàng)的作用。
現(xiàn)在大家應(yīng)該知道緩動選項(xiàng)的作用了吧。它的作用是在運(yùn)動的過程中產(chǎn)生速度上的變化,默認(rèn)值為0,即為勻速運(yùn)動。當(dāng)值為負(fù)時,運(yùn)動的物體做加速運(yùn)動,相反,當(dāng)值為正時,運(yùn)動的物體做減速運(yùn)動。在小球下落的過程中,速度越來越快,所以我們把值改為負(fù)值,注意在值為-100時,比較接近重力加速度。當(dāng)小球彈起時,速度越來越慢,因此值為正。引申:(旋轉(zhuǎn)的風(fēng)車)
從這一制作中我們不僅要學(xué)習(xí)運(yùn)動漸變動畫的另一種形式:旋轉(zhuǎn)動畫(自轉(zhuǎn)),而且還要練習(xí)用箭頭工具對對象進(jìn)行修改,利用變形面板制作多個風(fēng)車葉的方法。思考:下面兩幅動畫的差異在哪里?
第八周 運(yùn)動引導(dǎo)層
教學(xué)目標(biāo):
1、要求學(xué)生掌握各類曲線運(yùn)動的制作技巧,掌握引導(dǎo)線、引導(dǎo)層的概念及作用。
2、能根據(jù)運(yùn)動的需求,畫出運(yùn)動軌跡線,即引導(dǎo)線。教學(xué)重點(diǎn): 運(yùn)動引導(dǎo)層的創(chuàng)建,動畫關(guān)鍵幀的設(shè)置。教學(xué)難點(diǎn): 做引導(dǎo)層時的幾個注意點(diǎn)。教學(xué)過程:
一、引入:
①引導(dǎo)線、引導(dǎo)層的概念
1、引導(dǎo)線:引導(dǎo)線就是軌跡或輔助線的作用。它讓物體沿著引導(dǎo)線路徑運(yùn)行。(即物體運(yùn)動的軌跡,一般使用鋼筆工具來制作)
2、引導(dǎo)層:引導(dǎo)線必須制作在引導(dǎo)層中,而需要使用引導(dǎo)線作為運(yùn)動軌跡線的物體所在層必須在引導(dǎo)層的下方,一個引導(dǎo)層可以為多個圖層提供運(yùn)動軌跡。同時在一個引導(dǎo)層中可以有多條運(yùn)動軌跡。
二、滾球的制作 知識點(diǎn):
1、背景層的創(chuàng)建: ①設(shè)定場景色
②用鋼筆工具勾勒一個上邊為曲線的多邊形。
2、運(yùn)動引導(dǎo)層的創(chuàng)建:該層中專門用來放置物體運(yùn)動的軌跡,軌跡一般用線條描述,而在運(yùn)動引導(dǎo)層中的線條在實(shí)際導(dǎo)出成SWF文件時是不可見。使用的方法:要使用軌跡的對象必須獨(dú)立地放在引導(dǎo)層的下方圖層中,運(yùn)動的對象其關(guān)鍵幀必須完全吸附在軌跡上。③復(fù)制曲線。
如圖:第一、二關(guān)鍵幀的定點(diǎn)
3、制作技巧:
①引導(dǎo)層一旦建立完成后應(yīng)將其鎖定
②對運(yùn)動對象定位時最好打開“帖緊至對象”工具,這樣當(dāng)吸附正確時中心點(diǎn)會放大。
三、思考自強(qiáng)不息和山地車實(shí)例的制作
四、我是一條魚
素材下載
1、水泡的制作(掌握刷子和填充變形工具的使用,并把水泡轉(zhuǎn)換為元件。)
水泡的顏色調(diào)板:白色透明度為0,2,100
2、浮起的水泡制作(影片元件:注意引導(dǎo)層繪制好后,可以及時鎖定。)
3、游動的小魚
可以從左向右游動,也可以從右向左游動,小魚的運(yùn)動軌跡為
4、在場景中創(chuàng)建: ①背景圖片放入場景。
②建立第二層,放入大小不一的水影片元件,注意水泡的放置位置
③建立第三層,放入多條小魚,使用小魚的影片元件時,可將其翻轉(zhuǎn),從而改變其運(yùn)動方向。
五、課后作業(yè): 必做題:
1、滾球
2、我是一條小魚 選做題:
1、自強(qiáng)不息
2、山地車
第九周 按鈕的制作
教學(xué)目標(biāo):
1、掌握按鈕制作的基本方法。
2、掌握按鈕中的動畫設(shè)計方法。
3、掌握透明按鈕的制作
教學(xué)重點(diǎn): 按鈕元件的創(chuàng)建,按鈕動畫的設(shè)計。教學(xué)難點(diǎn): 按鈕中的四種狀態(tài)。教學(xué)過程:
一、按鈕元件(可詳見課本P111)
按鈕用于響應(yīng)鼠標(biāo),即隨鼠標(biāo)顯示不同的狀態(tài),執(zhí)行指定的行為。
1、插入按鈕元件,執(zhí)行“插入”-“新建元件”命令(或者按
2、編輯按鈕元件:按鈕元件有彈起、指針經(jīng)過、按下和點(diǎn)擊四種狀態(tài),如圖所示:
V 彈起:表示鼠標(biāo)沒有在按鈕上時的按鈕的狀態(tài)。V 指針經(jīng)過:表示鼠標(biāo)經(jīng)過按鈕時按鈕的狀態(tài)。V 按下:表示按下鼠標(biāo)時按鈕的狀態(tài)。V 點(diǎn)擊:設(shè)置按鈕響應(yīng)鼠標(biāo)的區(qū)域。
如果要制作透明按鈕,僅在“點(diǎn)擊”畫出點(diǎn)范圍即可。
二、上機(jī)操作:制作以下實(shí)例
1、基本按鈕 分析:
1、彈起:二個圖片元件分別放置在文字和邊框圖層中
2、經(jīng)過:與彈起時的一個圖片元件相同,在此基礎(chǔ)上用“按我”的圖片元件創(chuàng)建一個影片剪輯元件。
3、按下:用“謝謝”圖片元件替換“按我”圖片元件
4、點(diǎn)擊:延續(xù)邊框圖層的第一幀,代表鼠標(biāo)進(jìn)入邊框區(qū)域后,按鈕才會有響應(yīng)。彈起幀
指針經(jīng)過幀 按下幀
點(diǎn)擊幀
2、練習(xí):制作一個帶有以下動畫效果的按鈕(自選一個完成)提示:將按鈕下面的文字放在新的圖層上。
三、按鈕的點(diǎn)擊作用
1、一般按鈕點(diǎn)擊后均會產(chǎn)生一個動作,如:停止、播放、重放、跳轉(zhuǎn)、超鏈接,如:(源文件下載)
2、按鈕的幾個常用動作: on動作命令
下面我們就詳細(xì)地向大家介紹一下這八種事件的使用。
(1)press 在鼠標(biāo)指針經(jīng)過按鈕時按下鼠標(biāo)按鈕。單擊press,然后選擇動作語句,雙擊【全局函數(shù)】|【時間軸控制】中的play 命令。
完整的action是:
on(press){ //設(shè)定鼠標(biāo)事件為按下,然后執(zhí)行大括號里面的語句。play();//按鈕響應(yīng)后執(zhí)行play(播放)動作 } press動作 當(dāng)然,在大括號里面還可以用其他的語句,比如說,gotoAndPlay(yourframe);//點(diǎn)擊按鈕后,就會從你設(shè)置的幀播放。
(2)release 在鼠標(biāo)指針經(jīng)過按鈕時釋放鼠標(biāo)按鈕。單擊選擇release然后與第一個事件相同加入play命令。完成的語句如下:
on(release){ //當(dāng)鼠標(biāo)按下釋放的時候,執(zhí)行下面的語句動作。play();//按鈕響應(yīng)后執(zhí)行play(播放)動作。} release動作 可以看到,當(dāng)鼠標(biāo)左鍵按下按鈕的時候,并沒有激發(fā)播放動作,而是當(dāng)鼠標(biāo)左鍵放開的時候,執(zhí)行了播放動作。這也是與“press”事件不同的地方。
(3)releaseOutside 當(dāng)鼠標(biāo)指針在按鈕之內(nèi)時按下按鈕后,將鼠標(biāo)指針移到按鈕之外,此時釋放鼠標(biāo)按鈕。添加語句的方法同上。完整的語句如下: on(releaseOutside){ //當(dāng)鼠標(biāo)在按鈕外部釋放的時候執(zhí)行下面的語句。play();//按鈕響應(yīng)后執(zhí)行播放動作。} releaseOutside動作
通過這個例子我們知道,當(dāng)鼠標(biāo)左鍵在按鈕上按住并移動到按鈕以外的地方放開后,觸發(fā)了按鈕的動作。這是一個具有非常想象力的事件,大家可以利用on的這個事件來制作游戲。
(4)rollOver 鼠標(biāo)指針滑過按鈕。制作方法同上,完整的as語句為: on(rollover){ //當(dāng)鼠標(biāo)滑動到按鈕上時執(zhí)行下面的動作。play();//按鈕執(zhí)行播放動作。} rollOver動作 當(dāng)鼠標(biāo)指針從按鈕上滑過的時候,動畫就開始執(zhí)行播放動作了,而不需要點(diǎn)擊它。我們可以利用on的這個特點(diǎn)來制作一些圖示板,非常簡單有效
(5)rollOut 鼠標(biāo)指針滑出按鈕區(qū)域。制作方法同上,完整的as語句為: on(rollOut){ //當(dāng)鼠標(biāo)滑動到按鈕上并離開時執(zhí)行下面動作。Play(): //按鈕響應(yīng)播放動作。} rollOut動作
滑離與滑過并不是相同的,滑離是指鼠標(biāo)滑動到按鈕上并離開以后開始響應(yīng),而滑過是指只要鼠標(biāo)滑到按鈕上,就開始執(zhí)行動作。
(6)dragOut 在鼠標(biāo)指針滑過按鈕時按下鼠標(biāo)按鈕,然后滑出此按鈕區(qū)域。完整的as是:
on(Drag Out){ //當(dāng)鼠標(biāo)拖過的時候執(zhí)行下面的動作。play();//執(zhí)行播放動作。} dragOut動作
拖離與拖過有所不同,只要在按鈕上按住鼠標(biāo)左鍵然后移動到按鈕外就會相應(yīng)。他與滑離的區(qū)別在于拖離需要按住鼠標(biāo)左鍵。
(7)dragOver 在鼠標(biāo)指針滑過按鈕時按下鼠標(biāo)按鈕,然后滑出此按鈕,再滑回此按鈕。完整的as是:
on(dragover){ //當(dāng)鼠標(biāo)指針滑過按鈕時按下鼠標(biāo)按鈕,然后滑出此按鈕,再滑回此按鈕時執(zhí)行下面的動作。play();//執(zhí)行播放動作 } dragOver動作
拖過的效果是在按鈕上點(diǎn)擊并按住鼠標(biāo)不放,移出按扭區(qū),再移回按鈕上釋放的事件。注意:此例中是一個文字按鈕,在做文字按鈕的時候,應(yīng)在文字的下方用一透明方塊,以增加按鈕的反應(yīng)區(qū)域,或者在按鈕的第4幀繪制一個矩形來增加反映區(qū)。
(8)keyPress(“key”)按下指定的鍵。對于此參數(shù)的 key 部分,需指定鍵控代碼或鍵常量。
我們在(“key”)中鍵入“k”。完整地as語句為:
on(keyPress “z”){ //當(dāng)按下鍵盤中的“z”健時執(zhí)行下面的動作。play();//執(zhí)行播放動作 }
注 意 ——在給動畫作品添加按鈕的時候應(yīng)該放到單獨(dú)一層,這樣便于修改。
提 示 ——on為按鈕上的動作,所以我們必須首先要選中按鈕,以后才可以添加on語句。有的朋友在論壇里面提問,“為什么我的on為灰色不可選狀態(tài)?”原因就是你沒有選中按鈕。
技 巧 ——在一般flash作品中,大家不會有意區(qū)分這些on的功能的,一般采用默認(rèn)的語句。如果沒有特殊說明,你使用了拖離,滑離等事件來制作“replay”按鈕,會讓人們摸不著頭腦的。
試一試 ——我們了解了on得這么多的功能,利用這些功能可以輕易的制作出flash課件,flash游戲里面的效果,大家不妨試一試。
分 析——on語句的功能與按鈕息息相關(guān),有按鈕的地方一定會有on語句的使用。而有flash作品的地方,就會有按鈕的出現(xiàn),所以說on的重要作用不可忽視。今天向大家詳細(xì)地介紹了on的各種功能,我們就可以結(jié)合按鈕自身的特點(diǎn),發(fā)揮他們的功能。
四、作業(yè) 必做題:
1、“按我”
2、move on 或 next and back
3、完成書中P104頁的動態(tài)按鈕制作: 素材
第十周 復(fù)習(xí)
教學(xué)目標(biāo):
1、鞏固掌握引導(dǎo)線的基本技巧。
2、鞏固掌握按鈕制作的基本方法。
3、通過測試了解學(xué)生的掌握情況。教學(xué)重點(diǎn): 掌握引導(dǎo)線、按鈕的創(chuàng)建。教學(xué)難點(diǎn): 通過考試,鞏固薄弱知識點(diǎn)。教學(xué)過程:
一、復(fù)習(xí)
1、“調(diào)整到路徑”功能: 將補(bǔ)間元素的基線調(diào)整到運(yùn)動路徑, 比較下面兩個動畫
2、做引導(dǎo)層時的幾個注意點(diǎn):
①路徑是否在引導(dǎo)層中,引導(dǎo)層的創(chuàng)建是否正確。②路徑是否閉合。
③運(yùn)動物體中心點(diǎn)是否在路徑上,大家在拖動的時候可以使用吸附工具,這樣比較容易觀察。
④引導(dǎo)線千萬不能是元件,如果繪制出來是對象的話,要及時打散。⑤要讓引導(dǎo)層在導(dǎo)出文件中可見,就必須再添加一個背景層。
3、觀看下面的動畫實(shí)例,分析在動畫中有哪些效果? 分析:按鈕的四個幀上分別放置的是什么?
三、本周作業(yè):預(yù)習(xí)遮罩動畫 第十一周 遮照的基本概念 教學(xué)目標(biāo):
1、掌握遮照的原理
2、掌握遮照的操作方法
3、學(xué)會遮照的基本應(yīng)用,增強(qiáng)分析動畫的能力 教學(xué)重點(diǎn): 掌握遮照的操作方法
教學(xué)難點(diǎn): 遮照的基本應(yīng)用,學(xué)會從現(xiàn)成的作品中獲取設(shè)計方法 教學(xué)過程:
一、知識回顧: 補(bǔ)間:形狀 補(bǔ)間:動作
補(bǔ)間:動作,光束為元件
補(bǔ)間:動作,以物體中心為軸向兩邊擴(kuò)張的一般為元件
二、引入新課:
1、請注意觀察以下這個動畫,在它的文字中有何特色,它的動畫特點(diǎn)是什么?(1)文字用圖案填色,且是自上而下運(yùn)動著的圖案填色。(2)文字完整顯示,而圖案顯示不完整。
(3)文字在最上層,圖案在下層,且下層是一個動畫層。
三、新課內(nèi)容(上課素材下載):
(一)遮罩的原理
1、遮罩是需要通過兩層實(shí)現(xiàn)的,上一層叫遮罩層,下一層叫被遮罩層。
2、遮罩結(jié)果顯示的是二層的疊加部分。
3、遮罩顯示結(jié)果的色彩由被遮罩層的色彩決定,即可通過辨別色彩的來源來確定哪一層為被遮罩層。
4、在遮罩層和被遮罩層中均可設(shè)定動畫。
(二)遮罩的應(yīng)用
1、電影字幕效果
分析關(guān)鍵點(diǎn):什么顏色為遮罩效果的主色,什么層在自下而上移動? 此例的結(jié)論:說明遮罩層與被遮罩層均可根據(jù)需要設(shè)定動畫。分析的特點(diǎn):用顯示色彩的特性確定了被遮罩層。
2、光束的照射效果
比較一下兩幅動畫的差異
本題總結(jié):在遮罩層和被遮罩層之后,可適當(dāng)添加輔助層,以襯托遮罩效果。
3、MTV字幕效果 分析關(guān)鍵點(diǎn):上面兩幅動畫分別需要幾層?藍(lán)色的FLASH文字層是否產(chǎn)生遮罩效果?
四、作業(yè)布置:
1、必做題: 字幕、光照、MTV字幕
1、MTV字幕2(如下)
2、選做題:
第十二周 聲音與遮罩技巧
教學(xué)目標(biāo):
1、能導(dǎo)入各類聲音,并能處理一些聲音的疊加。
2、遮照技巧的靈活應(yīng)用。
3、學(xué)會遮照的基本應(yīng)用,增強(qiáng)分析動畫的能力 教學(xué)重點(diǎn): 遮照技巧的靈活應(yīng)用
教學(xué)難點(diǎn): 遮照的基本應(yīng)用,學(xué)會從現(xiàn)成的作品中獲取設(shè)計方法 教學(xué)過程:
一、FLASH中聲音的加載 ①導(dǎo)入聲音文件:
文件--導(dǎo)入到庫--選擇聲音源
我們只需新增一圖層(聲音層)--將庫中的聲音拖入,或者在屬性面板中選擇聲音就可以使用聲音文件了,事情就這么簡單。②聲音文件的使用技巧 為動畫添加背景音樂
(1)新建或打開需要添加聲音的文件,在原來的動畫上再增加一個“聲音層”的新層。需要在文件中多處有聲音時,我們通常會把幾個聲音文件放置在不同的層中,這樣不但便于控制,而且還能達(dá)到混響效果。
(2)導(dǎo)入所需要的聲音文件,然后從庫中將所需聲音文件拖拉到“聲音層”上即可。
為按鈕添加提示聲音
在原來的層上插入一新層,假設(shè)在按下幀上按F7添加空白關(guān)鍵幀,然后將聲音文件拖放到該幀即可,并將同步設(shè)置為“事件”。則測試時,當(dāng)鼠標(biāo)單擊按鈕時會發(fā)出聲音。
二、聲音的處理
當(dāng)聲音被加載到FLASH中后,可進(jìn)行如下處理:
1、取部分聲音播放。
2、控制聲音的淡入、淡出等。
3、處理方法:在屬性面板上,單擊聲音編輯即可
4、“事件”選項(xiàng)會將聲音和一個事件的發(fā)生過程全部同步起來。如果觸發(fā)了播放聲音的事件,它會自動播放直至結(jié)束,在這個過程中聲音的停止不受動畫本身的制約。例如我們在Flash中制作了一個聲音播放按鈕,如果事件聲音正在播放,而再次點(diǎn)擊,第一個實(shí)例繼續(xù)播放,另一個聲音實(shí)例同時開始播放。
“開始”選項(xiàng)和“事件”選項(xiàng)一樣,只是如果聲音正在播放,就不會播放新的聲音實(shí)例。
“停止”選項(xiàng)可以使指定的聲音靜音。
“數(shù)據(jù)流”用于在互聯(lián)網(wǎng)上同步播放聲音。Flash會協(xié)調(diào)動畫與聲音流,使動畫與聲音同步。如果Flash顯示動畫幀的速度不夠快,F(xiàn)lash會自動跳過一些幀。與事件聲音不同的是,如果聲音過長而動畫過短,聲音流將隨著動畫的結(jié)束而停止播放。在播放影片時,聲音流是混合在一起播放的。
5、不同聲音的疊加:將聲音加載在不同圖層上。
三、實(shí)例:
1、按鈕上加載聲音
源文件下載 聲音下載(右擊下載)體會在按鈕上加聲音與在圖層上加聲音的區(qū)別。
四、遮照技巧
1、百葉窗(素材下載):
(一)遮罩的原理 操作步驟: [1]、建立一個按水平線縮放的長方條作為影片元件。
[2]、將第一步中創(chuàng)建的影片元件多個疊加,組合成一扇百葉窗,并將其作為第二個影片元件。
[3]、在場中創(chuàng)建三層,其中最上層放步驟二中影片元件,中間層與底層各放一張圖片。
[4]、將遮照效果應(yīng)用在最上層。思考:步驟2中能否不建影片元件?
2、閃閃紅星的制作 制作步驟:
[1]、制作一個扇片,并生成元件。
[2]、由步驟1的元件旋轉(zhuǎn)復(fù)制360度后而繞成一圈,并將此圖案生成元件。(注意調(diào)整元件中心點(diǎn)位置)
[3]、將步驟2生成的元件加以應(yīng)用于,實(shí)施翻轉(zhuǎn)。
[4]、將以上二個實(shí)例各自放入不同層,并在二層間實(shí)施遮照。
五、作業(yè)
1、完成以上二個實(shí)例:百葉窗、閃閃紅星
2、校名:
3、書本作業(yè):橫向百葉窗
第十三周 遮照技巧應(yīng)用(三)教學(xué)目標(biāo): 通過練習(xí),使學(xué)生進(jìn)一步掌握遮照與變形的綜合應(yīng)用。教學(xué)重點(diǎn): 遮照技巧應(yīng)用。教學(xué)難點(diǎn): 復(fù)雜遮照的創(chuàng)建。教學(xué)過程:
一、鞏固復(fù)習(xí):制作并講解上一節(jié)課的作業(yè)縱向百葉窗(詳見課本P99,圖片下載)。知識點(diǎn):
①分散到圖層。②直線動畫的制作。③關(guān)鍵幀的復(fù)制。④遮照的使用。
二、制作跑車廣告
素材下載
1、準(zhǔn)備工作,試著制作下列圖案
2、查看跑車廣告
3、分析跑車廣告的元件及圖層
①數(shù)字計時:幀幀動畫(序號之間的漸變效果)②遮照效果:遮照層:動畫層(形狀補(bǔ)間的變形動畫、)被遮照層:清晰跑車 背景層:模糊跑車
③落下帷幕:縮放動畫、變形動畫。
4、時間軸參考(沒有設(shè)計計時時的效果圖)
三、課后作業(yè) 必做:
1、跑車廣告
2、按下圖的提示制作“波浪文字” 提示: 效果動畫:
選做:
3、制作以下“圖片切換效果”
第十四周 遮照復(fù)習(xí)
教學(xué)目標(biāo):
1、掌握多層遮照的基本技巧。
2、注意對遮照層和被遮照層的設(shè)定。
3、通過測試了解學(xué)生的掌握情況。教學(xué)重點(diǎn): 多層遮照技巧的原理。教學(xué)難點(diǎn): 多層遮照技巧的應(yīng)用。教學(xué)過程:
一、復(fù)習(xí):
1、旋轉(zhuǎn)的地球
地圖下載 提示:
1、注意觀察二幅地圖的顏色。[2]、思考用幾層遮照。
[3]、地圖的顏色是否發(fā)生變化。[4]、是否有背景層。[2]、波浪文字 源代碼下載
要求:自行分析以上兩個動畫的遮照技巧,在源代碼的基礎(chǔ)上,修改完成第二種波浪效果。
第十五周 基本ActionScript 教學(xué)目標(biāo):
1、要求學(xué)生了解什么是ActionScript。
2、掌握如何編輯ActionScript。
3、三種添加腳本的對象。
教學(xué)重點(diǎn): ActionScript的基本概念。教學(xué)難點(diǎn): 編輯ActionScript。
教學(xué)過程:
一、什么是 ActionScript(以下簡稱AS)AS 是FLASH的動作腳本語言。可以 AS 使用控制FLASH影片中的對象,創(chuàng)建導(dǎo)航和交互元素,也可以擴(kuò)展FLASH,制作高級交互影片和FLASH交互網(wǎng)站。
二、利用AS 能做些什么?
使用 AS,用戶不僅可以動態(tài)地控制動畫的進(jìn)行,而且能夠進(jìn)行各種運(yùn)算,甚至由各種方式獲取用戶的動作并且即時作出回應(yīng)。目前它在交互式網(wǎng)站、課件的制作及一些游戲、MTV和電子賀卡制作中的應(yīng)用及為廣泛。
三、編輯 AS
1、動作面版的介紹
①動作工具箱
②腳本導(dǎo)航器
③腳本助手
2、腳本窗口
3、行為面版(窗口--行為)
用戶可以使用行為來裝載和卸裁實(shí)例,播放,停播、復(fù)制或拖動實(shí)例。
4、添加腳本的對象
①在幀中添加: 寫在關(guān)鍵幀上面的AS,當(dāng)時間軸上的指針走到這個關(guān)鍵幀的時候,就寫在這個幀上面的AS就被觸發(fā)執(zhí)行了。常見的例子有在影片結(jié)尾的幀寫上 stop()等。操作方法就是點(diǎn)選關(guān)鍵幀,然后打開AS面板。
②在按鈕中添加: 不同于幀上面的AS,按鈕上面的AS是要有觸發(fā)條件的。要把AS寫在按鈕上,操作方法是點(diǎn)選目標(biāo)按鈕,然后打開AS面板。舉個例子能說的更明白: ●●假設(shè)有一個動畫,要讓它在播放完同時停止,那么,你要做的就是在這個動畫的最后一幀寫stop();●●再假設(shè)有個按鈕,效果是按下按鈕后停止播放,那么步驟如下: 做一個按鈕,放到主場景,點(diǎn)選按鈕,然后打開AS面板。現(xiàn)在如果也在按鈕上寫 stop();那么,輸出的時候就會提示錯誤。正確的應(yīng)該這樣寫: 整個代碼翻譯過來就是: on(release){ stop();} 當(dāng)(松開){ 停止 }
這里要比幀的動畫多這些代碼: on(release){} ,③在影片剪輯中添加
四、AS 基本語法
1、點(diǎn)語法:點(diǎn)(.)被用于指出與一個對象或影片剪輯相關(guān)聯(lián)的特性或方法,也是用于標(biāo)識指向一個影片剪輯或變量的目標(biāo)路徑。
2、括號:用于定義函數(shù)中的相關(guān)參數(shù)
3、大括號:凡是用大括號結(jié)合在一起的是一個語句塊。
4、分號:每一條語句都必須是以分號作為結(jié)束的。
其它具體的使用規(guī)則我們在具體的實(shí)例再進(jìn)行講解,有興趣的同學(xué)也可以參看
ActionScript 教程
五、第一實(shí)例(下拉菜單的制作)
1、實(shí)例源文件下載
使用goto配合幀標(biāo)簽制作下拉菜單 步驟 小技巧
①打開源文件并分析
②在三個菜單下拉的最后關(guān)鍵幀上添加Stop();語句,③選擇第一個按鈕(company),按下F9打開動作面板,添加以下語句:
on(rollover){gotoAndPlay(“2”);}
④其它二個按鈕也以此類推添加語句。
當(dāng)時間軸上有大量幀時,可以通過給幀命名,從而方便地調(diào)用幀。如本例中,可以在第②、③步之間插入一步:
為三個菜單下拉的圖層中第一關(guān)鍵幀定義名稱,分別為t1、t2、t3
這時,按鈕(company)上的語句就得變成:
on(rollover){gotoAndPlay(“t1”);} 觀察制作的結(jié)果:
六、第二個實(shí)例:Food house
1、下載源文件 分析一下其中的動畫效果
2、制作以下效果:
七、補(bǔ)充:利用getURL跳轉(zhuǎn)到其他網(wǎng)頁
1、查看一下精美的韓版菜單條(你能仿制嗎?)
看一下源代碼
2、為這個菜單添加getURL語句:參考
on(release){getURL(“http://www.tmdps.cn”);} 思考:加在什么位置
八、本周作業(yè):
1、下拉菜單
2、Food house(時間軸提示)
第十六周 AS實(shí)例制作訓(xùn)練
教學(xué)目標(biāo):
1、掌握復(fù)制影片剪輯命令duplicate的使用。
2、掌握隨機(jī)函數(shù)random的使用,_visible隱藏屬性的應(yīng)用。
3、掌握影片剪輯x,y軸比例屬性_xscale,_yscale以及透明屬性_alpha的應(yīng)用。教學(xué)重點(diǎn): 復(fù)制影片剪輯命令duplicate和隨機(jī)函數(shù)random的使用。教學(xué)難點(diǎn): 編輯ActionScript。教學(xué)過程:
一、知識鋪墊
在Flash中制作多個對象不規(guī)則地出現(xiàn),通常會用到兩個Action語句,即復(fù)制影片剪輯命令duplicateMovieClip和隨機(jī)函數(shù)random()。前者用于復(fù)制出相同的影片剪輯,后者則用于創(chuàng)建隨機(jī)數(shù),并將這些隨機(jī)數(shù)應(yīng)用到相應(yīng)的屬性中,使復(fù)制出的影片剪輯具有不同的狀態(tài)。
1、duplicateMovieClip語句可以復(fù)制一個Movie Clip(影片剪輯),同時可以為復(fù)制得到的Movie Clip 重新命名。該命令是一條單獨(dú)的語句,語法結(jié)構(gòu)如下:
duplicateMovieClip(目標(biāo),新名稱,深度)由于每一個復(fù)制出來的影片剪輯都具有與目標(biāo)影片剪輯一樣的屬性并且每一個復(fù)制出來的影片剪輯其初始位置與目標(biāo)影片剪輯是疊加在一起的,因此為了區(qū)分每一個新復(fù)制的影片剪輯,防止后面復(fù)制的影片剪輯替換掉前面的影片剪輯,要設(shè)置每一個影片剪輯的深度參數(shù),來規(guī)定新影片在舞臺上的疊加次序。
2、random()函數(shù)是一個隨機(jī)函數(shù),這個函數(shù)實(shí)現(xiàn)的是在設(shè)定的最大數(shù)值和0之間隨機(jī)地返回一個數(shù)值。
3、_root語句的使用:處于全局屬性的標(biāo)識符中。
“_root”是Flash中比較特殊的用法,表示后主場景中的絕對路徑,使“.”來連接后面的語句,如_root.snow代表主場景中的snow實(shí)例。
另外,本課還使用到了_visible、_x、_y(軸坐標(biāo)值屬性)、_xscale、_yscale、_rotation、_alpha屬性,請?jiān)斠娬n本P141頁。
二、“下雨”實(shí)例制作
1、制作一個影片元件:一滴雨水滴落的過程。
雨滴落下
水圈擴(kuò)大
2、“下雨”的代碼
返回到場景,將完成的影片元件拖入到場景中,并且將該實(shí)例取名為“drop”。新添加一個圖層,取名為“as”,在第一關(guān)鍵幀上的代碼: 第三關(guān)鍵幀上的代碼:
三、“飄雪”實(shí)例制作(素材下載)
1、制作一個圖處元件:雪片
2、制作一個影片元件:一片雪花飄落的過程(引導(dǎo)層)
3、“下雪”的代碼: 第一關(guān)鍵幀上的代碼:
思考:此段代碼有沒有需要修改的地方? 第二關(guān)鍵幀上的代碼: 第三關(guān)鍵幀上的代碼:
四、根據(jù)所給素材制作引導(dǎo)頁(練習(xí)按鈕的制作)制作完畢后,想想可以如何創(chuàng)作一下,把它改編成一個網(wǎng)站的引導(dǎo)頁。
五、本周作業(yè):
1、第一題:下雨
2、第二題:飄雪
3、引導(dǎo)頁(按鈕)
第十七周 達(dá)標(biāo)復(fù)習(xí)一
教學(xué)目標(biāo):
1、鞏固各類知識點(diǎn):時間線、按鈕、遮照、變形。
2、達(dá)標(biāo)復(fù)習(xí)。教學(xué)過程:
一、蜜蜂采蜜:
關(guān)鍵點(diǎn):
1、背景,蜜蜂的繪制。
2、引導(dǎo)線動畫制作。
二、殘影文字
關(guān)鍵點(diǎn):
1、文字處理。漸變填充、多層文字旋轉(zhuǎn)的位差。
2、幀的復(fù)制,粘貼。
3、透明度,旋轉(zhuǎn)的設(shè)置。
三、地球與網(wǎng)絡(luò)
關(guān)鍵點(diǎn):
1、圖片的分割。
2、分散到圖層。
四、進(jìn)度條
關(guān)鍵點(diǎn):
1、圖片的處理。
2、逐幀動畫。
3、形狀補(bǔ)間動畫。
五、小球滾山坡
關(guān)鍵點(diǎn):
1、場景的繪制。
2、引導(dǎo)線的繪制。
3、動作補(bǔ)間動畫。
第十八周 引導(dǎo)層的應(yīng)用 教學(xué)目標(biāo):
1、進(jìn)一步理解和掌握引導(dǎo)線的繪制和引導(dǎo)層的設(shè)置;
2、掌握引導(dǎo)層在動畫制作中的應(yīng)用。
教學(xué)重點(diǎn): 引導(dǎo)線的繪制,及分析Flash中引導(dǎo)線。
教學(xué)難點(diǎn): 對知識的梳理和理清引導(dǎo)層路徑動畫制作的思路,提高分析問題的能力。教學(xué)過程:
一、課前熱身:
觀察下面的兩個flash動畫,思考分別在做什么運(yùn)動,是通過Flash中的什么動畫實(shí)現(xiàn)的呢?并完成兩幅作品。唉?我不會拐彎!
瞧我,跳得多自由!回顧:路徑動畫知識點(diǎn) 跳動小球制作視頻
二、新課:實(shí)例應(yīng)用(素材下載)
觀看實(shí)例,同時也分析該例中用到了哪些動畫效果?哪一處運(yùn)動應(yīng)用了引導(dǎo)層?(實(shí)例瀏覽)
我們可以將整個動畫進(jìn)行分解:(1)先創(chuàng)建單個小球跳動動畫,設(shè)計效果如下:(界面設(shè)計圖,制作視頻)思考:
1、如何形成小球有遠(yuǎn)及近的視覺效果?
要點(diǎn)提示
2、如何控制小球運(yùn)動的節(jié)奏,使之符合萬有引力定律?
要點(diǎn)提示
(2)有了第一步,接下來我們就要對引導(dǎo)層和引導(dǎo)對象進(jìn)行拓展應(yīng)用。比如,要求完成下面這種效果。(界面設(shè)計圖,制作視頻)
點(diǎn)評:
1、一個引導(dǎo)層可以為多個圖層提供運(yùn)動軌跡,同時在一個引導(dǎo)層中可以有多條運(yùn)動軌跡。
2、引導(dǎo)線允許重疊,比如螺旋狀引導(dǎo)線,但在重疊處的線段必需保持圓潤,讓Flash能辨認(rèn)出線段走向,否則會使引導(dǎo)失敗。
三、知識擴(kuò)展
在網(wǎng)絡(luò)上可以搜索到很多相關(guān)的路徑動畫影片,希望大家能通過分析,模仿制作出類似的動畫效果,比如物理課件中經(jīng)常用到的平拋動畫、MTV場景中的落葉效果以及非常炫酷的激光寫字效果等等:(路徑繪制圖)(路徑繪制圖)(路徑繪制圖)
四、總結(jié)點(diǎn)評:、掌握做引導(dǎo)層時的幾個注意點(diǎn),做出引導(dǎo)動畫效果。、能綜合所學(xué)的 Flash 相關(guān)知識,自己構(gòu)思并制作出較復(fù)雜的動畫影片。
五、課后作業(yè):
1、模仿完成實(shí)例下面環(huán)節(jié)的效果,可以發(fā)散思維,適當(dāng)添加其他的效果。補(bǔ)充知識:圖層文件夾的使用。
2、預(yù)習(xí)遮罩層的應(yīng)用。
第十九周 達(dá)標(biāo)復(fù)習(xí)二
教學(xué)目標(biāo):
1、鞏固復(fù)習(xí)各類知識點(diǎn)。
2、復(fù)習(xí)并掌握達(dá)標(biāo)中級題。教學(xué)過程:
一、拖動的探照燈:
關(guān)鍵點(diǎn):按鈕的制作、影片元件、元件的設(shè)置、遮照技巧、鼠標(biāo)跟隨運(yùn)動。
二、圖片展
關(guān)鍵點(diǎn):淡入淡出動畫、幀標(biāo)簽設(shè)置、鼠標(biāo)控制動作
三、百葉窗
關(guān)鍵點(diǎn):分清楚各層之間的關(guān)系,花的圖片在背景層,樹林的圖片在被遮照層,變形條的影片剪輯要放在遮罩層;影片剪輯是由若干個變形條的影片剪輯組成,正好布滿圖片,這樣才能保證完成遮照效果。
四、閃閃紅星
關(guān)鍵點(diǎn):
1、圖形的繪制,利用多邊形工具繪制一個等腰三角形,畫完后把中心點(diǎn)拖到邊角上,進(jìn)行變形工具的復(fù)制應(yīng)用(旋轉(zhuǎn)10度~12度左右);
2、場景中總共分為三層,最低層為被遮照層,圖形水平反轉(zhuǎn),靜態(tài)狀,第二層為遮照層,圖形作旋轉(zhuǎn)動畫,第三層放入五角形
3、五角形的繪制,放射性漸變填充,白色筆觸,然后連接各頂點(diǎn)。
五、按鈕:
關(guān)鍵點(diǎn):分清楚按鈕的四種狀態(tài),在彈起狀態(tài)放入靜態(tài)的圓;指針經(jīng)過狀態(tài)放入圓和旋轉(zhuǎn)棒的影片剪輯,注意疊放順序;在按下狀態(tài)放入靜態(tài)的大圓和小棒的組合圖形;最后把按鈕放入場景中
六、下雨
關(guān)鍵點(diǎn):
1、雨滴影片剪輯的制作。場景中該實(shí)例的命名。
2、動作腳本的添加。
第四篇:flash動畫的制作教案
flash動畫的制作教案
動畫制作
(一)本節(jié)的課程標(biāo)準(zhǔn)內(nèi)容:
了解常見的多媒體信息,如聲音、圖形、圖像、動畫、視頻的類型、格式及其存儲、呈現(xiàn)和傳遞的基本特征與基本方法;
能選擇適當(dāng)?shù)墓ぞ撸謩e對聲音、圖形、圖像、動畫、視頻等信息進(jìn)行裁減;
能根據(jù)信息呈現(xiàn)需求,選擇適當(dāng)?shù)墓ぞ吆头椒ǎ謩e對聲音、圖形、圖像、動畫、視頻等多媒體信息進(jìn)行適當(dāng)?shù)奶幚怼1竟?jié)課程標(biāo)準(zhǔn)分析:
1、了解計算機(jī)動畫的基本原理和制作中常用的方法;
2、以flash動畫制作工具為平臺,初步掌握二維動畫的制作 教材分析:
【教學(xué)題目】二維動畫FLASH制作 【主要內(nèi)容】
本節(jié)課以介紹計算機(jī)動畫基本原理和常見計算機(jī)動畫的生成方式為主線,將簡單動畫制作中的對象移動和變形的操作分別穿插在關(guān)鍵幀動畫和變形動畫中。本節(jié)課遇到的一些專用名詞將貫穿于flash動畫制作過程,因此讓學(xué)生理解各種名詞將對以后的教學(xué)有很大好處。本節(jié)課主要包含以下知識點(diǎn):
1、計算機(jī)動畫的分類
2、FLASH動畫的啟動及其界面和基本操作的介紹
3、文檔屬性的設(shè)置及元件、庫、場景、時間軸的概念
4、基本對象的畫法,用畫空心圓和實(shí)心圓的方法介紹描繪色和填充色的應(yīng)用
5、關(guān)鍵幀、空白關(guān)鍵幀的概念及其創(chuàng)建方法
6、簡單對象的移動、變形動畫的制作方法
7、文件的保存和導(dǎo)出影片 【重難點(diǎn)】
重點(diǎn):簡單對象的移動、變形動畫的制作方法
難點(diǎn):計算機(jī)動畫的分類;關(guān)鍵幀、空白關(guān)鍵幀的概念; 學(xué)情分析
FLASH是當(dāng)前非常流行的二維動畫制作軟件,在網(wǎng)絡(luò)上見到的動畫大多由其生成,因此學(xué)生對flash動畫并不陌生,并且學(xué)生對flash動畫也抱有強(qiáng)烈的好奇心和學(xué)習(xí)興趣,這為我們的教學(xué)打下堅(jiān)實(shí)的基礎(chǔ);但制作flash的一些專用名詞在本節(jié)教學(xué)初可能會有學(xué)生不能很好的理解,應(yīng)講解細(xì)致些。教學(xué)目標(biāo):
【知識與技能目標(biāo)】
了解計算機(jī)動畫制作原理和方法,掌握幾種簡單動畫的制作。【過程與方法】
通過一段flash動畫,讓學(xué)生了解動畫中的對象是怎樣移動或變形的,引導(dǎo)出本節(jié)課要講解的內(nèi)容——對象的移動和變形。【情感態(tài)度與價值觀】
激勵學(xué)生進(jìn)一步掌握動畫的制作,由淺入深,提高其制作動畫和欣賞動畫的水平; 培養(yǎng)學(xué)生的自主探索、協(xié)作研究的精神,實(shí)踐并總結(jié)動畫制作的方法。教學(xué)方法:
演示講授法、學(xué)生自主、合作學(xué)習(xí)教學(xué)過程: 【導(dǎo)入】
首先播放一段FLASH動畫,該動畫包含了本節(jié)課所要學(xué)習(xí)的主要操作內(nèi)容——對象的移動及變形;引導(dǎo)學(xué)生了解flash動畫,并激發(fā)其學(xué)習(xí)flash動畫制作的激情。【講授新課】
一、啟動flash軟件,對其界面及基本操作進(jìn)行簡單介紹。
二、文檔屬性設(shè)置及元件、庫、場景、時間軸的概念。
元件:一個位圖、矢量圖形、音樂片斷或是一段獨(dú)立的flash動畫(好比是演員),通俗的講就是對象作為一個模塊,在不同幀中重復(fù)使用.這樣的好處在于因?yàn)榭梢栽谥貜?fù)使用,減小了FLASH的體積便于傳輸,也減小了FLASH制作者的工作量。元件都被放置在庫中,使用時只用將其拖放到場景中即可,在場景中只能對其位置和形狀進(jìn)行編輯,如果要對元件進(jìn)行編輯,需要切換到元件編輯狀態(tài)。元件分為:圖形元件、按鈕元件和電影剪輯元件。元件中圖形就是指動態(tài)或者靜態(tài)的圖片元件,電影剪輯是FLASH小片段,按鈕就是具有一定圖形功能的按鈕圖形了。
庫:存放動畫元件的地方(好比是一場戲的后臺)
場景:動畫的表現(xiàn) 場所(好比是舞臺)
時間軸:動畫制作的最重要的區(qū)域,是編輯動畫的工作臺,是加工動畫的流水線,包括了層編輯區(qū)、幀編輯區(qū)和時間線。(好比是劇本)我們要制作一個動畫,就好比是在導(dǎo)演一出戲,需要找好演員(制作好元件),置于后臺(放在庫里),然后把演員放在舞臺上(把元件放在場景上),讓演員照著劇本演出(在時間線上設(shè)置開始、結(jié)束時的狀態(tài),生成動畫)。《Flash動畫制作》教案 教學(xué)目標(biāo):
1、知識與技能
初步認(rèn)識FLASH軟件的啟動和工具欄的組成和用法。并能運(yùn)用一些常用的工具來制作簡單的動畫。
2、過程與方法
激勵學(xué)生在學(xué)習(xí)過程中探究出其他小動畫的制作方案,以此來激發(fā)同學(xué)們的學(xué)習(xí)興趣。
3、情感、態(tài)度、價值觀
在制作過程中使學(xué)生體會到創(chuàng)作的樂趣,激發(fā)他們的創(chuàng)作欲望。<教學(xué)重點(diǎn)和難點(diǎn)> 重點(diǎn)掌握動畫的制作方法和步驟。難點(diǎn)是對幀的理解。教學(xué)過程
一、導(dǎo)入:
隨著計算機(jī)技術(shù)的飛速發(fā)展,Internet逐漸成為人們學(xué)習(xí)、工作和娛樂的主要工具,承載網(wǎng)絡(luò)信息的網(wǎng)站也越來越多地使用交互式動畫來吸引更多的觀眾。平時大家在上網(wǎng)時或多或少地接觸到一些FLASH動畫,有的十分漂亮,這對我們的學(xué)習(xí)、生活增添不少樂趣。
二、啟動FLASH和關(guān)閉FLASH
三、介紹常用的工具欄區(qū)、顏色區(qū)和選項(xiàng)區(qū)
⑴選擇工具:使用該工具可以選擇舞臺上的各種對象。(教師操作)⑵部分選取工具:使用該工具可以選擇路徑上的節(jié)點(diǎn)對象。⑶線條工具:使用該工具可以創(chuàng)建不規(guī)則的選區(qū)。(教師操作)⑷套索工具:使用該工具可以創(chuàng)建不規(guī)則的選區(qū)。⑸鋼筆工具:使用該工具可以創(chuàng)建各種形狀的路徑。
⑹文本工具:使用該工具可以添加文字對象。(教師操作)⑺橢圓工具:使用該工具可以繪制橢圓圓形對象。(教師操作)
⑻矩形工具/多角形工具:該工具按鈕右下角帶有一個黑色三角,代表一個按鈕組。(教師操作)
⑼鉛筆工具:使用該工具可以隨手繪圖。(教師操作)⑽刷子工具:使用該工具可以創(chuàng)建刷子刷過的畫面效果。
⑾任意變形工具:使用該工具可以對舞臺上的對象進(jìn)行任意變形(教師操作)。⑿填充變形工具:使用該工具來更改漸變填充效果。
⒀墨水瓶工具:使用該工具可以用指定顏色對對象進(jìn)行描邊。⒁顏料桶工具:使用該工具可以對對象內(nèi)部進(jìn)行填充。⒂滴管工具:使用該工具可以拾取顏色。
⒃橡皮擦工具:使用該工具可以擦除舞臺上的畫面。四:介紹時間軸:圖層和幀。
圖層:圖層可以用透明的玻璃紙來比喻,當(dāng)上面圖層和下面圖層的內(nèi)容相重疊時,上面圖層上的內(nèi)容將遮擋住下面圖層上的內(nèi)容。幀: Flash的幀就如同電影膠片,按時間軸窗格中每一幀畫面的順序播放就產(chǎn)生了動畫效果。五:介紹舞臺和工作區(qū):是最主要的可編輯區(qū)域。
六:介紹控制器面板:Flash的控制面板很多,常用的有屬性面板、行為面板、庫面板、混色器面板等。所有的面板都可在“窗口”菜單中找到相應(yīng)的命令來調(diào)出或隱藏。七:引入兩個FLASH動畫。
教師操作:讓學(xué)生觀看兩個FLASH動畫。
然后提出問題:怎樣制作這兩個FLASH動畫呢? 八:簡單的動畫制作(先教師操作后學(xué)生操作)⑴圖形變化:
要求:背景畫布大小:550*400,背景顏色蘭色,從三角形變化到圓,圖形顏色紅色。學(xué)生:從矩形變化到圓,其它要求同上。
然后讓學(xué)生展開想象的翅膀,創(chuàng)作不同的圖形變化,讓他們體會制作的樂趣。⑵動態(tài)小鳥:(事先準(zhǔn)備好小鳥的圖片素材)
要求:背景畫布大小:200*200,背景顏色白色,小鳥能夠上下左右跳動。學(xué)生練習(xí)。
然后讓學(xué)生設(shè)計一個動畫,利用集體智慧,通過師生合作得出制作方法。
第五篇:制作Flash引導(dǎo)動畫教案
《制作Flash引導(dǎo)動畫》教案設(shè)計
車家莊中學(xué)馮玉寶
教學(xué)目標(biāo):
1、知識目標(biāo):
使學(xué)生了解引導(dǎo)動畫及引導(dǎo)層的的概念。學(xué)生通過學(xué)習(xí)初步掌握FLASH引導(dǎo)層的使用。掌握制作引導(dǎo)動畫的基本方法。
2、能力目標(biāo):
培養(yǎng)學(xué)生分析問題解決問題和探究問題的能力。
培養(yǎng)學(xué)生自主學(xué)習(xí)和協(xié)作學(xué)習(xí)的能力。
3、情感目標(biāo):
通過學(xué)生欣賞優(yōu)秀作品,對學(xué)生進(jìn)行思想和道德教育
教學(xué)重點(diǎn):學(xué)生靈活運(yùn)用引導(dǎo)層制作引導(dǎo)動畫
教學(xué)難點(diǎn):引導(dǎo)線繪制、中心點(diǎn)貼合
教學(xué)方法:講解法、演示法、任務(wù)驅(qū)動法、情感激勵法
教學(xué)環(huán)境:多媒體網(wǎng)絡(luò)機(jī)房
教學(xué)過程:
一、創(chuàng)設(shè)問題情境,提出任務(wù)。
1、師提問舊知。(動作補(bǔ)間動畫)
2、學(xué)生動手,制作移動動畫,鞏固舊知。
任務(wù)一:創(chuàng)建任意圖形元件,用20幀完成從舞臺左邊運(yùn)動到舞臺右邊的補(bǔ)間動畫。
師:你做的動畫有什么特點(diǎn)?你還想讓它怎樣移動?
3、動畫欣賞,引出問題。
教師提出問題:這兩架飛機(jī)的起飛動畫,哪一個更能體現(xiàn)出起飛的真實(shí)性?為什么?
4、教師點(diǎn)撥,引出課題。
教師小結(jié):我們從中不難發(fā)現(xiàn),左側(cè)的飛機(jī)是從起始位置沿直線運(yùn)動到終止位置,同學(xué)們都能完成,而右側(cè)的飛機(jī)是沿著特定路徑(路線)運(yùn)動的。那么在FLASH中,還有一種叫做引導(dǎo)層的特殊圖層。利用引導(dǎo)層,可以為圖層中的運(yùn)動對象指定運(yùn)動路徑。這種讓對象按引導(dǎo)層指定的路徑運(yùn)動的動畫,就是引導(dǎo)動畫。(板書課題:引導(dǎo)動畫)
二、合作探究,解決任務(wù)
⑴ 多媒體網(wǎng)絡(luò)演示,傳授新知。
教師利用多媒體網(wǎng)絡(luò)教室講解制作“彈球沿一條彎彎曲曲的路線運(yùn)動”的引導(dǎo)動畫的基本步驟。
學(xué)生總結(jié)引導(dǎo)動畫制作的基本步驟。
師生互動,明確任務(wù):
任務(wù)二:制作飛機(jī)沿一條曲線起飛的引導(dǎo)動畫。⑵ 展開問題探究,實(shí)施任務(wù)。
此時應(yīng)給學(xué)生充分的思維空間和操作時間,讓學(xué)生通過小組內(nèi)同學(xué)之間的相互協(xié)助,進(jìn)一步理解領(lǐng)會理清制作引導(dǎo)動畫的思路,完成引導(dǎo)動畫的制作。
(出現(xiàn)問題及時與小組內(nèi)同學(xué)溝通探討,找出解決方法,解決不了的可以向老師請教)
⑶ 探究鞏固,歸納總結(jié) 師:你在操作過程中遇到了哪些問題?
生:提出問題。
師:你們有沒有遇到相同的問題呢?是怎樣解決的?能把你的技巧教給大家嗎?
生:演示操作中出現(xiàn)的問題,并尋求解決方法。解決不了由教師給予指導(dǎo)。
三、反饋評價,拓展創(chuàng)新。
⑴ 成果展示,評價交流。
請2-4位同學(xué)上臺來演示自己的作品,大家評價交流。最后教師給予鼓勵性的評價和肯定。
⑵ 積極引導(dǎo),拓展思維。
請同學(xué)們制作帶有背景的引導(dǎo)動畫,如飛機(jī)從地面至空中起飛。
(3)課堂練習(xí)。
任務(wù)三:足球從遠(yuǎn)處飛來,給出效果圖和素材。讓學(xué)生來完成。
四、教學(xué)總結(jié)
1、學(xué)生總結(jié)本節(jié)課所學(xué)知識。
2、老師提取學(xué)生總結(jié)重點(diǎn),板書(1)引導(dǎo)線不能是閉合的線條
(2)被引導(dǎo)對象的中心點(diǎn)要和引導(dǎo)線的端點(diǎn)相重合
五、作業(yè)布置 制作投籃的引導(dǎo)動畫