Flash MTV《新年演唱會》執行個體製作剖析

來源:互聯網
上載者:User
  今天我們用flash將貓王請來為大家表演,開一個新年演唱會!大家可以從中學到一些flash動畫製作的技巧。

  在演出開始之前我們先排練一下,你作為舞台指導來審核看看演唱會是否能夠公映。

  怎麼樣?聽了一場,你審核通過了嗎?可以上映了吧?下面我們為你介紹演唱會的詳細情況。

  一、舞台設計

  建立一個Flash檔案,大小為500*520,背景顏色為粉紅色(#FF659C),把幀的頻率改為30。如圖一

圖一

  建立一個圖形元件,取名為“幕布”。在編輯區首先用繪圖工具畫一個幕布的基本形狀,用黑色填充。如果你不好掌握,不好畫,我建議你從外部匯入一張幕布的圖片,然後依照圖片的幕布輪廓來勾線條。如圖二

圖二

  建立一層在背景上增加一個同樣的圖案,用紅色填充。讓黑色的底層作陰影製作效果。然後在幕布上增加一些深紅色、黑色邊框的色塊,表示幕布上的紋理。另外我們還畫一跟繩子,系住幕布。繩子實際上是用一組黃色的小圓形組合而成的。如圖三

圖三

  最後將所有的圖形組合在一起,複製一個,調轉方向,就有了兩邊幕布。桌子的畫法也是一樣的,如圖四

圖四

  二、舞台上的道具

  舞台上面有一些花花草草,我們也用繪圖工具自己來畫。如圖五

圖五

  留聲機在不停轉動,它的製作要稍微複雜一點,畢竟是一個動畫。建立一個圖形元件畫好它的基本圖形,如圖六,由多個色塊組成留聲機的形狀。如圖六

圖六

  我們在動畫中看到留聲機一直是在旋轉的,嗯!這裡需要運用到Flash遮罩技術了。先增加一個圖形元件,畫出一組直線條。把圖形轉換成電影剪輯元件,在時間軸的第五幀添加一個主要畫面格,水平移動線條的位置。回到第一幀,在屬性面板中設定一個補間動畫,方式為動作。如圖七

圖七

  下面增加一個留聲機電影剪輯元件,第一層放上留聲機圖形。第二層放上直線條,然後給第二層增加一個遮罩層,畫一條色塊遮蓋直線條,如圖八。

圖八

  現在我們單獨測試留聲機播放狀態下的效果。

  舞台上所用的道具還有一些,我們可以按照自己的喜好來設計,具體操作這裡就省略了。

  三、人物的設計

  人物有幾個部分是固定的,不動。另外嘴、頭、拿話筒的右手是隨著音樂在擺動的,我們設計的時候把動態和靜態部分開來製作。人物的嘴在唱歌,頭雖然在搖擺,但是頭內部的大部分元件沒有動。我們先來設計頭,頭是由頭髮、眼鏡、耳蝸、臉組層的。建立一個圖形元件,在編輯情境中畫出人物頭型的輪廓,用黑色填充。然後在底圖上添加他的頭髮、眼睛等元件。如圖九

圖九

  同理我們設計出歌手的身體,給他畫一個大肚子。如圖十

圖十

  歌手的右手拿著話筒,一邊唱一邊陶醉,手不停的搖擺。因此我們要設計手的兩個動作,替換進行表演。如圖十一

圖十一

  下面設計最關鍵的地方,人物的嘴,人的變化是整個動畫變化最多的地方。我們需要設定的嘴型的圖案也有多個,每一個圖案都設定成單獨的圖形元件,如圖十二。

圖十二

  四、動畫合成

  現在動畫關鍵的一些元件我們都準備好了,其他的一些配件我就不再一一作介紹了,大家可以自己揣摩。最後回到主情境,我們把所有的元件組合起來,安排演唱會表演了。

  在時間軸的開始幾層,把舞台道具都準備好,演員也做好演唱的姿勢,這時用圖十二中的(1)號嘴型添加在歌手的臉部。如圖十三

圖十三

  在這些道具層的上方,我們放上幕布,一邊佔一層。兩層幕布剛好把舞台遮蓋住,然後在時間軸的第十四幀添加主要畫面格,這時將幕布的兩邊分別水平向外方向移動,直到情境外。回到第一幀,在屬性面板中給它們增加動作補間動畫。這樣就有一個幕布揭開的動畫效果了,如圖十四

圖十四

  從第十五幀開始,增加音樂效果,採用資料流的播放形式。怎樣讓歌手“隨歌起舞”呢?我們來看時間軸上的排列。看圖十五

十五

  圖中mond層,放上的是嘴的圖案。根據歌手演唱的節奏,建立主要畫面格,每個主要畫面格是和劇情需要在情境中放上合適的嘴型。

  arm層放上的是人物的手,手的動作也根據歌曲的節奏設計動作補間動畫,旋轉手圖形元件來表示手在搖擺,隔幾幀換一個手的姿勢。

  head層放的是人物的頭,頭的圖案只有一個,我們依著故事的情節添加主要畫面格、增加補間動畫,是歌手的頭隨著演唱的節奏搖擺。從圖十六中,我們可以看看各種嘴型,添加在人物臉上的效果。可能單個看起來還有點不太協調,但是動畫播放起來效果顯得還不錯。


圖十六

  演唱會完畢後幕布慢慢關閉,最後彈出祝大家新年快樂的祝賀文字。我們還可設計一個“再來一個”的按鈕,再看一次演唱會。演唱會效果不錯吧!你要不要舉辦一場演唱會呢?到時候一定要邀請我來看喲!



聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.