第一篇:Flex與FLASH區(qū)別及Flex動(dòng)畫效果學(xué)習(xí)
Flex與FLASH區(qū)別及Flex動(dòng)畫效果學(xué)習(xí)
在Flex里面不像在Flash里面隨意制作動(dòng)畫了,F(xiàn)lex更趨向于應(yīng)用程序,而不是動(dòng)畫制作了,所以沒有了時(shí)間軸的概念。在Flex中使用動(dòng)畫效果,可以用Flex自帶的Effect,或者自已定制Effect,因?yàn)楹芏嗳硕枷虢鐵lash里面的一樣操作Flex,比如在Flash里面做一個(gè)動(dòng)態(tài)按鈕 很容易,當(dāng)鼠標(biāo)移動(dòng)到上面時(shí),會(huì)有很多發(fā)光的點(diǎn)跑出來(熒火蟲效果),這種效果在Flash十分容易實(shí)現(xiàn),但在Flex里面要實(shí)現(xiàn)這種效果就不是那么簡(jiǎn)單 的了,下面說說在Flex里的的動(dòng)務(wù)效果的使用與自定義制作。
首先介紹一下Flex里面的自帶的效果有以下幾種:
Blur模糊效果
Move移動(dòng)效果
Fade淡入淡出效果
Glow發(fā)光效果
Resize調(diào)整大小效果
Rotate旋轉(zhuǎn)效果
Zoom縮放效果
WipeLeft 用遮罩實(shí)現(xiàn)畫面收放效果,下同,分別為不同方向WipeRightWipeUpWipeDown
不同的效果所需要設(shè)置的屬性也不一樣,比如Blur效果需要設(shè)置它的X與Y軸的模糊像素
而Move效果需要設(shè)置移動(dòng)的位置信息
其它設(shè)置可以參考Flex語言參考
下面說說如何使用這些效果。要運(yùn)行這些效果有兩種方法:一種是調(diào)用該效果的play()方法,另外一種是使用觸發(fā)器來觸發(fā)效果。
(1)使用play()方法:
先看效果:在線播放
以下代碼:
在 代碼中看到,要使用效果,先定好一個(gè)效果,如上面的
蘭蔻bb霜 bb霜是什么 哪個(gè)牌子的bb霜好 好用的bb霜temp.vsimu.com
(2)使用觸發(fā)器播放效果:
使用觸發(fā)器播放效果的話,可以不用寫ActionScript代碼,直接在組件的效果觸發(fā)器上指明使用哪個(gè)效果就可以了,比較簡(jiǎn)單明了,但就不能進(jìn)行更多的屬性定制,而用AS控制播放的話,可以對(duì)效果進(jìn)行很多的設(shè)置再相應(yīng)根據(jù)情況播放,先看看觸發(fā)器播放的代碼:
以下代碼:
看以上代碼,先寫好了Blur的效果并設(shè)置好屬性后,duration=”2000″這個(gè)是播放的時(shí)間以毫秒為單位。
在Panel標(biāo)簽里有這樣一句:creationCompleteEffect=”{be}” 這個(gè)就是觸發(fā)器,是該P(yáng)anel組件的效果觸發(fā)器,當(dāng)Panel組件加載完成時(shí),會(huì)由系統(tǒng)自動(dòng)調(diào)用該效果觸發(fā)器,觸發(fā)器里面指了觸發(fā) be 這個(gè)Blur效果
在Flex里面還有很多觸發(fā)器如:
addedEffect被添加進(jìn)容器時(shí)觸發(fā)效果
removedEffect被從容器中移除時(shí)觸發(fā)效果
creationCompleteEffect 被創(chuàng)建成功時(shí)觸發(fā)效果
focusInEffect獲得焦點(diǎn)時(shí)觸發(fā)
focusOutEffect失去焦點(diǎn)時(shí)觸發(fā)
hideEffect被隱藏時(shí)(visible=false)觸發(fā)
showEffect被顯示時(shí)(visible=true)觸發(fā)
rollOverEffect鼠標(biāo)經(jīng)過時(shí)觸發(fā)
rollOutEffect鼠標(biāo)離開時(shí)觸發(fā)
mouseDownEffect鼠標(biāo)按下時(shí)觸發(fā)
mouseUpEffect鼠標(biāo)松開時(shí)觸發(fā)
moveEffect被移動(dòng)時(shí)觸發(fā)
resizeEffect被重整大小時(shí)觸發(fā)
注 意:這些都是效果觸發(fā)器,不要與事件觸發(fā)器混亂了。事件觸發(fā)器是rollOver,事件觸發(fā)器與效果觸發(fā)器差不多,事件觸發(fā)器是當(dāng)用戶執(zhí)行相就操作時(shí)觸發(fā) 事件,將會(huì)調(diào)用自定的事件觸發(fā)處理函數(shù),而效果觸發(fā)器是執(zhí)行相應(yīng)操作時(shí)被觸發(fā)并由系統(tǒng)自動(dòng)調(diào)用所定的效果的play()方法。
現(xiàn)在說說效果的一些其它屬性:
每個(gè)效果都有reverse()方法,該方法是反向播放,原本由小到大的變化,而調(diào)用reverse();后再運(yùn)行play()的話,效果將會(huì)從大到小進(jìn)行播放。
但要注意的一點(diǎn)是,reverse()方法不會(huì)自動(dòng)播放,即是單單調(diào)用reverse();的話,效果并不會(huì)播放,他只會(huì)記錄該效果為倒轉(zhuǎn),而要再調(diào)用play()后倒轉(zhuǎn)效果才會(huì)開始播放。而調(diào)用pause()與resume()就是暫停與繼續(xù)播放效果startDelay這個(gè)屬性是設(shè)置效果的播放延時(shí),以毫秒為單位,即要等待多少毫秒后效果才開始播放,如:
該模糊效果將會(huì)在調(diào)用play()之后3秒才開始播放
repeatCount這個(gè)屬性是設(shè)置效果的重復(fù)次數(shù),默認(rèn)為1,設(shè)置為0的話就是不停循環(huán)播放
每個(gè)效果都有兩個(gè)事件:effectStart 與 effectEnd
你可以在該效果事件的處理函數(shù)里面對(duì)效果作相應(yīng)的操作,如:
蘭蔻bb霜 bb霜是什么 哪個(gè)牌子的bb霜好 好用的bb霜temp.vsimu.com
當(dāng)效果播放完時(shí),系統(tǒng)將會(huì)自動(dòng)觸發(fā)effectEnd事件,在處理函數(shù)里面,將該效果Instance即現(xiàn)時(shí)播放的效果實(shí)例進(jìn)行倒轉(zhuǎn)并播放,當(dāng)播放完,又會(huì)觸發(fā)effectEnd事伯,這樣一直循環(huán)!
現(xiàn)在再來說說效果的組合:
通常如果你覺得只應(yīng)用一個(gè)效果很單調(diào)的話,可以進(jìn)行效果組合應(yīng)用,即多個(gè)效果同時(shí)播放或者順序播放,如,當(dāng)加載頁面時(shí),你想Panel先模糊到一定程度,再將Panel移動(dòng)到某個(gè)位置,再把Panel還原成原來的清淅度(即消退模糊)。這樣分析一下,一共用 了三個(gè)效果,一,先應(yīng)用Blur(由清至模)效果,當(dāng)Blur完成時(shí),再應(yīng)用Move效果,當(dāng)Move完成時(shí),再應(yīng)用另外一個(gè)Blur(由模至清)效果。這樣三個(gè)效果組合就是按順序組合,先后運(yùn)行。先來看看效果:在線播放
再來看看代碼:
看以上代碼,
另外的就是同時(shí)播放了,
這 個(gè)
使用Flex自帶的效果基本用法就這些,下篇文章將討論自定義效果的制作,將會(huì)詳細(xì)說說這篇文章上面說到的 effectInstance 即實(shí)例與工廠的概念。
蘭蔻bb霜 bb霜是什么 哪個(gè)牌子的bb霜好 好用的bb霜temp.vsimu.com
第二篇:Flash動(dòng)畫制作基礎(chǔ)知識(shí)-學(xué)習(xí)筆記
Flash動(dòng)畫制作學(xué)習(xí)筆記 動(dòng)畫基本原理
定義:
將相關(guān)的畫面按照一定的速率連續(xù)播放所產(chǎn)生的視覺效果。常見動(dòng)畫格式:gif和swf; 動(dòng)畫的組成部分:
相關(guān)畫面:畫面之間存在差別---幀,1幀=1張畫面
播放動(dòng)畫所需要的時(shí)間:幀頻,每秒播放整數(shù),如果需要制作5秒的flash動(dòng)畫? 電影:25幀
電視:國內(nèi)25幀,歐美32幀
Flash:原來12幀,現(xiàn)在24幀-36幀 Flash制作過程
(打開一個(gè)工具一定要注意,新建、保存)建議使用flash傳統(tǒng)界面(工具欄、場(chǎng)景、浮動(dòng)窗口)1)新建文件---ctrl+n 2)修改文件尺寸---做的動(dòng)畫主要放在網(wǎng)站上面,所以需要根據(jù)網(wǎng)站或者客戶需求設(shè)定,包括幀頻---修改文檔---文檔---ctrl+j---設(shè)定場(chǎng)景尺寸 3)保存文件---ctrl+s---flash源文件格式(.fla)4)工具箱---ctrl+F2(創(chuàng)建對(duì)象)5)對(duì)象浮動(dòng)面板---ctrl+F3(修改對(duì)象屬性)6)打開時(shí)間軸---ctrl+art+t(控制動(dòng)畫的時(shí)間與畫面---幀)7)輸出flash商業(yè)文件格式---*.swf---在flash中ctrl+enter 3 幀的類型
1)插入一個(gè)空白幀(空白的畫面,用于創(chuàng)建對(duì)象)---F7 2)刪除幀---shift+F5 3)除了空白幀之外,還有關(guān)鍵幀(后一幀完全復(fù)制前一幀所有內(nèi)容,然后在此基礎(chǔ)上做相應(yīng)的修改)---F6 4)插入一個(gè)普通幀(靜止幀,起到的作用就是靜止延長畫面---停頓效果)---F5 4 動(dòng)畫制作方式:逐幀動(dòng)畫、補(bǔ)間動(dòng)畫
1)2)3)4)逐幀動(dòng)畫:動(dòng)畫每一幀都需要人為制作;
補(bǔ)間動(dòng)畫:只需要制作出動(dòng)畫的開始和結(jié)束的關(guān)鍵幀,中間過渡由flash自動(dòng)完成; 補(bǔ)間動(dòng)畫:可以分為運(yùn)動(dòng)補(bǔ)間和形狀補(bǔ)間
運(yùn)動(dòng)補(bǔ)間:要制作的對(duì)象必須轉(zhuǎn)化為元件---F8;制作一個(gè)開始與結(jié)束的關(guān)鍵幀;在時(shí)間軸上鼠標(biāo)右鍵,創(chuàng)建—傳統(tǒng)補(bǔ)間; 制作技巧
1)分析動(dòng)畫技巧
2)分析產(chǎn)生效果的演員 元件
1)元件是flash動(dòng)畫中最基本的元素(對(duì)象、模板),創(chuàng)建后自動(dòng)保存(保存在庫中---F11),可以重復(fù)使用;修改一次,所有在“場(chǎng)景”中調(diào)用結(jié)果(元件的實(shí)例)會(huì)自動(dòng)更新
2)創(chuàng)建元件的方法有兩種,在場(chǎng)景中先繪制一個(gè)對(duì)象,然后F8轉(zhuǎn)為元件;ctrl+F8直接新建元件;(元件相當(dāng)于對(duì)象、模板,也就是演員,場(chǎng)景為后臺(tái),元件內(nèi)容即為后臺(tái),需要化妝)
3)修改元件的方法:在庫中雙擊進(jìn)入元件編輯模式(后臺(tái)化妝室);在場(chǎng)景中直接雙擊元件,進(jìn)入元件編輯模式;
(商業(yè)flash動(dòng)畫,核心要點(diǎn):必須要讓你的用戶能夠看明白你的廣告意圖,所以必須在廣告中要有動(dòng)有靜)7 多元件協(xié)同
效果:四個(gè)演員,先后出場(chǎng)順序不同,最后一起停頓一次; 實(shí)現(xiàn):分層(和PS一樣,也是存在圖層)放置不同演員 技巧:
1)將動(dòng)與不動(dòng)的對(duì)象分層放; 2)將動(dòng)的對(duì)象也要分層放; 8 圖文案例
1)庫(道具庫):將所用到的素材導(dǎo)入到庫中;或者可以直接拖拉過去; 2)設(shè)定背景層,然后進(jìn)行鎖定; 3)添加相關(guān)文字,設(shè)置相關(guān)效果; 形狀補(bǔ)間
Flash第二種補(bǔ)間動(dòng)畫---形狀補(bǔ)間---變形 形狀補(bǔ)間的原則:
1)產(chǎn)生動(dòng)畫的對(duì)象必須是一個(gè)現(xiàn)狀,如果不是,需要進(jìn)行分離操作; 2)需要制作開始與結(jié)束關(guān)鍵幀,中間過渡由flash隨機(jī)變化; 3)在時(shí)間軸上鼠標(biāo)右鍵創(chuàng)建形狀補(bǔ)間;
4)在形狀補(bǔ)間中,有一個(gè)形狀控制點(diǎn)。使用控制點(diǎn)的前提是必須有形狀補(bǔ)間動(dòng)畫(先作出形狀補(bǔ)間,然后在該區(qū)間添加控制點(diǎn),修改---形狀---添加形狀提示)10 引導(dǎo)層動(dòng)畫
通過圖層賴斯翔的動(dòng)畫效果:引導(dǎo)層動(dòng)畫和遮罩層動(dòng)畫
引導(dǎo)層動(dòng)畫:比如想讓球按照曲線移動(dòng),一種方法是逐幀設(shè)置,另外一種方式就是通過設(shè)置引導(dǎo)層,通過設(shè)置一個(gè)引導(dǎo)層來確定移動(dòng)的路線。(就是下面被引導(dǎo)層中的對(duì)象,沿著上面引導(dǎo)層中的路徑做運(yùn)動(dòng)的補(bǔ)間動(dòng)畫)
1)要想實(shí)現(xiàn)對(duì)象的曲線運(yùn)動(dòng),必須通過引導(dǎo)層與被引導(dǎo)層,兩個(gè)層協(xié)作實(shí)現(xiàn); 2)下面被引導(dǎo)層中放置的是運(yùn)動(dòng)的對(duì)象,上面引導(dǎo)層中放置的是運(yùn)動(dòng)的軌跡,而在動(dòng)畫播放時(shí),引導(dǎo)層是被隱藏的。
3)被引導(dǎo)層中的對(duì)象沿著引導(dǎo)層中的路徑做運(yùn)動(dòng),”屬性面板“中需要勾選“調(diào)整到路徑”
第三篇:Flash動(dòng)畫制作學(xué)習(xí)的心得
Flash動(dòng)畫制作學(xué)習(xí)的心得
Flash的動(dòng)畫制作原理和拍攝動(dòng)畫電影的過程基本一樣,所需的龐大工作量和較長的制作周期相對(duì)于畫一張靜止的純繪畫來說,還是要長出許多,所以決定了動(dòng)畫每一幀畫面不能像純繪畫那樣追求精雕細(xì)刻(當(dāng)然這樣說也不是主張粗制濫造),這也就是卡通動(dòng)畫在flash動(dòng)畫里占絕大多數(shù)的原因。
在flash里,動(dòng)畫的含義比較廣泛,既可以是位移,也可以是變形,還可以是顏色的改變,用遮罩還可以做出更多的變化。動(dòng)作的表演只有鼠繪動(dòng)畫才用到,設(shè)計(jì)主角配角、道具和場(chǎng)景也只有在鼠繪動(dòng)畫里才顯得非常重要,只有重視這些,才能把“戲演好”!而動(dòng)作的設(shè)計(jì)出之于文學(xué)劇本,至少應(yīng)該有一個(gè)腹稿,也就是說你既當(dāng)編劇又當(dāng)導(dǎo)演,這不是很有趣嗎?而能作出生動(dòng)合理又夸張的動(dòng)作,那就要看作者平時(shí)的觀察能力和生活積累了。動(dòng)作是動(dòng)畫的生命,所有的動(dòng)作都是在時(shí)間軸區(qū)域的幀上進(jìn)行編輯的。
動(dòng)作和時(shí)間有天然的關(guān)系,在變化程度一定的情況下,一個(gè)動(dòng)作所占用的時(shí)間越長,速度就越慢,時(shí)間越短速度就越快,而動(dòng)畫的基本時(shí)間單位是幀,所以動(dòng)作的速度快慢在flash里就體現(xiàn)為幀的多少,一個(gè)畫面需要停留的時(shí)間長短,就用延長幀來表達(dá),和拍攝動(dòng)畫電影1拍1、1拍2的道理是一樣的。
三.物體運(yùn)動(dòng)現(xiàn)象成為夸張描術(shù)的對(duì)象
說到flash鼠繪動(dòng)畫的動(dòng)作,我們不得不想到是什么原因造成物體運(yùn)動(dòng)的?
物理學(xué)告訴我們:力是物體改變其運(yùn)動(dòng)方式的原因。物體運(yùn)動(dòng)必須克服重力、摩擦力、地球引力和空氣阻力。我們?cè)谏钪懈惺艿剑喝绻麤]有力的作用在物體上,物體始終保持著相對(duì)的靜止?fàn)顟B(tài)。在學(xué)習(xí)flash動(dòng)畫中,我們可以看到鐘擺運(yùn)動(dòng),如果知道一點(diǎn)物理原理(在物理中叫單擺運(yùn)動(dòng)),那么在鐘擺作半徑45度運(yùn)動(dòng)時(shí),A點(diǎn)左邊極點(diǎn)到B點(diǎn)右邊極點(diǎn)(我們假設(shè)C為垂直極點(diǎn)),那么從A點(diǎn)到C點(diǎn)比較快,從C點(diǎn)到B點(diǎn)是上升的,應(yīng)該是比較慢,反之也然。這種運(yùn)動(dòng)狀態(tài)在幀上不可以把它們平均分配。
我們知道小球從空中落下是加速運(yùn)動(dòng),即每秒速度增加9.8秒/米。汽車剎車是減速運(yùn)動(dòng),紅旗在空中飄動(dòng)是受空氣阻力的結(jié)果,它的運(yùn)動(dòng)方式是波浪運(yùn)動(dòng),而波的理論很深,我們做動(dòng)畫只要明白一點(diǎn)基本道理就可以,那就是波的傳遞是一個(gè)固定波形的平移過程。還有就是拋物運(yùn)動(dòng),它有拋物線軌跡,子彈從槍口里出來我們也可以把它理解為拋物運(yùn)動(dòng),速度的快和慢我們可以理解為力的強(qiáng)和小,在強(qiáng)大力的推動(dòng)下,拋物線的頂點(diǎn)的距離當(dāng)然遠(yuǎn),反之就近。以上這些就是簡(jiǎn)單的物理原理,它可以幫助我們更好地處理我們自己畫的動(dòng)畫中的對(duì)象的運(yùn)動(dòng)方式。
我們知道:幽默和夸張是動(dòng)畫影視片的特點(diǎn)。幽默是它的內(nèi)容,夸張是它的動(dòng)作,凡是好的動(dòng)畫影片都具有這個(gè)特點(diǎn)。那么那些優(yōu)秀的動(dòng)畫作品在哪些動(dòng)作上作了夸張吶?最常見的就是運(yùn)動(dòng),我們注意到在突然啟動(dòng)奔跑時(shí)和突然停止時(shí),凡是人物包括所有的動(dòng)物和有動(dòng)力的車,動(dòng)畫設(shè)計(jì)者都會(huì)在這兩個(gè)時(shí)間點(diǎn)上大做文章。而這正是動(dòng)畫最吸引眼球的地方。
他們是這樣描術(shù)的:突然加速時(shí)動(dòng)物的腿快速運(yùn)動(dòng)(有動(dòng)力的車輪快速轉(zhuǎn)動(dòng)),這時(shí)的身體沒有動(dòng)(車體也沒有動(dòng)),反而往后稍稍移動(dòng)一點(diǎn),然后很快向前沖出。
突然停止他們是這樣描術(shù)的:腿不動(dòng)了(包括車的輪子),整體向前移動(dòng)一點(diǎn)距離然后再拉回一點(diǎn)距離。
這樣的描述我們都能接受,為什么?因?yàn)樗仙詈臀覀円曈X上的感受。而更主要的是這里面體現(xiàn)了物理因素。
暫時(shí)分享這么多,以后還會(huì)陸續(xù)寫一些自己學(xué)習(xí)的心得。
最近一段時(shí)間很忙,因?yàn)槠呃迕拙W(wǎng)要出一整套有關(guān)于網(wǎng)站主要卡通人物的故事FLASH動(dòng)畫,現(xiàn)在正緊鑼密鼓的進(jìn)行著,好期待這一套動(dòng)畫的出來,因?yàn)檫@上面也有我的汗水。
第四篇:學(xué)習(xí)FLASH動(dòng)畫制作的心得
學(xué)習(xí)FLASH動(dòng)畫制作的心得
摘 要
近幾年來,flash 動(dòng)畫發(fā)展迅速。它是圖、文、聲一體的動(dòng)態(tài)表現(xiàn)能力,極強(qiáng)的交互性深得人們的喜愛。我們?cè)跒g覽大部分網(wǎng)站和網(wǎng)頁時(shí)都能看到大大小小、各式各樣的 flash 動(dòng)畫,還 有 flash 制作的 MTV、課件、小游戲之類更是不計(jì)其數(shù)。
關(guān) 鍵 詞 :動(dòng)畫制作 Flash 學(xué)習(xí)Flash已經(jīng)有一個(gè)學(xué)期了,直到這一刻,我才感到Flash動(dòng)畫,在我的生活中,點(diǎn)綴著閃亮的光芒,勾起了我童年的回憶,掀起了我畫畫的熱情,學(xué)了它,讓我再次感受到生活的美妙,生命的絢麗。
回想起自己,當(dāng)初對(duì)Flash一無所知,現(xiàn)在,變的稍微有一點(diǎn)感覺。剛進(jìn)入大學(xué)的時(shí)候,我對(duì)Flash一點(diǎn)也不了解,一點(diǎn)都引不起我的興趣。那時(shí)的我,只有對(duì)著Photsshop埋頭苦干了,說真的,我看著那千化萬變的Flash動(dòng)畫,為什么我一直都沒有去找個(gè)究竟呢 沒有什么,大概就是我不喜歡它的原因吧!
終于到了大一的第二學(xué)期,自己不了解的課程,還是要坦誠的去面對(duì),對(duì)于Flash,我一點(diǎn)也不了解,起初真的好辛苦??!通過學(xué)習(xí),我想:對(duì)Flash也有有稍微的了解,從以前的一無所知到老師教了我們,可以說是上了一個(gè)小臺(tái)階了吧?
到了現(xiàn)在,我了解到Flash是美國的MACROMEDIA公司于1999年6月推出的優(yōu)秀網(wǎng)頁動(dòng)畫設(shè)計(jì)軟件。它還是一種交互式動(dòng)畫設(shè)計(jì)工具,用它可以將音樂,聲效,動(dòng)畫以及富有新意的界面融合在一起,以制作出高品質(zhì)的網(wǎng)頁動(dòng)態(tài)效果呢。簡(jiǎn)直太神奇了吧?近幾年來,F(xiàn)lash動(dòng)畫發(fā)展迅速。它以圖、文、聲一體的動(dòng)態(tài)表現(xiàn)能力,極強(qiáng)的交互性,而深得人們喜愛。而我卻趕不上時(shí)代潮流的發(fā)展,在學(xué)習(xí)和制作課件的過程中,我發(fā)現(xiàn)Flash提供了功能齊全的繪圖和編輯圖形工具,可以直接在編輯區(qū)里繪畫,編輯修改非常靈活,使我逐漸掌握了這些工具的功能和使用方法。
FLASH 對(duì)我來說并不陌生,因?yàn)樵跒g覽大部分網(wǎng)站、網(wǎng)頁的時(shí)候都能看到大大小 小、各式各樣的 FLASH 動(dòng)畫,還有 FLASH 制作的 MTV、課件、小游戲之類更是無 計(jì)其數(shù),有的動(dòng)態(tài)高級(jí)網(wǎng)站更是全部利用 FLASH 所制作。
從簡(jiǎn)單的動(dòng)畫制作,逐漸學(xué)習(xí)了影片剪輯等。讓我在制作過程中逐漸掌握電腦調(diào)色的基本原理,學(xué)會(huì)了把制作的元件和導(dǎo)入的素材保存在元件庫里,要讓元件登臺(tái)表演,還要從元件庫導(dǎo)入到工作區(qū)(舞臺(tái))中。我還發(fā)現(xiàn)Flash動(dòng)畫的一大特點(diǎn)是“交互性”強(qiáng)。在動(dòng)畫播放時(shí),可以用鼠標(biāo)或鍵盤對(duì)動(dòng)畫的播放進(jìn)行控制。這些控制大多由按鈕來完成,通過“按鈕”這個(gè)作品,使我學(xué)會(huì)了按鈕的幀結(jié)構(gòu)、各種動(dòng)態(tài)按鈕的制作,同時(shí)學(xué)習(xí)一些簡(jiǎn)單的控制如播放、停止、返回、拖放等語句的輸入和使用。
Flash提供了很強(qiáng)的文字處理功能。通過制作“淡出淡入”和片頭等作品,我學(xué)會(huì)了文字的使用技巧,同時(shí)也明白了表達(dá)能力是無法完全用圖形和聲音代替的。明白了有時(shí)文字的重要性甚至大于畫面和聲音。我們學(xué)習(xí)了Flash,就要會(huì)運(yùn)用。然而,我們要的不是表面的東西,我們既然學(xué)了,就應(yīng)該好好的去實(shí)踐,實(shí)踐是基礎(chǔ),也是走向成功的重要階梯,動(dòng)手自己練習(xí),學(xué)會(huì)自己創(chuàng)作簡(jiǎn)單動(dòng)畫,就是我對(duì)自己的要求,雖然不算高,就讓我們一步一步的走向成功吧!學(xué)習(xí)是沒有捷徑的,踏踏實(shí)實(shí)的,一步一個(gè)腳印。
通過這幾周來的學(xué)習(xí),從安裝、啟動(dòng)Flash 8基本操作學(xué)起,一步一步了解動(dòng)畫原理,了解幀與層的概念。通過十個(gè)簡(jiǎn)單的動(dòng)畫制作實(shí)例,為我以后的學(xué)習(xí)打下基礎(chǔ)。
Flash 提供了功能齊全的繪圖和編輯圖形工具??梢灾苯釉诰庉媴^(qū)里繪畫,編輯修改非常靈活。使我逐漸掌握了這些工具的功能和使用方法。
首先從簡(jiǎn)單的小球運(yùn)動(dòng)學(xué)起,逐漸學(xué)習(xí)畫蝴蝶等。讓我在繪制過程中逐漸掌握電腦調(diào)色的基本原理。學(xué)會(huì)了制作的元件或?qū)氲乃夭谋4嬖谠炖铮屧桥_(tái)表演,還要從元件庫導(dǎo)入到工作區(qū)(舞臺(tái))中。通過落雨、水波效果等實(shí)例,理解了元件小舞臺(tái)動(dòng)作與主場(chǎng)景中動(dòng)作的關(guān)系。
我還發(fā)現(xiàn)Flash動(dòng)畫的一大特點(diǎn)是“交互性”強(qiáng)。在動(dòng)畫播放時(shí),可以用鼠標(biāo)或鍵盤對(duì)動(dòng)畫的播放進(jìn)行控制。這些控制大多由按鈕來完成,通過“按鈕”這個(gè)作品,使我學(xué)會(huì)了按鈕的幀結(jié)構(gòu)、各種動(dòng)態(tài)按鈕的制作,同時(shí)學(xué)習(xí)一些簡(jiǎn)單的控制如播放、停止、返回、拖放等語句的輸入和使用。圖文并茂的作品才有更好的藝術(shù)效果。Flash 提供了很強(qiáng)的文字處理功能。通過制作“淡出淡入”、“簡(jiǎn)單MTV”等作品,我學(xué)會(huì)了文字的使用技巧。同時(shí)也明白了表達(dá)能力是無法完全用圖形和聲音代替的。歌曲、影片中加上文字臺(tái)詞,很受人們喜愛。明白了有時(shí)文字的重要性甚至大于畫面和聲音。
通過制作“探照燈”、“水波效果”等作品,讓我明白了Flash的“遮罩”并不是遮住罩住的意思,它是以一種特殊的方式來處理被“遮”層中的內(nèi)容的。遮罩層覆蓋在被“遮”層上,遮罩層的內(nèi)容在播放時(shí)并不顯示,而是在遮罩層中有圖形或文字的地方顯示被遮層的內(nèi)容,被遮層中將成為全透明狀態(tài)。這就是說,遮罩層只是作用于被遮層的。我知道了動(dòng)畫中很多特殊效果都是用遮罩功能實(shí)現(xiàn)的吧。在我剛看到這些作品的時(shí)候,我認(rèn)為只有是高手才能做出來的東西,我這初學(xué)者是可望不可及的。
通過書寫腳本語言,我覺得Flash的語言(動(dòng)作腳本)非常講究,它不像我以前學(xué)的SQL語言那么隨意,還要區(qū)分大小寫、空格、標(biāo)點(diǎn)都要注意。我明白了很多程序都有自己的語言,需按照規(guī)定好的語句和格式書寫,系統(tǒng)才能識(shí)別。
補(bǔ)間動(dòng)畫,一般我們用動(dòng)畫補(bǔ)間,可以用到人物手,頭左右擺動(dòng)等簡(jiǎn)單的地方。多數(shù)還是用于鏡頭的推拉。注意的是一個(gè)圖層用于一個(gè)元件來做補(bǔ)間動(dòng)畫,如果多個(gè)元件在一個(gè)圖層來做補(bǔ)間的話庫里會(huì)出現(xiàn)不規(guī)范的補(bǔ)間1和補(bǔ)間2。在原件里也可以使用動(dòng)畫補(bǔ)間?,F(xiàn)狀補(bǔ)間使用較少,多數(shù)還是選擇逐幀去畫。形狀補(bǔ)間結(jié)合提示點(diǎn)只能用于簡(jiǎn)單的變形,變的比較圓滑但很亂。
總之,通過這幾周的學(xué)習(xí),我的感受用語言是不能完全說清楚的,我要繼續(xù)努力,才能學(xué)的更好!
學(xué)完了Flash之后,真正的讓我體會(huì)到網(wǎng)絡(luò)上資源的豐富,F(xiàn)lash在充當(dāng)著那么重要的角色,五彩繽紛的世界,絢麗的賀卡,還有小小的益智游戲,無不有Flash來擔(dān)當(dāng)。原來它是這么的厲害,這么的受到好評(píng),難怪當(dāng)初有那么多的同學(xué)對(duì)其感興趣了?,F(xiàn)在終于輪到了我,我應(yīng)該好好去珍惜這個(gè)機(jī)會(huì),力求為自己在此刻充充電,讓自己有更加淵博的知識(shí)在競(jìng)爭(zhēng)激烈的社會(huì)上站穩(wěn)陣腳.
第五篇:《初識(shí)Flash與動(dòng)畫》教學(xué)設(shè)計(jì)
《 初識(shí)Flash與動(dòng)畫》教學(xué)設(shè)計(jì)
學(xué)習(xí)者分析
在學(xué)習(xí)Flash前,學(xué)生已學(xué)過windows、office等,掌握了一定的計(jì)算機(jī)的基本操作,如啟動(dòng)軟件、軟件的一般界面、選中對(duì)象再操作對(duì)象等,對(duì)進(jìn)一步學(xué)習(xí)Flash動(dòng)畫制作有一定的基礎(chǔ)。由于動(dòng)畫生動(dòng)直觀,能夠點(diǎn)燃學(xué)生學(xué)習(xí)動(dòng)畫的熱情,為教師提供良的教學(xué)環(huán)境,所以,本節(jié)課雖然是Flash的第一節(jié)課,但相信學(xué)生會(huì)感興趣,也能學(xué)好。
教學(xué)重點(diǎn)、難點(diǎn):
重點(diǎn):理解幀的概念、動(dòng)畫原理,掌握Flash基本操作 難點(diǎn):理解幀的概念、動(dòng)畫原理
教學(xué)目標(biāo)
1.知識(shí)與技能
①熟悉Flash Mx 2004的界面
②掌握對(duì)圖片的導(dǎo)入、縮放、旋轉(zhuǎn)操作 ③理解幀的含義、動(dòng)畫原理
④基本能進(jìn)行幀頻的改變,幀的復(fù)制等操作 2.過程與方法
通過對(duì)導(dǎo)入的系列圖片所形成的逐幀動(dòng)畫進(jìn)行播放和逐幀修改,熟悉Flash界面,理解幀的含義、關(guān)鍵幀的概念、動(dòng)畫的原理,了解傳統(tǒng)動(dòng)畫的制作方法。3.情感態(tài)度價(jià)值觀
通過逐幀修改,播放觀察,調(diào)動(dòng)學(xué)生學(xué)習(xí)動(dòng)畫制作的積極性
四、教學(xué)理念和方法
采用任務(wù)驅(qū)動(dòng)教學(xué)。先對(duì)導(dǎo)入的系列圖片所形成的逐幀動(dòng)畫進(jìn)行剖析,理解幀的含義、動(dòng)畫原理,在此基礎(chǔ)上逐幀修改,讓學(xué)生制作不同效果的逐幀動(dòng)畫,由簡(jiǎn)到繁,完成各層次的任務(wù),培養(yǎng)學(xué)生的探究精神。學(xué)生在操作過程中熟悉Flash界面,掌握Flash基本操作,通過播放及對(duì)播放參數(shù)的修改,進(jìn)一步加深理解動(dòng)畫原理,了解傳統(tǒng)的逐幀動(dòng)畫制作,為下節(jié)課制作關(guān)鍵幀動(dòng)畫埋下伏筆。
五、教學(xué)過程設(shè)計(jì)
1、教學(xué)內(nèi)容的組織與呈現(xiàn)方式 教師先介紹計(jì)算機(jī)的兩種圖像類型,為什么Flash的矢量圖更適于在因特網(wǎng)上傳播。然后才讓學(xué)生啟動(dòng)Flash,了解Flash的界面。接著教師對(duì)導(dǎo)入的系列圖片所形成的逐幀動(dòng)畫進(jìn)行剖析,理解幀的含義、動(dòng)畫原理。接著引導(dǎo)學(xué)生完成“修改各幀,使小鳥可以隨意飛翔”任務(wù)(基本任務(wù))及“通過復(fù)制幀、翻轉(zhuǎn)幀、改變飛行方向等,使小鳥能飛回原位”任務(wù)(提高任務(wù)),最后讓學(xué)生探究:“多個(gè)小鳥同時(shí)飛翔的動(dòng)畫制作”(拓展任務(wù))。
2、教學(xué)過程 教學(xué)環(huán)節(jié) 1.引入 演示與講解
介紹數(shù)字圖像類型,用Flash制作的圖像屬于矢量圖。矢量圖體積小,放大不失真,更適于在因特網(wǎng)上傳播。2.啟動(dòng)Flash 演示與講解:介紹Flash界面,如時(shí)間軸、舞臺(tái)、屬性面板等。3.動(dòng)畫原理
演示與講解:動(dòng)畫原理
1.動(dòng)畫播放:小鳥在原地飛翔 2.動(dòng)畫原理:人的視覺殘留原理
3.幀頻:修改幀頻后再播放,觀察小鳥飛翔的速度,理解幀頻的含義。5. 4.幀的修改
演示與觀察:改變幀與動(dòng)畫效果 1.
修改各幀小鳥位置
2.修改某幀小鳥的飛行方向 3.
修改某幀小鳥的大小 5.幀的復(fù)制與翻轉(zhuǎn)
演示:逐幀動(dòng)畫的制作
1.將前八幀復(fù)制粘貼至第九幀處 2.
選中剛復(fù)制的后八幀并進(jìn)行幀翻轉(zhuǎn) 3.
播放,觀察效果,找出不足之處 4.
修改后八幀小鳥的方向及大小,使小鳥由遠(yuǎn)飛到近(大),又由近飛回到遠(yuǎn)方(?。?/p>
6.小結(jié)
1.對(duì)幀、關(guān)鍵幀、逐幀動(dòng)畫、動(dòng)畫原理的理解 2.
改變對(duì)象位置、大小、方向的操作方法 3.思考:傳統(tǒng)動(dòng)畫制作的優(yōu)缺點(diǎn)?
教學(xué)評(píng)價(jià)
①基本任務(wù):導(dǎo)入小鳥飛翔的序列圖片,修改各幀,使小鳥可以隨意飛翔。(60分)②提高任務(wù):通過復(fù)制幀、翻轉(zhuǎn)幀、改變飛行方向等,使小鳥能飛回原位。(80分)③拓展任務(wù):不同小鳥(或其它動(dòng)物)同時(shí)運(yùn)動(dòng)(100分)
學(xué)生只需挑選一個(gè)任務(wù)進(jìn)行提交即可,如只交提高任務(wù)。教師即時(shí)評(píng)分或存盤評(píng)分。巡堂時(shí)發(fā)現(xiàn)有特色作業(yè)即用大屏幕演示,并加以表揚(yáng)鼓勵(lì)。教學(xué)資源:
① 教師用PowerPoint“動(dòng)畫原理.ppt” ② 教師提供小鳥等圖片素材
③ 實(shí)例欣賞:“文字顯示.fla”、“人物旋轉(zhuǎn).fla”
教學(xué)反思
上完本節(jié)課后,感覺學(xué)生對(duì)動(dòng)畫制作有了濃厚的興趣,特別是通過對(duì)逐幀動(dòng)畫的各種操作,學(xué)生基本上都能理解幀、關(guān)鍵幀、逐幀動(dòng)畫、動(dòng)畫原理,掌握Flash基本操作,如逐幀改變小鳥位置、大小、方向的操作,為后續(xù)的關(guān)鍵幀動(dòng)畫制作打下了良好的基礎(chǔ)。
大部分學(xué)生可以根據(jù)“操作指南_1.doc”進(jìn)行學(xué)習(xí),完成不同層次的教學(xué)任務(wù),95%的學(xué)生能完成基本任務(wù),80%的學(xué)生能完成提高任務(wù),36%的學(xué)生能完成拓展任務(wù),達(dá)到了預(yù)期的教學(xué)目標(biāo),取得了比較滿意的教學(xué)效果。