交互式電子書的動(dòng)畫應(yīng)用及其實(shí)現(xiàn)途徑

宋丹

內(nèi)容摘要：隨著時(shí)代的發(fā)展，數(shù)字動(dòng)終端已然開(kāi)啟了新媒體的時(shí)代，數(shù)字化的查閱和傳輸形式正在改變著人們生活方式。任何藝術(shù)形式都應(yīng)該順應(yīng)時(shí)代，迎合觀賞者的習(xí)慣和喜好，才能不斷延續(xù)和擴(kuò)展自身的生命力。現(xiàn)今的動(dòng)畫教育大部分仍是以視頻傳播為媒介的傳統(tǒng)形式，本文以平板電腦為媒介，研究傳統(tǒng)動(dòng)畫形式移植到新媒體上的設(shè)計(jì)和模式，提出實(shí)現(xiàn)途徑和方法，并將理論轉(zhuǎn)化為實(shí)踐。該研究對(duì)動(dòng)畫教學(xué)及動(dòng)畫傳播方向的探索有較大的參考價(jià)值。

關(guān)健詞：電子書 動(dòng)畫 應(yīng)用

2012年，由moonbot studio工作室制作完成的動(dòng)畫短篇作品《神奇飛書（the fantastic flying books of mr.morris lessmore）》，獲得了當(dāng)年的奧斯卡短篇?jiǎng)赢嫶螵?jiǎng)，這個(gè)作品與以往制作動(dòng)畫的獨(dú)立策劃方式不同，是用一個(gè)故事內(nèi)容，完成了動(dòng)畫片，故事書讀本，以及互動(dòng)電子書應(yīng)用的發(fā)布。比起動(dòng)畫本身，互動(dòng)電子書的推出收到了更多的關(guān)注和好評(píng)。《神奇飛書》的成功，對(duì)動(dòng)畫短篇?jiǎng)?chuàng)作與新媒體結(jié)合方向給與了啟發(fā)。實(shí)現(xiàn)動(dòng)畫在交互電子書上的轉(zhuǎn)化和發(fā)布，即移植傳統(tǒng)動(dòng)畫到新媒體上，短片的動(dòng)畫創(chuàng)意就可以選擇在新媒體平臺(tái)下進(jìn)行推廣，一些好的作品還能夠獲得收益。

一.研究模式

1.項(xiàng)目背景

動(dòng)畫是主流藝術(shù)形式中的一種，隨著電視、電影、電腦等主流媒體形式的進(jìn)化，動(dòng)畫藝術(shù)與其融合并和諧的發(fā)展下來(lái)。傳統(tǒng)的動(dòng)畫創(chuàng)作一直以來(lái)都有人力和金錢投入較大，消費(fèi)市場(chǎng)相對(duì)局限，消費(fèi)人群相對(duì)固定的特點(diǎn)。如今，平板電腦和智能手機(jī)等新媒體，催生了新媒體動(dòng)畫的發(fā)展。新媒體動(dòng)漫的發(fā)生離不開(kāi)兩個(gè)因素的影響，一是網(wǎng)絡(luò)傳播技術(shù)的成熟與普及，二是新型動(dòng)漫制作軟件的開(kāi)發(fā)。[1]

互動(dòng)電子書作為有觸控功能新媒體上的一種重要形式，以其極好的用戶感官和體驗(yàn)性，從一開(kāi)始就獲得了廣泛的認(rèn)可和好評(píng)。因?yàn)樗梢粤己玫娜诤衔淖郑曇簦瑘D像，影像，網(wǎng)頁(yè)，交互等內(nèi)容于一身，與不同的藝術(shù)形式結(jié)合，還可以生成為游戲書，電影書，漫畫書，畫冊(cè)等各種類型的數(shù)字化產(chǎn)物。電子書雖然還被叫做“書”，但是已經(jīng)遠(yuǎn)遠(yuǎn)超越了傳統(tǒng)的書的概念，被看作是所有其他數(shù)字文件形式的合成物，是各種領(lǐng)域的藝術(shù)家們都可以創(chuàng)作和發(fā)揮的舞臺(tái)。

