flash制作一個簡單的音樂動畫教程

很多同學(xué)都對Flash感興趣 ,下面小編就教教大家如何用flash做一個簡單的動畫。
通過這個設(shè)計充分地將FLASH動畫的現(xiàn)況分析出來了,本設(shè)計是根據(jù)選定音樂、人物的設(shè)定、劇本的創(chuàng)作、場景的布置等。首先就是選歌,一部好的MTV就得有一首貫穿全場的好歌,其次就是根據(jù)歌意確定主題和場景的布置,最后圍繞劇情制造出MTV。
工具/原料
Flash
PS
一首自己感興趣的歌
素材照片
方法/步驟
1.2 Flash軟件的特點
FLASH的全稱是Macromedia flash,后來又被adobe收購了,所以現(xiàn)在的flash全稱是adobe flash。自從被adobe收購后就功能也不斷地強大,現(xiàn)在它的功能有以下幾點:
1. 具有動畫效果的按鈕和菜單;
2. 向量透明效果可以讓圖片透明改變不同層次的透明效果;
3. FLASH可以控制用戶輸入的信息;
4. 可以創(chuàng)建基于網(wǎng)站,跨平臺,也可以顯示聲音圖片動畫等交互式等內(nèi)容;
5. 自定義字體,改變字體、顏色、大小、間距等格式;
6. 可以導(dǎo)入圖像,產(chǎn)生翻轉(zhuǎn)、拉伸、歪斜、擦除和改變顏色的亮度等效果及功能。
2、目前的FLASH中,除了時間軸動畫外,使用AS腳本開發(fā)的應(yīng)用越來越多。而以時間軸開發(fā)的FLASH理想工具是ADOBE的FLASH系列,包括FLASH 8,F(xiàn)LASH MX2004,F(xiàn)LASH CS3,FLASH CS4等。
3、它的功能區(qū)是由:時間軸、工具箱、屬性、庫、工作區(qū)等組成,如圖2-1所示:
1.首先導(dǎo)入素材
點【文件】 找到 【導(dǎo)入】,會出現(xiàn)一列小菜單,然后點【導(dǎo)入到舞臺】或【導(dǎo)入到庫】都可以,如圖
2.插入元件
在菜單欄上找到【插入】,點擊它會出現(xiàn)小菜單,找到【新建元件】,如圖所示,然后就會跳出對話框,里面有三個選項,如圖第二張
圖形的對齊,分為水平對齊和垂直對齊,選項如下圖所示,圖形的變形以及旋轉(zhuǎn),如圖第二張
劇情:一只快樂的小青蛙,它每天開開心心地玩著,每天不是在水上享受午后陽光就是在大片的草地上唱歌跳舞。它樂觀向上,相信奇跡,也堅信它是王子,會遇到童話里的公主,得到一份美好的愛情,于是它就走過了大江南北,遇到無數(shù)人,終于在人群中遇到了她,我的公主,它的公主與它都是一見鐘情,但是它還是一只青蛙,它告訴它的公主:我是王子,我被詛咒了,我需要................(格林童話里的劇情),公主聽了后就吻了它,青蛙真的就變成了王子恢復(fù)了真身,它非常感謝公主,決定要娶她,于是它就去號召它的小伙伴們,讓它們幫助它一起布置場地,瞞著公主,它的小伙伴們都非常樂意并一起去布置,場地很快就完成了,首要的任務(wù)就是把公主引到這里,然后它們就去找公主,并順利地帶她過來,一場完美地求愛就這樣開始了,當然要這么精心布置下公主被拿下了,它們?yōu)檫@個成功歡呼著,然后一起去游歷山河。
人物的介紹
人物一:粉粉 人物二:小梅 人物三:小可 人物四:小哈
如圖一到四
男主角:王子 女主角:公主
“開始”的腳本是先【插入】找到【新建元件】選擇【按鈕】重名為:開始
畫一個圓,然后在上面添加文字“開始”回到場景中后新建一圖層,在第一處將“開始”按鈕放進去,然后右擊【動作】代碼如下:
這個是在幀上完成的:stop();
這個是在按鈕上完成的:on (release) {
gotoAndPlay(30);
}
“重播”也是如此,在幀上完成的是:stop();
在“重播”按鈕上完成的是:on (release) {
gotoAndPlay(1);
sy.gotoAndPlay(1);
}
內(nèi)容等看了作品再說我先舉幾個小點,比如我事先做好的影視剪輯,它自己有自己的播放時間,而它的時間要與我設(shè)計場景要播放的時間正好合的上,所以每次做這個我都要聽上好幾十遍才能找的準調(diào),才可以把情節(jié)和歌聲配合起來。再比如歌詞,這個就得要時間和耐心了,首先你要把每句歌的歌字準確無誤地放在每句歌要唱的那個點上,而且還不能一首歌唱下來歌詞的顯示都只有一種表現(xiàn)狀態(tài),所以這一點好難,單單歌詞這一方面我就準備了好幾天。當歌詞和歌合起來之后那就要情景要和歌所唱出來的內(nèi)容或要表達的意思相吻合。
對了還有一個小細節(jié)就是上圖中,小跳蛙從海洋游歷到東方的時候,它想去東方那地面上去看看,可是走了那么久太累了,于是它是不斷吸氣讓自己變大,然后就在屁股的地方放了一個圖釘,不知道大家有沒有注意到。還有就是在青蛙與公主遇到后,相擁一吻之后自己感覺飛上了天,我想表達它在空中在著愛心了,好像是踏在天梯上,這樣一踩一上,然后遇墻撞下來時的那個樣子,是我做了好久覺得很逼真的制作。但愿你們可以發(fā)現(xiàn)。
技術(shù)也不是很多,主要有讓圖像變透明,讓人物在放大和縮小中變身,聲音的導(dǎo)入,引導(dǎo)層的運動,插入影視剪輯,添加傳統(tǒng)補間時間等。
這些技術(shù)所表達在以下幾個場景里:
1. 這些花是通過引導(dǎo)層而運動著,它是把事前扣好的花,然后添加一層引導(dǎo)層,在引導(dǎo)層上畫了軌跡,讓花從線的起點走,到線的終點停,就這樣算是完成了,如果覺得線在上面會影響美觀的話,那就可以設(shè)置一下讓它消失就可以了。
2. 在這部小短片中有幾處是插入影視剪輯的,如:青蛙咬著翅膀形狀的氣球飛起來、來到干枯地地面上的青蛙變身超人發(fā)功下雨等。
3. 對于插入傳統(tǒng)補間時間這一技術(shù)來說,是這里用的還是挺多的,例如:青蛙在水里游著、青蛙遇到公主后在飛上天上、被墻撞到而吊下來、找公主的旅途中到達東方時用到的圖釘、公主與王子再見面時,它們在樹上偷看等都有用到這一技術(shù)。
逐幀動畫舉例
例如630~715幀這一段時間里,根據(jù)詞意“我相信 奇跡就在身上”,安排場景與情節(jié):一片干枯的地,長年沒有下雨,小青蛙是個樂觀向上,相信奇跡的人物,它在游歷到此看到此情此景就用意念幫助了這里,從遠處起來自身的變化,看到此景發(fā)動“內(nèi)功”終于下雨,這一系列都得表現(xiàn)出來。要表達的太多,又怕場景上幀太多顯的太亂,我就用了影視剪輯,把這一場景的情節(jié)一分為二,這樣就好多了,制作起來也不是很難,就是把影視剪輯的一段放在場景的時間軸上有點困難,剪輯時間太短就會導(dǎo)致剪輯里的內(nèi)容會重復(fù)播放,如果太長,想表達的東西都來不及播,所以這里我花費了很長一時間。
聲音的導(dǎo)入:在時間軸上先新建一個圖層命名為:音樂,然后再找到菜單欄上的【文件】,點擊【導(dǎo)入】會出現(xiàn)一小下拉框如圖所示,然后點【導(dǎo)入到庫】這樣就可以從庫文件里找剛剛導(dǎo)入的音樂了
當聲音導(dǎo)入庫就從庫里把聲音拉到場景里的“音樂”圖層上,可是聲音有時會很長,但剛放到幀上時只顯示一幀,這時你得動手添加如圖所示,把幀拉到能顯示出現(xiàn)的時間軸的最后一幀,然后點擊鼠標右鍵,會出現(xiàn)一小下拉框,選擇“插入關(guān)鍵幀”就可發(fā)看到時間軸上有像心電圖一樣的形狀,如果最后一幀不是空的,那么按照上面的步驟再插入關(guān)鍵幀,直到出現(xiàn)空白,這樣才算是把聲音插入完整。
從MV的開始到結(jié)束有好多都是在水上或水里的場景,例如剛開始一只小跳蛙它在荷葉上躺著,心中想著遙遠地海洋,自由自在地在池塘上飄著玩著,還有就是歌曲唱到【有你相伴 LEAP FROG……】,為了結(jié)合詞的內(nèi)涵我把“小哈”、“小可”、“粉粉”和“小梅”放在一個小池塘旁邊,它們玩著笑著。
水上場景的設(shè)計都是根據(jù)歌的歌詞內(nèi)容和要表達的意境而設(shè)定的,所以不管是剛開始的流躺著的臆想,還是在水上交朋友、玩?;蚴窃谒厦嫣瓒际欠锨榫暗模虾退锏脑O(shè)計都有點難,不管你怎么動,水都是有動靜的,所以我想到借助別的一些東西比如:荷葉。
讓人物站在上面或是跳過都是將就著可以看下去的,水里的就是游泳了,可是我找有素材是不可以的,達不到那種效果,所以我想到了讓它慢慢地移動,一幀一幀地編輯或許會好一點,不過最終做出來的效果真的是有一點點的不滿意呀,但是我已經(jīng)盡力了,希望可以混過去。
地上的設(shè)計不是很多,有在地上唱著歌、奔跑,玩耍、捉迷藏、滑滑梯等。這些設(shè)計不是很多難,用到借位達到想要的效果,通過透明度的不同達到效果,利用遠近達到效果都是可以的,首先我們要從人的視覺下手,往往遠處的物體總是比近的要小,所以通過這一點就可以讓青蛙由小變大變可以了,這樣達到的視覺效果就會很捧了。然后隨著時間軸的推進,讓它慢慢地變大這樣從視覺上就達到了一種它是從遠處走來的,如果是像青蛙與公主遇到時的那個場景來說,我是通過人物本身的動來表達他們是在平地上走著,公主動的時候就是讓這個人物在前一幀的時候是往下,后一幀的時候是往上,這樣重復(fù)地疊起來就像是人在走路一樣。
滑滑梯那一個場景利用彩虹花圃每個顏色的不同,讓小伙伴們從不同顏色的高度到達不同顏色的低處,以不同的出場次序達到了一種在滑滑梯上的感覺,這就是這個場景設(shè)計的理念。其實最后一個場景的布置是一個疊在一起的兩張圖片,因為底下圖片的愛心里是空的,而我的思想是把它裝成求愛的場景,所以我就在圖片的上面又扣出一個心形的玖玫花的形狀,剛好合在一起,給人一種喜悅的氣氛。
還有就是王子與公主兩個人在那恩愛時,小伙伴們在一棵樹上偷看,其實這也是利用人的視覺茫區(qū)再把出現(xiàn)的時間各不相同,這才措了開來,讓人有了視覺錯感。
空中的設(shè)計是通過之前老師教過的漫天雪花有感而想的,可是我的短片里第一個空中場景卻不是,根據(jù)歌詞的內(nèi)容要表達的意思,用之前的思想有點不合適,“借我一雙翅膀,就能飛向太陽”就是這句,我總不能弄個滿天的翅膀吧,這個肯定行不通,轉(zhuǎn)頭一想畫的翅膀要和人物一起動,而且還要自身也要來回動太難了,所以我換了個方式,我從網(wǎng)上找了一個翅膀形狀地氣球,然后讓它從一邊飛過,正巧此時青蛙跳起咬住氣球的線,這樣才達到我要的效果。
后面還有幾場是空中的,我都是利用老師教我們的方式去做的,有“初遇公主”時的愛心滿天呀、也有與“小伙伴們玩耍”時的滿天蒲公英呀等等,畫面都是很唯美的,讓這個如童話故事的短片更有意境。
短片中有一個場景是一群小朋友在玩丟手帕的游戲,可是我找到的那張圖上是有一個小朋友在丟手帕,但這圖是靜態(tài)的,和我表達的意思有點差異,怎么辦呢?后來想了想,我把那個正在玩的小朋友給“扣”出來,然后利用引導(dǎo)層的技術(shù),讓她動起來,這樣看起來會和諧多了。
最后一個場景就是在擺滿玖玫花的心形地面上的,剛開始找到圖時,上面的心形圖案是別的雜草,我又想著劇情又想著喜慶一點,就大膽地又找了一張有玖玫花的圖,然后將這兩張疊放在一起,最后將玖玫花那張圖分離,扣圖,再組合,最終完成了這現(xiàn)在效果。
測試步驟是如以下所示:
1.先保存一下菜單欄【文件】 【保存】或者用快捷鍵【Ctrl+S】
2. 找到菜單欄上的【調(diào)試】 【調(diào)試影片】 【調(diào)試】或者用快捷鍵【Ctrl+Shift+Enter】如圖所示:
當調(diào)試之后看看有什么不好的,就把我的作品來說,下面如圖5-2所示上紅圈的地方是有字幕的,可是在調(diào)試時,字幕播放不出來,原因就是因為我把字幕起始超出了短片“承受”的范圍,所以顯示不出來,經(jīng)過調(diào)試優(yōu)化,如果不再出現(xiàn)這個現(xiàn)象,就可以了,然后再檢查一下還有別的問題沒有,如果沒有那基本上算是完成了,然后就是進行下一步導(dǎo)出動畫了。
對于FLASH作品來說,有兩種:SWF、FLA;
SWF這一種是在作品完成后生成的一種格式,它表示一部完整的影視作品,它可以有效的起到保護影片中的一些信息圖片不會丟失。
而FLA則相當 于是作品的原文,只有在FLASH的環(huán)境下才可以打開或編輯,所以這種的安全性就沒有SWF那種安全了,不過一般人都只會后一種,前一種我也是為了做這個設(shè)計才會的,首先把做好的作品進行保存,然后點擊菜單欄上的【文件】,找到【導(dǎo)出】這時會出現(xiàn)一小下拉欄,然后選擇【導(dǎo)出影片】也可以用快捷鍵【Ctrl+Alt+Shift+S】的。
注意事項
很多圖片要注意大小格式
聲音要和圖片搭配哦
以上就是flash制作一個簡單的音樂動畫教程,希望能對大家有所幫助!
相關(guān)文章
flash如何做雨滴下落的動畫效果? Flash8做一個下雨效果的技巧
flash如何做雨滴下落的動畫效果?想要做一個逼真的雨滴落下的效果,該怎么做雨滴落下水花擴散的效果呢?下面我們就來看看Flash8做一個下雨效果的技巧2022-08-18flash理發(fā)店旋轉(zhuǎn)彩燈動畫效果怎么做? 理發(fā)店旋轉(zhuǎn)燈制作技巧
flash理發(fā)店旋轉(zhuǎn)彩燈動畫效果怎么做?經(jīng)常使用flash制作動畫效果,該怎么制作旋轉(zhuǎn)燈效果,下面我們就來看看理發(fā)店旋轉(zhuǎn)燈制作技巧,詳細請看下文介紹2022-07-23flash怎么把形狀變成文字? flash星星變文字動畫的實現(xiàn)方法
flash怎么把形狀變成文字?flash繪制的星星想要慢慢變成文字,該怎么將圖形變文字呢?下面我們就來看看flash星星變文字動畫的實現(xiàn)方法,詳細請看下文介紹2022-06-06flash怎么制作補間動畫? flash變形動畫的實現(xiàn)方法
flash怎么制作補間動畫?flash中想要制作形狀變化的動畫效果,該怎么制作補間動畫呢?下面我們就來就來看看flash變形動畫的實現(xiàn)方法2022-02-06FLASH怎么讓搖曳的荷花更逼著? flash制作風(fēng)吹荷花動畫的技巧
FLASH怎么讓搖曳的荷花更逼?flash中想要制作風(fēng)吹荷花的動畫熊愛國,該怎么制作這個效果呢?下面我們就來看看flash制作風(fēng)吹荷花動畫的技巧2022-02-06flash怎么制作荷花在荷花池里搖擺的動畫? FLASH做擺動荷花的技巧
flash怎么制作荷花在荷花池里搖擺的動畫??flash中想要制作荷花搖擺的動畫,該怎么制作荷花搖曳的動畫呢?下面我們就來看看FLASH做擺動荷花的技巧2022-02-06flash怎么做徑向彩虹文字動畫? 文字添加彩虹動畫效果的技巧
flash怎么做徑向彩虹文字動畫?flash椎間盤買個輸入的文字,想要添加動畫效果,該怎么添加徑向彩虹文字效果呢?下面我們就來看看flash文字添加彩虹動畫效果的技巧,詳細請2021-11-09flash怎么做眨眼動畫效果? flash動漫人物眨眼動畫的做法
flash怎么做眨眼動畫效果?flash中想要制作一個動漫人物的眼睛眨眼動畫,該怎么制作呢?下面我們就來看看flash動漫人物眨眼動畫的做法2021-11-08flash怎么制作火焰文字效果? flash做火焰字體動畫的技巧
flash怎么制作火焰文字效果?flash中想要制作一個熊熊燃燒的活顏文字,該怎么制作這個文字效果呢?下面我們就來看看flash做火焰字體動畫的技巧2021-11-01flash怎么做文字動畫logo? 閃動的片頭動畫flash的實現(xiàn)方法
flash怎么做文字動畫logo?flash中想要制作一個文字logo的動畫,讓文字閃爍,該怎么制作這個效果呢?下面我們就來看看flash制作文字動畫的技巧2021-10-29