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

宋丹

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

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

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

一.研究模式

1.項目背景

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

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

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

2.互動式電子書的制作工具

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

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

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

1.框架設(shè)計

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

2.互動模式

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

1）點：使用單個手指對屏幕進(jìn)行點擊?？勺鳛橛|發(fā)各種交互狀況下的開關(guān)。

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

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

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

3.操作方法

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

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

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

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

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

三.實現(xiàn)方法

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

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

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

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

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

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

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

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

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

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

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

四.結(jié)論

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

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

注 釋

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

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