將動(dòng)畫轉(zhuǎn)化為互動(dòng)電子書，較于其他行業(yè)有與生俱來(lái)的優(yōu)勢(shì)。動(dòng)畫在設(shè)計(jì)和制作階段已經(jīng)完成了情節(jié)制造，畫面風(fēng)格設(shè)計(jì)，動(dòng)作設(shè)計(jì)，鏡頭設(shè)計(jì)等一系列設(shè)計(jì)和美工的工序，對(duì)于一個(gè)具有情節(jié)內(nèi)容和獨(dú)特互動(dòng)行為的電子書，即滿足了素材組織上大部分的需要，如此在基礎(chǔ)素材方面的儲(chǔ)備是任何其他領(lǐng)域辦不到的。動(dòng)畫創(chuàng)作者可以經(jīng)過(guò)簡(jiǎn)單處理和重新組織這些已有的動(dòng)畫源文件，將其轉(zhuǎn)化為在平板電腦上觀看的互動(dòng)電子書，這對(duì)于動(dòng)畫專業(yè)的學(xué)生的在理論上和實(shí)際應(yīng)用中都有極大的意義。

2.互動(dòng)式電子書的制作工具

隨著數(shù)字出版業(yè)的改革的浪潮，各類第三方數(shù)字出版解決方案應(yīng)運(yùn)而生。本文基于個(gè)人創(chuàng)作完成的短片動(dòng)畫，使用平板電腦上運(yùn)行的的app軟件demibooks composer來(lái)進(jìn)行實(shí)際的操作和實(shí)踐，理由是這類軟件可以使創(chuàng)作者專注于設(shè)計(jì)與整合已有的動(dòng)畫效果，回避圖像創(chuàng)作人員不擅長(zhǎng)的計(jì)算機(jī)編程內(nèi)容，相較于其他軟件更容易上手和操作。

demibooks composer是demibooks公司開(kāi)發(fā)的基于ipad來(lái)創(chuàng)建交互式電子書的一款app，旗下包括composer，storytiomes兩大應(yīng)用，分別應(yīng)用于制作和發(fā)行。Composer的使用方法是通過(guò)itunes從電腦上導(dǎo)入聲音，圖像、動(dòng)畫等素材到ipad中，在ipad上整合資源進(jìn)行制作，可以較為精細(xì)的設(shè)置圖片、文本、動(dòng)畫、電影、視覺(jué)效果、重力學(xué)等多樣的可視化互動(dòng)形式。利用ipad的觸碰界面直接將動(dòng)畫效果制作于ipad平板電腦，并在ipad平板電腦上時(shí)時(shí)檢驗(yàn)做出來(lái)的效果。Composer的界面簡(jiǎn)單，并且所有設(shè)置全部按鈕式的選擇方式，可以設(shè)置非常豐富的動(dòng)畫效果。demibooks目前與全球很多學(xué)校和機(jī)構(gòu)建立了合作關(guān)系，致力于解決各類互動(dòng)創(chuàng)意及故事表現(xiàn)。

二.交互式電子書的框架與實(shí)現(xiàn)

1.框架設(shè)計(jì)

本研究以《神奇飛書》為參考，互動(dòng)式電子書的框架設(shè)計(jì)可得出如下模型。包括app圖標(biāo)，首頁(yè)，側(cè)邊菜單，內(nèi)頁(yè)內(nèi)容，目錄頁(yè)。具體為通過(guò)app圖標(biāo)進(jìn)入首頁(yè)，在首頁(yè)點(diǎn)擊有開(kāi)啟閱讀模式的圖標(biāo)進(jìn)入具體的觀閱模式，在內(nèi)頁(yè)每一頁(yè)右下角安放工作室的logo標(biāo)志，觀閱者用手指點(diǎn)擊logo，右側(cè)彈出隱藏側(cè)邊菜單，分別對(duì)應(yīng)首頁(yè)，分頁(yè)，閱讀，音效，音樂(lè)，文字，語(yǔ)言，并使用形象的符號(hào)圖標(biāo)表示。點(diǎn)擊首頁(yè)里的目錄圖標(biāo)，所有頁(yè)面的略縮圖排列出來(lái)，觀閱者可以任意點(diǎn)擊進(jìn)入到其中，并從點(diǎn)擊的那頁(yè)繼續(xù)向后觀看。

2.互動(dòng)模式

交互式電子書在操作上有點(diǎn)，拖，掃，搖等多種方式，根據(jù)故事內(nèi)容的發(fā)展，以互動(dòng)圖像故事表現(xiàn)內(nèi)容來(lái)帶動(dòng)觀看者的興趣，并且可以同一片段反復(fù)賞玩。

1）點(diǎn)：使用單個(gè)手指對(duì)屏幕進(jìn)行點(diǎn)擊。可作為觸發(fā)各種交互狀況下的開(kāi)關(guān)。

2）拖：使用手指點(diǎn)擊屏幕上某處，在手指不離開(kāi)屏幕的狀態(tài)下向著某一個(gè)方向滑動(dòng)，可用于將畫面中的某一項(xiàng)元素進(jìn)行位置上的移動(dòng)。

