第一節(jié) 幀和逐幀動畫
電影的生動、活潑畫面讓人們有身臨其境之感。Flash動畫和影片一樣是由一幅幅畫面連續(xù)播放產生的,其中的每一幅畫面稱作一個幀(Frame)。
逐幀動畫很適合制作動作表演細膩的動畫。如,飄動、走路、說話等動作。
一、有哪些幀的基本操作:
Flash中,根據(jù)幀功能不同,通常將幀分為空白關鍵幀、關鍵幀和普通幀。通過幀可以設定畫面出現(xiàn)的前后順序。
1.創(chuàng)建空白關鍵幀
空白關鍵幀是沒有包含舞臺上的實例內容的關鍵幀,在時間軸上以空心圓點標示,表示這一幀上舞臺的內容為空。如圖所示:
插入空白關鍵幀的要點:在時間軸上選中要播入的幀,右擊(“插入”菜單中的“空白關鍵幀”或按快捷鍵F7),插入空白關鍵幀。我們來在第10幀插入一個空白關鍵幀,如圖所示:
2.創(chuàng)建關鍵幀。
有關鍵內容的幀叫“關鍵幀”,關鍵幀在時間軸上的標志是一個實心黑點。比如,我們選中第一幀在舞臺上畫一圓,這時第一幀就變成了關鍵幀,如圖:
如果我們這時在第5幀,右擊它,在彈出的菜單中選擇“插入關鍵幀”,這時在第5幀也會產生一個關鍵幀,而且這個關鍵幀會復制前一關鍵的內容,它們的內容是一樣的(插入關鍵幀的快捷鍵是F6)。如圖:
3.創(chuàng)建普通幀。
普通幀是對前面幀內容的顯示,不能對實例對象進行編輯操作,我們一般利用普通幀讓關鍵幀的內容在一段時間內保持不變,比如場景中的背景。普通可以有效地減少動畫的容量。
4.復制幀和刪除幀
在時間軸上選中要復制的幀,按ctrl+c,單擊要粘貼的幀,按ctrl+v,復制還可以在不同的動畫之間進行。
刪除幀:右擊要刪除的幀,在彈出的菜單中選擇“刪除幀”,當選擇一段幀時,則可以刪除這一段幀。
逐幀動畫是一種常見的動畫形式,原理是在“連續(xù)的關鍵幀”中分解動畫動作,也就是在時間軸的每幀上逐幀繪制不同的內容,使其連續(xù)播放而成動畫效果。繪制逐幀動畫有一個很重要的功能“繪圖紙”,可以在舞臺中一次查看多幀內容。
觀看一個非常有動感的逐幀動畫——翻筯斗的兔子:
我們來創(chuàng)建個逐幀動畫吧!——跑動的小人。
新建Flash文檔,命名為“跑動的小人”,存盤; 選擇“畫筆工具”,調整畫筆大小和畫筆形狀,在舞臺中間繪制一個運動的小人; 右擊第2幀,插入空白關鍵幀(為什么不直接插入關鍵幀呢?圖為每個幀的圖案都有變化,且修改較難),此時舞臺是空的,為了方便第2幀圖案的定位和繪制,單擊“繪圖紙外觀”按鈕,讓第1幀圖案淡化并顯示出來,如圖所示:
繪制第2幀的小人運動圖案,依此分別畫出第3、4、5幀的動畫。效果如下:
三、進行動畫測試
1、在場景中測試:單擊第一幀,按回車鍵,可以讓動畫在舞臺上直接播放。重按回車,可重復播放。
2、獲得連續(xù)的動畫:單擊“控制”菜單,選擇“測試影片”(或直接按ctrl+回車),可以得到連續(xù)播放的動畫。
3、調整“幀頻率”:如果感覺動畫速度過快,可以雙擊“幀頻率”進行修改。
課堂練習:制作一個旋轉的正方形動畫。
參考步驟:
在第一幀繪制一個正方形,可填充漸變色以增加美感。 在第2幀插入關鍵幀,利用“任意變形工具”對其旋轉約30度,注意這里不要插入空白關鍵幀,因為這里每個幀的內容都基本相同,只需對圖形做旋轉就行。(提問:同學們能進行快速地操作嗎?關鍵幀用F6,旋轉角度用crtl+alt+s。) 在后面的各幀中,你可以依次插入關鍵幀,并使用“任意變形工具”,制作幾個不同旋轉角度的正方形。 按【Ctrl】+【Enter】鍵進行觀看。效果如下:
四、擴展:閱讀下面兩個逐幀動畫制作的實例。
Flash逐幀動畫制作:花兒吃蝴蝶動畫短片制作常用表現(xiàn)方法與技巧第二節(jié) 圖層的操作
我們在制作動畫的時候,常常要求在一個舞臺上實現(xiàn)相互重疊的畫面,而這些畫面又要彼此獨立,互不影響,這在一個圖層上是很難做到的。圖層的引入給動畫界提供了無限的的可能,試想,如果所有的對象都放在同一層上,那對制作者會是怎么的難受。
這一節(jié),我們將以“燃燒著的蠟燭”為例,介紹圖層的作用和基本操作。
一、什么叫圖層:
圖層就如同透明的膠片,它們可以在舞臺上一層層地重疊在一起,透過圖層沒有對象的區(qū)域,可以看到下面圖層上的對象。當我們對其中一個圖層中的對象進行處理時,不會影響到其他圖層的內容,但在視覺上,位置靠上的圖層會遮蓋住與下方圖層重疊部分的內容。 在圖層1中畫一個圖形。
新建一個Flash文檔。我們看到在時間軸面板上會自動生成一個圖層,我們把它更名為為“蠟燭”(雙擊“時間軸”面板上“圖層1”文字部分,輸入“蠟燭”)。為圖層取一個體現(xiàn)圖層內容的名稱,當我們要使用這個圖層時,能快速地從眾多圖層中定位到該圖層。如圖所示:
單擊舞臺,在“屬性”面板里設置舞臺“背景”為黑色。 畫蠟燭體:用“矩形工具”,填充顏色為紅色,筆觸顏色為無,在“選項”區(qū)將圓角矩形半徑設為10磅,在舞臺上拖動鼠標,繪制一支蠟燭。如圖所示:
用“橡皮擦工具”,將蠟燭的上端部分擦除,如圖所示:
二、添加新圖層
添加新圖層,畫火焰。
單擊“時間軸”面板上的“插入圖層”按鈕,在原來圖層上方創(chuàng)建了一個新圖層(“圖層2”),將“圖層2”改名為“火焰”。如圖所示:
用“橢圓工具”,填充顏色為橙紅色,筆觸顏色為無,在“蠟燭”上方繪制一個橢圓; 用“箭頭工具”,調整橢圓成火焰形狀,將“混色器”填充類型設置為“放射狀”,左邊取色器設為橙色,右邊取色器設為白色,并將左邊取色器往右拖一點,然后使用“顏料桶”調整“橢圓”顏色,讓它呈“火焰”狀。如圖所示:
制作火焰跳動的逐幀動畫:在“火焰”圖層的第2幀上插入“關鍵幀”,用“箭頭工具”改變火焰的形狀。依此繪制第3、4、5幀的火焰。 選擇“蠟燭”圖層,在第5幀“插入幀”,讓“蠟燭”在后面各幀顯示出來。在制作過程中使用Ctrl+Enter進行效果測試,效果如圖所示:
畫光暈。
插入一個新圖層,命名為“光暈”。 在“混色器”面板中將混色器填充類型設置為“放射狀”,左邊取色器設為橙白色(較火焰色淺),右側為白色,Alpha值為0%。(透明度用于設置局部透明度,值越低,透明度越高。)如圖所示:
單擊“光暈”圖層第1幀,用“橢圓工具”,在舞臺上繪制一個圓(這里筆觸顏色為無),然后拖至火焰處。如上圖 分別在第2、3、4、5幀插入“關鍵幀”,作用“任意變形”工具,隨火焰的大小、高低調整圓的大小,讓光暈隨火焰大小變化,使動畫更真實。用Crtl+Enter測試影片,效果如下:
三、管理圖層
我們將時間軸面板左邊的區(qū)域稱為“圖層管理區(qū)”。在這里,我們可以創(chuàng)建、編輯、管理圖層或觀察圖層狀態(tài),可以方便地隱藏、鎖定圖層,以輪廓線方式顯示各層上的對象以及改變圖層順序等。
每個圖層右側都有三個圖層狀態(tài)提示區(qū)(大家在操作過程中可以靈活應用):
“眼”,單擊該圖標,可以顯示或隱藏所有圖層。單擊該圖標下對應圖層上的“點”,可以顯示或隱藏該圖層。 “鎖”,單擊該圖標,可以鎖定或解鎖所有圖層。單擊該圖標下對應圖層上的“點”,可以鎖定或解鎖該圖層。當某一圖層被鎖定后,就不能對該圖層進行編輯操作了。 “輪廓”,單擊該圖標,可以顯示或隱藏所有圖層對象的輪廓線。單擊該圖標下對應圖層上的“輪廓”,可以顯示或隱藏該圖層對象的輪廓線。
注意,選擇圖層時可不要按到它們??!
好,我們以上面的例子練習一下隱藏、鎖定、移動圖層:
單擊“眼”圖標,舞臺上各元素是不是都消失了?如果只隱藏光暈呢? 單擊“火焰”圖層對應“鎖”圖標下的點,鎖定該圖層,是不是不能編輯該圖層了呢? 單擊“火焰”圖層,將它拖到“光暈”圖層之上,這樣動畫就更加自然了。效果如開頭動畫。
如果遇到不需要的圖層,只需要選擇該圖層,按圖層“管理理區(qū)”右下角的“刪除圖層”按鈕就能將該圖層刪除了。(注意,“時間軸”上至少要有一個圖層,隱藏和刪除是不一樣的)
四、任務(下面三選二):
一、做燃燒的蠟燭動畫。
二、制作 一個帶陰影效果的文字。參考:
三、制作日全食動畫。參考:
第三節(jié) 制作補間動畫
在Flash中,許多簡易的動畫都是通過自動補間生成的?!伴g”可以理解為兩幀之間,就是在兩個關鍵幀之間經過計算自動生成中間各幀,使畫面從前一關鍵幀平滑過渡到下一關鍵幀,這正是Flash的迷人之處。補間動畫可分為動作補間動畫和形狀補間動畫。
動作補間:物體有一個狀態(tài)到另一個狀態(tài)。如位置變化、色彩變化、透明度變化、傾斜角度變化,其實現(xiàn)的要求應用對象是一個整體,如元件等。 形狀補間:物體由一個物體變化到另一個物體。利用形狀補間可以實現(xiàn)對象的形態(tài)變化的動畫效果,如圓漸變到正方形,紅色漸邊到藍色,其實現(xiàn)的要求應用對象是打散狀態(tài)。
一、創(chuàng)建動作補間動畫:
注意:要做動作補間動畫前,需將對象轉換為元件或進行組合才能使用。
生成運動補間動畫,讓心“跳起來”。
打開第一單元第三節(jié)制作好的“愛心.fla”文件,選中“愛心”,把“愛心”圖形轉換為圖形元件(提示:舞臺上直接繪制的矢量圖是不能用來生成動作補間的,必須轉換為元件或進行組合)。 在“時間軸”面板上選中第10幀,按【F6】鍵插入一個關鍵幀;再選中第5幀,按【F6】鍵插入一個關鍵幀(思考一下,為什么這樣做?); 在“時間軸”面板上選中第5幀,單擊“任意變形工具”,將第5幀的圖形元件拉大,如圖所示:
在“時間軸”面板上分別右擊第1幀和第5幀,在彈出的菜單中選擇“創(chuàng)建補間動畫”命令,觀察“時間軸”的變化,如圖所示:
按Ctrl+Enter預覽動畫:
二、創(chuàng)建復雜的動作補間動畫
要獲得好的動畫效果,需要在細節(jié)上做更多的屬性設置。 這節(jié)課我們會學到:
1、混色器的應用
2、補間動畫的制作
3、對運動補間的屬性設置
4、一些flash動畫的制作技巧
(一)制作一個小球自由下落過程的動畫。
要點:
在舞臺的較上位置畫一個圓,用“混色器”和“顏料桶工具”給圓填充,作一個局部高亮的球體。如圖所示:
把球體轉換為元件,命名為“球”,類型設置為“圖形”; 在第15幀插入關鍵幀,用“箭頭工具”選中這一幀的球體,按下【Shift】鍵,垂直拖動球體到舞臺的下方。 創(chuàng)建它們之間的補間動畫,測試動畫:
(二)讓小球由慢到快下落、反彈、再下落,反復直至靜止
為了讓球的動畫更逼真,我們來做些細節(jié)上的改變:
先給舞臺畫個地面,這樣效果會更好,我們在小球落地的位置畫一條直線作地板; 用鼠標單擊時間軸第1幀,在第1幀的“屬性”面板中將簡易(緩動)值設為“-100”(提示:簡易值為正,物體減速運動;簡易值為負,物體加速運動,可以把簡易值理解為阻力),如圖所示:
我們還需要讓小球在下落的過程中有些旋轉的變化,那么就在第1幀的“屬性”面板中設置旋轉為“順時針”,次數(shù)為1次。好,測試一下效果:
為了實現(xiàn)小球跳下又彈起,我們在第25幀、第33幀插入關鍵幀,選中第25幀,將小球垂直上移到比第1幀小球較低的位置,創(chuàng)建它們的補間動畫,并設置相應的屬性(向上運動時,簡易值為100,并讓它逆時針旋轉1次),如圖所示:
依此,進行后面關鍵幀的設置,按Ctrl+Enter觀看動畫:
任務(三選二):
制作下落的小球,并完成小球的后續(xù)動作。 流量動畫,參考:
文字旋轉動畫(參考:
http://tech.china.com/zh_cn/netschool/homepage/flash/base/sample/2005062704.html)。
擴展閱讀:
文字動畫,參考:
http://www.wzsky.net/html/Photo/Flash/106843.html Flash鼠繪:
卡通風車的繪制三、創(chuàng)建形狀補間動畫
形狀補間動畫也稱為“變形動畫”,它的作用是生成從一個形態(tài)到另一個形態(tài)的變化,這個形態(tài)可包括形狀、位置、顏色。它能處理的對象正好和運動補間動畫不同,只能對矢量圖起作用。
我們來制作一個幾何圖形的漸變。
新建一個Flash文檔并保存。在舞臺上繪制一個無填充色的小長方形; 選中矩形框,單擊“窗口”菜單中的“變形(T)”命令,打開“變形面板”,如圖:
在“變形”面板的“旋轉”框中輸入旋轉角度為20度,連續(xù)單擊“變形”面板的“復制并應用變形”按鈕,很神奇吧?。ㄍ瑢W們觀察一下,復制是不是圍繞中心點進行的?我們如果改變中心點的位置,結果會怎么樣呢?) 在第15幀處插入“空白關鍵幀”,再繪制一個無填充色的小長方形,打開“變形”面板,選擇“傾斜”,在“垂直傾斜”框中輸入20度。連續(xù)單擊“復制并應用變形”按鈕,效果如圖:
單擊第1幀,將屬性面板上的“補間”設置為“形狀”,觀察時間軸的變化,和動作補間有什么不一樣?按【Crtl】+【Enter】觀看動畫
四、創(chuàng)建精確形狀補間動畫
精確形狀補間動畫就是對變形對象加上形狀提示,使其能精確控制復雜的形狀變化。
形狀提示:在形狀變形的起始幀圖形與結束幀圖形上,分別指定一些變形關鍵點并使這些點在起始幀中和結束幀中一一對應,F(xiàn)lash將根據(jù)這些提示點之間的對應關系計算形狀的變形過程。我們先來看一個變化過程的例子:
標記成功后,起始關鍵幀上的形狀提示是黃色的,結束關鍵幀的形狀提示是綠色的,當不在一條曲線上時為紅色。
新建一個Flash文檔并保存; 單擊“文本工具”按鈕,在舞臺上輸入大寫字母“T”;單擊第15幀,按【F6】插入關鍵幀,并將該幀的字母“T”改為“S”。分別單擊第1幀和第15幀,按兩次【Ctrl】+【B】,將文字打散,分離成矢量圖。(注意:這步很重要,因為形狀補間動畫只能對矢量圖作用)
單擊第1幀,將“屬性”面板上的“補間”設置為“形狀”。按【Ctrl】+【Enter】觀看效果。
顯然,對于這個效果,我們并不會滿意!我們來進一步修改。 單擊第1幀,選擇“修改”菜單中的“形狀”子菜單中的“添加形狀提示”命令,如圖:
這時在“T”的中央出現(xiàn)一個紅色的a,拖動a到變化的起始位置,如圖所示,再回到第15幀,也把a拖動到適當?shù)奈恢?。這時紅色符號變成了綠色,同時第1幀的提示也變成了黃色。
用同樣的方法再添加一個形狀提示,分別在第1幀和第15幀調整好b的位置,如圖所示:
再次播放,效果自然多了。
任務:
制作一個形狀補間動畫,變圓為方。 制作一個文字漸變(中國→加油)。使用形狀提示來進行精確控制。
五、制作按鈕:
在Flash動畫中,有很多的交互動作是通過按鈕完成的,按鈕元件本身具備一些特殊的幀,這些幀用來監(jiān)控鼠標的狀態(tài)。
例子:做一個簡單的按鈕
新建一個Flash文件,打開“插入菜單”,選擇“新建組件”,在彈出的組件屬性對話框中設置新組件的屬性為“按鈕”,然后按“確定”,進入按鈕的編輯狀態(tài)。
可以看到不同的時間軸,分別由“彈起”、“指針經過”、“按下”、“點擊”4個幀組成。 這4個幀分別表示按鈕的不同姿態(tài)。其中“彈起”表示正常狀態(tài)時按鈕的圖像;“指針經過”表示當指針位于按鈕上方時,該按鈕的圖像;“按下”表示單擊按鈕時,該按鈕的圖像;“點擊”則表示播放時鼠標在響應單擊的區(qū)域內呈現(xiàn)為手形; 單擊“彈起”幀,在“混色器”面板中設置填充樣式為放射狀,顏色設為藍色,左邊取色器Alpha為100%,右邊取色器Alpha為0%,并將左邊取色器拖至下圖的位置:
選擇“橢圓工具”,去除筆觸色,在舞臺上畫一個帶模糊邊的黑色圓,如上圖。 添加新圖層2,單擊第一幀,在“混色器”面板中設置填充樣式為放射狀,顏色設為白色,左邊取色器Alpha為80%,右邊取色器Alpha為0%,選擇“橢圓工具”,在舞臺上再畫一個圓,調整大小和位置,如圖:
選擇“填充變形工具”,再選擇白色內圓,此時看到內圓上出現(xiàn)一個小方塊、兩個相鄰小圓和一個中心圓。將鼠標指針移到中心小圓,指針變?yōu)槭旨^,按下鼠標左鍵,向上拖動調整填充方向(大家還可以試一下調整其他三個點,感受它們的其他功能),效果如下:
通過以上步驟,完成了“彈起”按鈕的圖形制作,接下來制作其他幾個狀態(tài)的圖形。選中圖層1、圖層2中標簽為“按下”的第3幀,按【F6】鍵插入關鍵幀,如圖:
參照步驟5,將圖層2中的漸變往下調整,結果如圖:
單擊標簽為“點擊”的圖層1的第4幀,按【F6】鍵插入關鍵幀。 回到場景1,從庫中將按鈕拖到舞臺中,按【Ctrl】+【Enter】測試影片:
任務:
將前面所做的按鈕進行調整,在“指針經過”這一幀中做新的設置,使鼠標指針經過按鈕時按鈕也發(fā)生變化。同時將按鈕的鼠標指針響應區(qū)域,擴大到外圓。
擴展閱讀:
使用按鈕第四節(jié) 路徑動畫和遮罩效果
這一節(jié)我們來學習讓元件按照指定的路徑移動的動畫,借助的是運動引導。
一、創(chuàng)建運動引導層?
運動引導層可以用來繪制運動路徑,然后讓元件沿著路徑運動。 例子:飛翔的小鳥 新建一個Flash文檔并存盤; 將圖層1命名為“小鳥”; 單擊“文件”菜單下的“導入”,導入“小鳥”圖片到舞臺,并將該圖片轉換為圖形元件,名稱為“小鳥”(最好找一張會動的gif動畫)。
拖動時間軸上的滾動條找到第100幀,按【F6】鍵插入關鍵幀; 右擊第1幀,創(chuàng)建運動補間動畫; 單擊“時間軸”面板左下方的“添加運動引導層”按鈕。此時在原圖層上方將自動生動一個引導層,如圖:
單擊“引導層”圖層,在舞臺中繪制一條運動曲線(可以用鉛筆或直線工具),如果曲線不夠平滑,可選中該曲線,在工具箱的“選項”區(qū)中單擊平滑按鈕,讓曲線更為平滑自然,如圖:
(提示:引導層中的線條在播放時不會顯示) 單擊第1幀,用“箭頭工具”選中“小鳥”的中心圓點(這就是為什么做路徑動畫需要元件而不是矢量的緣故),并拖動到曲線的起始位置,讓“小鳥”的中心圓點與曲線的起始點吻合,如上圖。 單擊第100幀,將“金魚”拖到曲線的終點位置,同樣注意“金魚”中心圓點與曲線的終點要吻合。 回到第1幀,按回車鍵看動畫效果。
(提示:小鳥是不是整體按照規(guī)定的曲線路徑移動,卻不會自動調整自身前進的方向。) 怎么辦呢?單擊“小鳥一”圖層第1幀,在“屬性”面板中勾選“調整到路徑”,如圖:
按回車鍵,觀察播放效果。
作業(yè)(二選一):
制作一個地球繞太陽轉的動畫。 制作蝴蝶在花從中飛舞的動畫。
擴展閱讀:
路徑引導動畫二、創(chuàng)建遮罩效果
解讀:普通的圖層就像是一張透明的膠片,當多個普通圖層重疊時,位于上方圖層的對象會遮蓋下方圖層的對象,但其他部分依然保持透明。遮罩層和普通圖層恰好相反,無圖像部分會遮蓋下方圖層的所有對象,有圖像部分卻像是被鏤空的,可透過它觀察到下方圖層的內容。
例子:探照燈遮罩動畫
素材:一張圖片
新建一個flash文檔,舞臺大小為圖片的大小550*315像素,導入上面這一張圖片,并轉化為元件。 新建圖層2,把圖片元件復制到第1幀,保持位置完全重疊(可以利用“編輯”菜單下的“粘貼到當前位置”命令)。 調整圖層1圖片元件的亮度為-80%,讓他呈現(xiàn)昏暗的色調,如圖所示:
新建圖層3,用“橢圓工具”,在舞臺左側畫一個圓,大小顏色由大家喜歡,并轉化為元件。 做這個圓的運動軌跡,為了模仿探照燈的效果,我們讓探照燈來回運動,在圖層3做橢圓的運動補間動畫,如圖:
測試動畫:
解除遮罩效果的方法:右擊“遮罩層”,在彈出的菜單中去除遮罩層前的“√”選項就行了
遮罩層或被遮罩層被鎖定后,不能對其編輯,如要編輯必須去除鎖定,但去除鎖定后,遮罩效果將不起作用,如要重新顯示遮罩效果,必須再將其鎖定。
任務:
完成探照燈效果的動畫。(并思考:若要讓探照燈跟隨鼠標移動,該如何實現(xiàn)呢?) 提示:把那圓的圖形元件轉化為影片剪輯,并在“屬性”面板里給它命名為yuan; 因為要做鼠標跟隨,所以只需要一幀,選中圖層3,打開動作面板,輸入鼠標跟隨代碼,如圖:
效果如下:
以文字做遮罩層,以七彩背景為被遮罩層,制作一個移動著的不斷變化顏色的文字動畫。
擴展閱讀:
遮罩動畫第五節(jié) 編輯聲音元件
通常MP3格式的聲音文件所占容量比較小,一般情況下,我們就選mp3作為聲音元件。
一、在Flash中添加聲音的方法:
我們打開上一節(jié)中的按鈕,讓按鈕在鼠標經過和按下時發(fā)出聲音。
單擊“文件”菜單中的“導入到庫”選項,打開“導入到庫”對話框,查找并選擇聲音文件,將聲音文件導入到庫中。
提示:一次可以選擇多個文件導入。聲音被導入到庫中之后,就成為當前Flash文檔的一部分。因此在作品完成后要把無用的聲音文件從庫中刪除,以減小文件的容量。 打開“庫”面板(快捷鍵Ctrl+L),選中某個聲音文件,在“庫”面板上有播放按鈕,可以感受一下聲音的效果。
雙擊按鈕元件,編輯按鈕元件,新建一個圖層3,在“指針經過”和“按下”這兩個幀上插入空白關鍵幀,將庫中的聲音文件分別拖到元件上。
提示:為了以后編輯和管理的方便,一般在拖動聲音前先建立個新圖層,讓聲音單獨放在一個圖層中。 回到舞臺,測試一下按鈕,我們可以聽到聲音啦。
二、改變聲音的屬性:
選中“聲音”圖層,打開“屬性”面板,我們來看一下一些關于聲音的屬性;
改變“效果”下拉列表選項,體驗動畫聲音。 無:不附加任何效果。 左聲道或右聲道:只播放左聲道或右聲道的聲音。 從左向右淡出或從右向左淡出:將聲音從左(右)聲道逐漸切換到右(左)聲道。 淡入或淡出:聲音從小到大或從大到小。 自定義:用戶自己設置聲音播放效果。
改變“同步”下拉列表選項,體驗動畫聲音。 事件:當動畫運行到聲音幀時,開始播放聲音,直至聲音結束。 當一段幀動畫設置為循環(huán),再次回到聲音幀時,如果聲音沒有結束,則繼續(xù)播放。如果聲音已結束,則重新播放。 停止:如果有多個聲音同時播放,可指定一個靜音。 數(shù)據(jù)流:將聲音和動畫綁定。動畫開始,聲音也開始;動畫結束,聲音也結束。
任務:制作一個聲音按鈕。
擴展閱讀:
什么是ActionScript? 聲音的As控制:
http://www.52design.com/html/200707/design2007727154334.shtmlhttp://www.yesky.com/SoftChannel/72351185150935040/20020422/1607943.shtml第六節(jié) 綜合創(chuàng)作——“荷塘月色”MTV
一、構思和素材準備
為了降低同學們的制作難度,也給同學們 一個學習模仿的機會,這里以一個已經初步做好的flash雛形為基礎,再配上我們精心為它挑選的歌曲“荷塘月色.mp3”,再運用前面學到的知識,添加一些美妙的元件,制作我們的MTV。
素材:
出水芙蓉.fla荷塘月色.mp3
完成作品:
荷塘月色.swf
二、制作步驟:
打開“
出水芙蓉.fla”,分析這個源碼。我們可以單擊每個圖層或雙擊場景中的元件,學習它是怎么實現(xiàn)這些動畫的。比如魚兒的游動,柳枝的飄遙,荷葉的畫法……研究優(yōu)秀的flash源碼是學習flash動畫設計重要方法。
為了實現(xiàn)我們的“荷塘月色MTV”效果,我們需要在場景中加一些元件,包括:月亮、音樂、字幕、控制按鈕,我們現(xiàn)在就來制作它們。 先鎖住所有圖層,在“柳”圖層下插入一個圖層,命名為“月亮”,在舞臺上用黃色,畫個月亮,并把它轉化為圖形元件,再拖放到適當?shù)奈恢?,如圖:
把“荷塘月色.mp3”導入到庫中,通過分析,這個場景它只用到115幀,而我們的音樂有2950幀,若是我們在場景中新建一層,把音樂直接插入到這一層上,是無法實現(xiàn)音樂的完整播放的:在聲音屬性中如果選擇“事件”就會不斷地循環(huán)而出現(xiàn)混音;如果選擇的是“數(shù)據(jù)流”,音樂根本無法正常播放。所以我們考慮到另一種方法,新建一個影片剪輯,命名為“sound-word”,在這個影片剪輯中做音樂和字幕,sound圖層放音樂,word圖層用來做字幕。如圖:
我們做的字幕比較簡單,就是讓它隨著音樂不斷向上同步滾動,為了實現(xiàn)同步,我們要在適當?shù)奈恢貌迦腙P鍵幀,根據(jù)需要調整字幕的位置,并在這些幀之間做運動補間動畫。如圖所示:
提示:為了更精確,我們可以在場景中的“水面”圖層上新建一個“sound”層,把“sound-word”元件拖放到場景中進行調試,使剛開始的字幕不會出現(xiàn),并在屬性面板中給它一個“sound”的實例名稱,用來給按鈕進行實例調用。如圖:
為了讓人們自由地控制MTV播放,我來加入一些按鈕,在“遮掩”層下面新建一個“按鈕”層,選中該層,打開“公共庫”中的“按鈕”。如圖:
找到playback中的“播放”、“暫?!薄ⅰ巴V埂卑粹o,把它們拖放到舞臺的適當位置,如圖:
為了實現(xiàn)用按鈕控制音樂,我們在“sound-word”元件的第一幀插入動作“stop();”讓動畫播放的時候,音樂和字幕先停止;在場景中選中“播放”按鈕,在動作面板中輸入代碼,如圖:
用同樣的方法, 給“暫?!卑粹o插入代碼: on (press) {
sound.stop();
}
“停止”按鈕代碼: on (press) {
sound.gotoAndStop(1);
}
好,現(xiàn)在可以測試動畫了:
任務:制作一個自己喜愛的MTV。
概括總結:
本單元分六節(jié)介紹了制作Flash動畫的一般方法。
通過本單元的學習,應建立的基本概念和應掌握的基礎知識與基本操作: Flash通過“時間軸”面板中的圖層和幀來組織和控制動畫效果。 Flash可以將不同的動畫元素分別安排在不同的圖層中,但這些元素組合起來就是一個完整的畫面,而且在一個圖層中繪圖或編輯,不會影響其他圖層的內容。 Flash動畫是通過連續(xù)顯示排列在“時間軸”上的畫面形成的?!皶r間軸”上的每一個小方形格就表示一個幀。幀可以分為關鍵幀、空白關鍵幀和普通幀等 在Flash動畫中,場景猶如一個戲劇舞臺,所有的情節(jié)都在這舞臺上表演,但不同的情節(jié),其舞臺的大小、音響、燈光等條件不同,場景布置也不相同。一個Flash動畫可以安排多個場景。 了解Flash中的逐幀動畫、運動補間動畫、形狀補間動畫、路徑動畫、遮罩等的概念與作用。 學會創(chuàng)建逐幀動畫,操作不同圖層,制作運動補間動畫和形狀補間動畫,掌握路徑動畫和遮罩方法的使用。