flash制作一個(gè)簡(jiǎn)單的音樂動(dòng)畫教程

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