3）掃：使用手指點(diǎn)擊屏幕上的某處，在手指不離開(kāi)屏幕的狀態(tài)下向著不同方向來(lái)回的滑動(dòng)。用于表現(xiàn)擦除效果及其他特殊用途。

4）搖：雙手托起平板電腦，向著不同方向來(lái)回晃動(dòng)。用于表現(xiàn)失重狀態(tài)及漂浮狀態(tài)時(shí)候的各種狀況。

3.操作方法

composer的使用界面非常直觀，可分為1 編輯菜單；2 素材內(nèi)容；3 目錄 三大塊。

1.編輯菜單：素材導(dǎo)入，將素材逐個(gè)設(shè)立屬性，調(diào)整大小，透明度，行為方式，動(dòng)畫的進(jìn)出方式等，設(shè)置動(dòng)作內(nèi)容的時(shí)候使用。

2.素材內(nèi)容：將已導(dǎo)入的素材進(jìn)行可視化的調(diào)整和移動(dòng)。可以很直觀的排列圖片的位置和順序。

3.目錄菜單：按照順序排放頁(yè)面和標(biāo)題，可以隨時(shí)調(diào)整他們的順序和鏈接方式。

整個(gè)導(dǎo)入和制作過(guò)程中，可以隨時(shí)點(diǎn)擊編輯菜單右面的播放按鈕，時(shí)時(shí)檢驗(yàn)設(shè)置的動(dòng)畫效果。

三.實(shí)現(xiàn)方法

本文是將已完成的動(dòng)畫短片資源進(jìn)行再利用的交互電子書實(shí)踐研究，選用的素材是本人自己的原創(chuàng)動(dòng)畫《promise》，將其中的制作源文件備用為已有的素材資源。制作軟件為在ipad 上運(yùn)行的 demibooks composer應(yīng)用軟件。操作硬件為ipad平板電腦及蘋果電腦。

第一步，重新設(shè)計(jì)和制作e-book的UI界面

UI指的是用戶的操作界面，UI設(shè)計(jì)主要指界面的樣式、操作邏輯、界面美觀的整體設(shè)計(jì)。本設(shè)計(jì)中包括icon按鈕，首頁(yè)，目錄頁(yè)，使用說(shuō)明頁(yè)，語(yǔ)言選擇頁(yè)，以及每頁(yè)相應(yīng)的按鈕圖樣，將這些元素按照相應(yīng)的排列形勢(shì)儲(chǔ)存為png的圖片形式。設(shè)計(jì)中要注意UI的風(fēng)格及色彩要始終與其實(shí)際內(nèi)容相一致，避免出現(xiàn)前后風(fēng)格脫節(jié)的設(shè)計(jì)，一套好的UI頁(yè)面是吸引讀者觀看的第一步。

第二步，在軟件中建立一個(gè)新的項(xiàng)目，設(shè)定互動(dòng)電子書的名字及規(guī)格。軟件中有針對(duì)ipad平臺(tái)專門的數(shù)值設(shè)定，這部分內(nèi)容只要根據(jù)軟件中對(duì)應(yīng)的新建內(nèi)容相應(yīng)設(shè)置即可。

第三部，內(nèi)容組合。首先導(dǎo)入無(wú)需活動(dòng)的背景圖片，既導(dǎo)入png形式的UI設(shè)計(jì)圖片，并設(shè)置其指定區(qū)域的因果聯(lián)系，鏈接至至其他關(guān)聯(lián)頁(yè)面。如圖依次為閱讀，目錄頁(yè)，語(yǔ)言，幫助。

第四步，逐步整理各個(gè)內(nèi)頁(yè)。先要將已有的整個(gè)動(dòng)畫故事劃分為多個(gè)部分用于制作互動(dòng)電子書中的頁(yè)。每頁(yè)的素材和內(nèi)容是不相同的，將不動(dòng)的圖片和運(yùn)動(dòng)的動(dòng)畫部分單獨(dú)命名儲(chǔ)存并導(dǎo)入到Composer。組合文字，動(dòng)畫等元素組合，按照屬性編輯框中的提示給予指令設(shè)置。

當(dāng)一頁(yè)中所需的內(nèi)容素材齊全時(shí)，創(chuàng)作者需要重新劃分和整理這些內(nèi)容，進(jìn)行新的排列，并填補(bǔ)文字部分，開(kāi)始查漏補(bǔ)缺的二次創(chuàng)作。動(dòng)畫的整套動(dòng)作可以從原動(dòng)畫文件中序列取出，再被壓縮導(dǎo)入，極大的提高了動(dòng)畫短片原作中的素材利用率。

