動(dòng)畫技法在交互移動(dòng)媒體中的設(shè)計(jì)研究

（湖北工業(yè)大學(xué) 430000）

一、動(dòng)畫技法與設(shè)計(jì)

動(dòng)畫技法的要點(diǎn)之一是對(duì)時(shí)間、空間和距離的把握，制作出逼真的、兼有力度和速度的動(dòng)作動(dòng)畫，同時(shí)通過人們對(duì)生活的共同理解和想象制作出現(xiàn)實(shí)生活中不存在的畫面效果，例如空間的劃分、不同空間的交錯(cuò)、現(xiàn)實(shí)中不存在但是人們都能看懂并理解的各種夸張手法等。

風(fēng)格設(shè)計(jì)是讓作品脫穎而出的第一步。當(dāng)今的動(dòng)畫制作形式多種多樣，從二維動(dòng)畫到三維動(dòng)畫，以至各種不同的制作軟件，動(dòng)畫的制作手法和成品風(fēng)格極為豐富。其中二維動(dòng)畫在變形能力和轉(zhuǎn)場(chǎng)設(shè)計(jì)上相對(duì)于三維動(dòng)畫有一定的優(yōu)勢(shì)。在二維動(dòng)畫的風(fēng)格上如圖中所視，是兩種較為廣泛應(yīng)用的二維動(dòng)畫制作風(fēng)格，分別以MG動(dòng)畫和日本動(dòng)畫為代表，其中MG動(dòng)畫更注重顏色和造型的減法概括，而日本動(dòng)畫更注重角色的造型描寫。本作品為了做到與多媒體交互的同時(shí)要以大眾審美為中心，選取了MG動(dòng)畫風(fēng)格作為本作品的風(fēng)格。

鏡頭設(shè)計(jì)應(yīng)考慮到不同播放媒介的限制。通過使用現(xiàn)實(shí)增強(qiáng)功能的設(shè)備使動(dòng)畫獲得一定的交互性。本作品是以帶透明通道的格式在不同的交互設(shè)備上播放，這使得二維動(dòng)畫制作受到播放形式的限制，要避免動(dòng)畫中的內(nèi)容被鏡頭切割從而暴露鏡頭邊緣。這對(duì)動(dòng)畫制作的要求和限制有所提高，降低了動(dòng)畫的發(fā)展空間。要在一個(gè)很小的范圍內(nèi)設(shè)定不同的動(dòng)畫，難度較大。為此對(duì)每個(gè)動(dòng)畫和故事采用的展現(xiàn)形式都有所不同。

二、動(dòng)畫技法在APP中的創(chuàng)作實(shí)踐-設(shè)計(jì)方案實(shí)施過程注意問題

1.短小精悍，畫龍點(diǎn)睛

通過對(duì)APP Store中的各類APP開機(jī)界面時(shí)間進(jìn)行統(tǒng)計(jì)，如淘寶、支付寶、微信、QQ等日常生活類APP，軟件啟動(dòng)界面均為圖片形式，時(shí)間為2到3秒；而在游戲軟件中，如王者榮耀、Restaurant2、寶可夢(mèng)探險(xiǎn)等游戲中，軟件啟動(dòng)界面等時(shí)間為4到6秒，其中部分游戲開機(jī)界面以動(dòng)畫形式展現(xiàn)。由于游戲軟件所占內(nèi)存大小不一，所以在軟件啟動(dòng)時(shí)間上，跨度較大。

為了制作一段能夠更加突出與餐飲有關(guān)的二維開機(jī)動(dòng)畫，在造型設(shè)計(jì)上選用了簡(jiǎn)筆畫的廚具標(biāo)志，以拆分顯現(xiàn)的形式進(jìn)行展示播放。通過對(duì)眾多軟件的啟動(dòng)界面時(shí)間對(duì)收集，同時(shí)對(duì)本軟件類型的考慮，最終將本軟件啟動(dòng)的時(shí)間設(shè)定至兩秒左右，以軟件圖標(biāo)的出現(xiàn)作為展示動(dòng)畫進(jìn)行制作，將側(cè)重點(diǎn)放在“時(shí)間”和“距離”上。

圖1 圓點(diǎn)變形圖層拆分示意圖

Flash動(dòng)畫軟件的優(yōu)勢(shì)在于計(jì)算機(jī)的自動(dòng)補(bǔ)間功能，其劣勢(shì)則在動(dòng)畫角色的大幅度轉(zhuǎn)面和變形上。動(dòng)畫中輕微的關(guān)節(jié)動(dòng)作可以運(yùn)用計(jì)算機(jī)運(yùn)算生成，而需要大幅度的動(dòng)作和變形的時(shí)候，只能依靠手動(dòng)人為的繪制中間張，以達(dá)到動(dòng)畫動(dòng)作完整的目的。

