交互式電子書的動畫應用及其實現途徑

宋丹

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

關健詞：電子書 動畫 應用

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

一.研究模式

1.項目背景

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

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

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

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

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

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

二.交互式電子書的框架與實現

1.框架設計

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

2.互動模式

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

1）點：使用單個手指對屏幕進行點擊。可作為觸發各種交互狀況下的開關。

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

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

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

3.操作方法

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

1.編輯菜單：素材導入，將素材逐個設立屬性，調整大小，透明度，行為方式，動畫的進出方式等，設置動作內容的時候使用。

2.素材內容：將已導入的素材進行可視化的調整和移動。可以很直觀的排列圖片的位置和順序。

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

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

三.實現方法

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

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

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

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

第三部，內容組合。首先導入無需活動的背景圖片，既導入png形式的UI設計圖片，并設置其指定區域的因果聯系，鏈接至至其他關聯頁面。如圖依次為閱讀，目錄頁，語言，幫助。

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

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

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

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

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

最后，當完成了其他所有頁的內容安排和動畫設置以后，經過反復的調試和觀看，經檢查無誤，便可以直接從composer軟件設定中直接進行上傳和發布的操作，其方法等同于其他同類app應用的發布方式，在這里不做細說。

四.結論

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

本研究以平板電腦為媒介設計并實驗交互式電子書的的動畫應用，以自己的實際創作來制作和實現，既可以成為較好的再創作途徑，也可以作為一種高效的教學資源。本研究的后續研究將仍以“交互式電子書的動畫應用”為題材，創作和開發出實際的作品。

注 釋

[1]羅丹，技術與藝術的重逢-新媒體動漫的傳播特質與發展態勢，長沙理工大學學報，第27卷第1期，2012年1月

（作者單位：上海建橋學院）