以其中一個(gè)頁(yè)為例，該段內(nèi)容為：豬坐在桌子前眨眼，當(dāng)觀看者點(diǎn)擊屏幕后，有一雙手端著盤吃的送到豬面前，同時(shí)豬變得開(kāi)心揮手。這段內(nèi)容中包含三個(gè)動(dòng)畫序列圖片：1.豬眨眼；2.一雙手端盤子送入3.豬變得開(kāi)心。

將背景及這三段動(dòng)畫的序列圖片壓縮包導(dǎo)入后置于正確的相應(yīng)位置，再進(jìn)行行為指定設(shè)置，順序?yàn)椤包c(diǎn)擊”1后，2和3的動(dòng)畫立即開(kāi)始行為。進(jìn)行正確的導(dǎo)入和參數(shù)設(shè)置，便可以得到想要的互動(dòng)效果。

其次，除了最常見(jiàn)的點(diǎn)擊，軟件內(nèi)還設(shè)置有終止時(shí)間，動(dòng)畫速度，循環(huán)設(shè)置，自動(dòng)再現(xiàn)，角度變化及重力設(shè)置等眾多物理性質(zhì)的動(dòng)畫設(shè)置，基本覆蓋了常見(jiàn)的互動(dòng)電子書效果，并且在制作的過(guò)程中，可以時(shí)時(shí)的退出制作，檢閱動(dòng)畫設(shè)置的觀看效果，可以用于時(shí)時(shí)調(diào)整設(shè)置動(dòng)畫的速度，時(shí)間，觀看者反饋等。創(chuàng)作者不僅可以設(shè)計(jì)簡(jiǎn)單的互動(dòng)動(dòng)畫，還可以制作有互動(dòng)的游戲，豐富畫面及內(nèi)容。

最后，當(dāng)完成了其他所有頁(yè)的內(nèi)容安排和動(dòng)畫設(shè)置以后，經(jīng)過(guò)反復(fù)的調(diào)試和觀看，經(jīng)檢查無(wú)誤，便可以直接從composer軟件設(shè)定中直接進(jìn)行上傳和發(fā)布的操作，其方法等同于其他同類app應(yīng)用的發(fā)布方式，在這里不做細(xì)說(shuō)。

四.結(jié)論

隨著全球數(shù)字化大發(fā)展，動(dòng)畫的優(yōu)勢(shì)在各個(gè)領(lǐng)域中逐漸深入，動(dòng)畫方向的從業(yè)者及學(xué)生同樣要在這張的大環(huán)境中成長(zhǎng)和變化。平板電腦中較好的交互效果需要投入大量的時(shí)間和精力來(lái)調(diào)試，對(duì)于圖像藝術(shù)創(chuàng)作者來(lái)說(shuō)，編程成為了最大的障礙。使用第三方軟demibooks的composer很好的解決了這個(gè)問(wèn)題，使制作者可以更專心的作業(yè)于設(shè)計(jì)和美術(shù)，而不用耗費(fèi)大量時(shí)間去研究呈現(xiàn)的技術(shù)。經(jīng)過(guò)實(shí)驗(yàn)和測(cè)驗(yàn)，composer可以實(shí)現(xiàn)大部分交互電子書的動(dòng)畫表現(xiàn)效果，創(chuàng)作者使用此類方式，不僅可以將已有作品經(jīng)過(guò)不復(fù)雜的改裝完成完成一個(gè)新的作品，還可以在此基礎(chǔ)上進(jìn)行二次創(chuàng)作制作出更精彩的互動(dòng)作品。

本研究以平板電腦為媒介設(shè)計(jì)并實(shí)驗(yàn)交互式電子書的的動(dòng)畫應(yīng)用，以自己的實(shí)際創(chuàng)作來(lái)制作和實(shí)現(xiàn)，既可以成為較好的再創(chuàng)作途徑，也可以作為一種高效的教學(xué)資源。本研究的后續(xù)研究將仍以“交互式電子書的動(dòng)畫應(yīng)用”為題材，創(chuàng)作和開(kāi)發(fā)出實(shí)際的作品。

注 釋

[1]羅丹，技術(shù)與藝術(shù)的重逢-新媒體動(dòng)漫的傳播特質(zhì)與發(fā)展態(tài)勢(shì)，長(zhǎng)沙理工大學(xué)學(xué)報(bào)，第27卷第1期，2012年1月

（作者單位：上海建橋?qū)W院）