本作品的變形過程中，從圓點(diǎn)發(fā)散成圓矩形的部分，是Flash的補(bǔ)間功能無(wú)法完成的，為了保證動(dòng)畫的效果，經(jīng)過反復(fù)的研究，最后通過人工拆分、調(diào)節(jié)，將動(dòng)畫制作出滿意的效果。如圖1中，圓點(diǎn)從圖層1變形為圖層2，整個(gè)動(dòng)畫部分被切分成三個(gè)單獨(dú)的圖層：圖層a、圖層b、圖層c。這3個(gè)圖層分別執(zhí)行Flash中的簡(jiǎn)單補(bǔ)間動(dòng)畫命令，在abc三個(gè)圖層的動(dòng)畫中，第一幀起始幀與圖層1重合，最后一幀結(jié)束幀與圖層2重合，在Flash有限的功能補(bǔ)間范圍內(nèi)將需要的動(dòng)作拆分完成。充分利用圖層的優(yōu)勢(shì)達(dá)到最終所需要的指定效果。

2.避免鏡頭切割

為了滿足在不同的交互設(shè)備上播放的要求，需要制作無(wú)邊框的動(dòng)畫視頻避免畫面內(nèi)容被鏡頭邊緣切割，從而擬定了一個(gè)在空間破洞中穿梭的角色小動(dòng)畫：一個(gè)雞蛋通過一個(gè)圓形的空間破洞走出來(lái)的效果。

該效果需要使用到遮罩功能，在Flash中遮罩是非常靈活多用的功能。以往的使用方法只是單純的用來(lái)劃分一個(gè)可視范圍，而現(xiàn)在制作的動(dòng)畫效果是需要遮罩內(nèi)的物體越過遮罩，所以在本動(dòng)畫中如何使遮罩內(nèi)的物體突破遮罩區(qū)域是該動(dòng)畫的一個(gè)難點(diǎn)。

由于遮罩的設(shè)定屬性非常單一，遮罩下方的物體從屬于遮罩層級(jí)內(nèi)，畫面效果只顯示遮罩范圍內(nèi)的部分。這導(dǎo)致角色的動(dòng)作完成后依舊是在遮罩內(nèi)部進(jìn)行表演，沒有達(dá)到從圓圈內(nèi)走出來(lái)的效果。

研究圖層關(guān)系之后采用了在遮罩上方單獨(dú)建立一個(gè)時(shí)間層，將需要越過遮罩部分的原件逐幀復(fù)制到遮罩上方的時(shí)間層。原遮罩層下方的動(dòng)畫還是被限制在遮罩顯示范圍內(nèi)，而遮罩層上方的動(dòng)畫與遮罩層下方被限定的動(dòng)畫采取同步播放的形式，最終在視覺效果上達(dá)到了從圓圈內(nèi)走出的動(dòng)畫效果。

3.擬態(tài)手法

巧妙運(yùn)用擬態(tài)手法，能夠極大的豐富動(dòng)畫的趣味性。同時(shí)為了區(qū)別于遮罩動(dòng)畫，在牛排套餐中加入了更多的比喻設(shè)計(jì)，從而以其他視角加強(qiáng)動(dòng)畫的視覺效果。故此，在牛排套餐動(dòng)畫中添加了眾多不同類型的食材元素，并通過擬態(tài)形式將各種元素鏈接起來(lái)。

在制作的過程中，每個(gè)小物件都通過比喻手段加強(qiáng)視覺效果，為了增加肉排的動(dòng)作設(shè)計(jì)，將毛蟲作為比喻對(duì)象。通過不同的運(yùn)動(dòng)速度和節(jié)奏區(qū)分，將小番茄比喻為快速?gòu)椛涞淖訌棧谝曈X效果上，通過此類對(duì)比的手法，將眾多的食材元素區(qū)分開的同時(shí)通過簡(jiǎn)單的卡通上色強(qiáng)化視覺效果，在快速入鏡的過程中，完好的避免了畫面內(nèi)容被鏡頭邊緣切割，使用戶體驗(yàn)得到很好的提升。

牛排動(dòng)畫是除開機(jī)界面動(dòng)畫以外最短的一個(gè)作品。它強(qiáng)調(diào)的不是小故事的劇情，而是強(qiáng)調(diào)的“時(shí)間”和“距離”控制之下的視覺效果。通過對(duì)視覺效果的處理，達(dá)到展現(xiàn)新鮮食材的目的；同時(shí)通過賦予不同的屬性，加強(qiáng)動(dòng)畫的趣味性，給予觀眾更多的想象空間。