動(dòng)漫衍生品數(shù)字展廳的設(shè)計(jì)與實(shí)現(xiàn)

1、動(dòng)漫衍生品數(shù)字展廳的設(shè)計(jì)與實(shí)現(xiàn)摘要：該文闡述了構(gòu)建動(dòng)漫衍生品數(shù)字展廳的基礎(chǔ)理論與研究思路，并在設(shè)計(jì)實(shí)踐的基礎(chǔ)上提出將視覺要素與數(shù) 字技術(shù)相結(jié)合的設(shè)計(jì)流程與實(shí)現(xiàn)方法，開發(fā)出一個(gè)動(dòng)漫衍生 品的多功能網(wǎng)絡(luò)展示平臺，以此作為虛擬現(xiàn)實(shí)技術(shù)在動(dòng)漫領(lǐng) 域應(yīng)用的初步嘗試，并提出其潛在應(yīng)用對象與發(fā)展前景。關(guān)鍵詞：動(dòng)漫衍生品；虛擬現(xiàn)實(shí)；數(shù)字展廳中圖分類t=r.號：TP37 文獻(xiàn)標(biāo)識碼： A 文章編號：1009-3044(2011)18-4448-03Design and Implementation of Digital Anime DerivativeProducts GalleryGAO Feng-yan,

2、YU Liang, WU Bin (Liaocheng University, Liaocheng 252059, China)Abstract: On the basis of design practice, it described thebasic theory and research ideas of constructing digital anime derivative products Gallery ， also proposed the design process and implementation ， combined visual elements with t

3、he digital technology. It developed a network display platform of anime derivative, as the first attempt of the application of virtual reality technology in the field of animation, and proposed their potential users and development prospects.digital gallery動(dòng)漫衍生品是指利用卡通動(dòng)漫中的原創(chuàng)人物形象，經(jīng)過專業(yè)的卡通動(dòng)漫衍生品設(shè)計(jì)師的精心設(shè)計(jì)，

4、所開發(fā)制造出的系列可供售賣的服務(wù)或產(chǎn)品。 音像制品、 電影、 書籍小說、 各種游戲、玩具、服飾、文具，等等，都能開發(fā)成動(dòng)漫衍生 品，更能以形象授權(quán)方式衍生到更廣泛的主題餐飲、漫畫咖 啡館、主題公園等旅游產(chǎn)業(yè)及服務(wù)行業(yè)等領(lǐng)域，是動(dòng)漫產(chǎn)業(yè) 鏈中非常重要的環(huán)節(jié)。虛擬現(xiàn)實(shí)（Virtual Reality，簡稱VR ）是涉及計(jì)算機(jī)圖形學(xué)、人機(jī)交互、人工智能等學(xué)科的一項(xiàng)綜合技術(shù)，也稱靈 境技術(shù)或人工環(huán)境。其目的是利用電腦模擬產(chǎn)生一個(gè)三維空 間的虛擬世界，提供使用者關(guān)于視覺、聽覺、觸覺等感官的 模擬，讓使用者如同身臨其境，打破時(shí)間限制觀察三度空間 內(nèi)的事物。經(jīng)過幾十年的發(fā)展，虛擬現(xiàn)實(shí)已經(jīng)從軍事、工業(yè) 設(shè)計(jì)，

5、走向包括游戲、展覽展示等在內(nèi)的更廣泛的生活?yuàn)蕵?領(lǐng)域，與網(wǎng)絡(luò)、多媒體并稱為 21 世紀(jì)最具應(yīng)用前景的三大 技術(shù)。本課題作為虛擬現(xiàn)實(shí)技術(shù)在動(dòng)漫領(lǐng)域應(yīng)用的一個(gè)初步嘗試，將界面設(shè)計(jì)、 Flash 應(yīng)用、三維建模、交互語言與動(dòng)漫 產(chǎn)業(yè)的廣闊市場相結(jié)合，整合形態(tài)設(shè)計(jì)、色彩設(shè)計(jì)、空間布 局等視覺要素，結(jié)合先進(jìn)的數(shù)字技術(shù)，開發(fā)出一個(gè)動(dòng)漫衍生品的多功能網(wǎng)絡(luò)展示平臺。1 理論基礎(chǔ) 如果說以往的虛擬現(xiàn)實(shí)技術(shù)考慮更多的是如何實(shí)現(xiàn)，那么，在信息時(shí)代日益深入的今天，展示形式也成為一個(gè)重要 課題。如何做到技術(shù)與藝術(shù)的完美結(jié)合、內(nèi)容與形式的有機(jī) 統(tǒng)一，或許才是我們?nèi)缃袼媾R的關(guān)鍵問題，由此確定了本 課題需要結(jié)合的基礎(chǔ)理論：

6、1) 展示設(shè)計(jì) 展示設(shè)計(jì)一種是主體為商品的綜合藝術(shù)設(shè)計(jì)。展示空間是伴隨著人類社會政治、經(jīng)濟(jì)的階段性發(fā)展逐漸形成的。在 既定的時(shí)間和空間范圍內(nèi)，運(yùn)用藝術(shù)設(shè)計(jì)語言，通過對空間 與平面的精心創(chuàng)造，使其產(chǎn)生獨(dú)特的空間范圍，不僅含有解 釋展品宣傳主題的意圖，也能使觀眾能參與其中，達(dá)到完美 溝通的目的。從商業(yè)的角度來看，展示較其他促銷手段有著 高效、直接的特點(diǎn)，在為企業(yè)提供巨大商機(jī)的同時(shí)，也為企 業(yè)節(jié)約了不少資金?，F(xiàn)代化的展示形式往往動(dòng)靜結(jié)合，巧妙的運(yùn)用幻燈、全息攝影、激光、錄像、電影、多媒體等現(xiàn)代技術(shù)、虛擬現(xiàn)實(shí) 技術(shù)，使靜態(tài)展品得到拓展，從而造成生動(dòng)活潑、氣氛熱烈 的展示環(huán)境，具有身臨其境的效果，滿足觀

7、眾的自主性。2) 動(dòng)畫設(shè)計(jì)媒體、攝影、音樂、文學(xué)等眾多藝術(shù)門類于一身，近幾年隨著國家的大力扶持而廣受關(guān)注。在此背景下，泛動(dòng)畫”理為中國美術(shù)展開辟了新的思路中國美術(shù)館從2007 年至論應(yīng)運(yùn)而生：“泛動(dòng)畫”概念下，動(dòng)畫成為一種技能，運(yùn)動(dòng) 規(guī)律、鏡頭表現(xiàn)僅僅是一種內(nèi)容的表現(xiàn)方式，是視覺形態(tài)從 文字、圖像到動(dòng)態(tài)表現(xiàn)的一種發(fā)展階段，可以融入到各行各 業(yè)中，尤其是新聞?lì)I(lǐng)域、軍事領(lǐng)域，以及建筑領(lǐng)域的虛擬現(xiàn) 實(shí)表現(xiàn)，或用動(dòng)畫來回顧、演示不可重復(fù)事件，或用動(dòng)畫來 進(jìn)行結(jié)果的預(yù)演示。3）傳播理論 加拿大著名傳播學(xué)家馬歇爾 ?麥克盧漢（ Marshall媒介即McLuhan ，19111980）曾提出著名的傳播理論

8、 人的延伸” 。他認(rèn)為，媒介是人的感覺能力的延伸或擴(kuò)展。印刷媒介是視覺的延伸，廣播是聽覺的延伸，電視則是視聽 覺的綜合延伸。每種媒介的使用都會改變?nèi)说母杏X平衡狀 態(tài)，產(chǎn)生不同的心理作用和對外部世界的認(rèn)識和反應(yīng)方式。2 研究思路 國內(nèi)虛擬現(xiàn)實(shí)技術(shù)應(yīng)用最成功、最典型的案例當(dāng)屬網(wǎng)上世博會，它通過互聯(lián)網(wǎng)、虛擬現(xiàn)實(shí)等多種技術(shù)的融合，將實(shí) 體世博會的精彩內(nèi)容，呈現(xiàn)在網(wǎng)上，同時(shí)充分利用互聯(lián)網(wǎng)的 特點(diǎn)，營造了一個(gè)訪問者和實(shí)體世博會進(jìn)行互動(dòng)的網(wǎng)絡(luò)平 臺，使上海世博會成為“永不落幕的世博會” 。該項(xiàng)技術(shù)也今依次完成的“從提香到戈雅普拉多博物館藏藝術(shù)珍品展”、“盛世和光敦煌藝術(shù)大展” 、“耕耘與奉獻(xiàn) ?D?D 吳冠

9、中捐贈作品展” 、“泰特美術(shù)館藏透納繪畫珍品展，開虛擬展廳之先河，帶給觀眾更為強(qiáng)烈的現(xiàn)場感與參與感。通過借鑒以上案例，做好展廳功能區(qū)塊的劃分，借鑒購物廣場分樓層擺放商品的模式，設(shè)計(jì)出一種模擬商場樓層的 展廳架構(gòu)(如圖 1)：1) 首頁： 設(shè)置為一個(gè)簡單的二維動(dòng)畫， 簡要介紹展廳功能，設(shè)置樓層導(dǎo)引，類似于商場的門廳。2) 一樓： 圖書漫畫板塊。 采用圖片與二維動(dòng)畫相結(jié)合的方式，融合電子書的設(shè)計(jì)概念，受眾可以通過網(wǎng)絡(luò)交互挑選自己喜愛的漫畫圖書進(jìn)行試讀。3) 二樓： 玩具文具板塊。維或三維交互設(shè)計(jì)， 物品隨機(jī)擺放，受眾可以通過鼠標(biāo)點(diǎn)擊進(jìn)行重新布局或“拾起”玩 具，讓挑選過程像游戲一樣有趣，意在通過情

10、感訴求打動(dòng)潛在消費(fèi)者。4) 三樓： 服裝服飾板塊。受眾在此可以挑選自己喜愛的服裝、飾品，選擇不同的號碼、顏色，并通過三維人體模型進(jìn)行試穿。5) 四樓： 影像視頻板塊。通過視頻片段的融入， 推介優(yōu)秀動(dòng)畫片，增強(qiáng)網(wǎng)絡(luò)展廳的休閑娛樂功能。6) 五樓：角色模型板塊。實(shí)現(xiàn)對卡通角色的360全方位查看，使受眾能夠更加細(xì)致地了解展品的特色和品質(zhì)。7) 末頁： 公布商家信息、 接納用戶回饋， 搭建商家與用戶的交流平臺。3 技術(shù)與實(shí)現(xiàn) 數(shù)字展廳的構(gòu)建是基于現(xiàn)實(shí)展廳的特點(diǎn)， 采用 3ds MAX軟件制作三維界面與三維模型， 運(yùn)用 flash 強(qiáng)大的交互功能實(shí) 現(xiàn)樓層的分布和商品的互動(dòng)展示，最后通過 DreamWe

11、aver動(dòng)態(tài)網(wǎng)頁技術(shù)完成與受眾的互動(dòng)交流。在本例中，基本設(shè)計(jì) 流程圖如圖 2。3.1 二維部分包括整體架構(gòu)的建立、展品分類與布局，界面效果圖設(shè)計(jì)等等，使用的主要軟件為：Illustrator、Photoshop,并通過 Dreamweaver 的 CSS 完成網(wǎng)頁布局。 考慮到動(dòng)漫衍生品數(shù) 字展廳所針對的受眾主要是廣大的動(dòng)漫愛好者，以青少年為 主，在界面設(shè)計(jì)與色彩搭配方面確定了清新、活潑的格調(diào)， 窗口飾以生機(jī)勃勃的綠色藤蔓，不同樓層的背景分別選用粉 紅、粉黃、粉藍(lán)等可愛而具有親和力的色調(diào)，使得樓層間易 于區(qū)分，同時(shí)增強(qiáng)了展廳的層次感、趣味性和對受眾的吸引 力。3.2 三維部分 包括虛擬展廳場景

12、的制作，動(dòng)漫衍生產(chǎn)品三維數(shù)據(jù)庫的建立。在本例中，三維場景主要體現(xiàn)在通過三維建模、陰影設(shè)置和色彩效果營造的三維窗口上。三維角色模型重建可以 通過建模渲染或三維掃描的方式完成，本例中采用了建模渲染方式，主要步驟如下：1) 在 3DS MAX中構(gòu)建角色模型（如圖3）；2） 添加材質(zhì)、燈光，使模型更真實(shí)、細(xì)膩；3）導(dǎo)入到 Swift 3D （能夠構(gòu)建模型， 并渲染 SWF 文件，中渲染，充分彌補(bǔ)了 FLASH 在三維動(dòng)畫效果制作上的不足） 完成動(dòng)畫制作，輸出 .swf 格式的動(dòng)畫片段。3.3 動(dòng)畫交互 目前，網(wǎng)絡(luò)上的三維虛擬環(huán)境都需要安裝第三方插件才能夠顯示，而且速度慢、等待時(shí)間長，這是受眾在瀏覽網(wǎng)頁

13、 時(shí)所不愿意碰到的。在本例中，為了避免這種情況，讓受眾 在不安裝第三方插件的情況下就可以查看三維情境，采用了Action Script 3.0 和 XML 兩種交互語言來實(shí)現(xiàn)，使網(wǎng)站的擴(kuò) 展性和維護(hù)性得到了大大的提高。Action Script 是針對 Adobe Flash Player 運(yùn)行環(huán)境的編程語言，在 Flash 內(nèi)容和應(yīng)用程序中實(shí)現(xiàn)了交互性、數(shù)據(jù)處 理以及其它許多功能。而 Action Script 3.0 的腳本編寫功能 超越了 Action Script 的早期版本，更易于創(chuàng)建擁有大型數(shù)據(jù) 集和面向?qū)ο蟮目芍赜么a庫的高度復(fù)雜應(yīng)用程序。擴(kuò)展標(biāo) 記語言 XML 是 Intern

14、et 環(huán)境中跨平臺的、 依賴于內(nèi)容的技術(shù)， 是當(dāng)前處理結(jié)構(gòu)化文檔信息的有力工具。它是一種簡單的數(shù)據(jù)存儲語言，使用一系列簡單的標(biāo)記描述數(shù)據(jù)，而這些標(biāo)記 可以方便地建立，雖然 XML 比二進(jìn)制數(shù)據(jù)要占用更多的空 間，但它極其簡單，易于掌握和使用。具體實(shí)施步驟如下：1） 將前面完成的三維動(dòng)畫片段以序列幀的形式導(dǎo)入flash，添加Action Seri pt 3.0代碼鏈接，實(shí)現(xiàn)三維模型的 360瀏覽（如圖 4）；2） 在 Flash 中分別制作各樓層的二維動(dòng)態(tài)展示效果，添加背景音樂、音效以及視頻，輸出 .swf 格式文件。樓層間的 切換同樣仿照商場觀光電梯的視覺效果，通過 Flash 動(dòng)畫設(shè) 置出滑

15、動(dòng)、跳躍的感覺，更具趣味性。3） 將制作好的 flash 文件發(fā)布為 html 的瀏覽器格式， 并在 Dreamweaver 中安排界面布局，設(shè)有企業(yè)信息層、用戶回 產(chǎn)品環(huán)視圖、 交互式物品陳列等為內(nèi)容的展廳設(shè)計(jì) （如圖 5、饋欄等內(nèi)容。最終完成以圖、文、聲、視頻、動(dòng)畫、360圖 6）。圖 5 玩具文具層展示效果 圖 6 影像視頻層播放效果4 總結(jié)與展望 數(shù)字展廳既可作為傳統(tǒng)展廳的補(bǔ)充和延伸，打破時(shí)間、空間的限制，實(shí)現(xiàn) 24 小時(shí)的展示，亦可單獨(dú)應(yīng)用，從而減 少實(shí)體展廳的投入費(fèi)用，是科技發(fā)展到今天必不可少的展示 方式。以本課題開發(fā)的動(dòng)漫衍生品數(shù)字展廳為例，其潛在應(yīng)用對象就包括動(dòng)漫節(jié)展主辦方、動(dòng)

16、漫企業(yè)、動(dòng)畫院校、幼兒 園等企事業(yè)單位。對主辦方而言，以文字、圖片、視頻、 維場景和三維物品等形式陳列商品、展示作品，充分利用互 聯(lián)網(wǎng)的傳播優(yōu)勢擴(kuò)大宣傳，更易于引導(dǎo)消費(fèi)，捕捉商機(jī)，擴(kuò)大宣傳；對廣大受眾而言，足不出戶就可以更真實(shí)地接觸到更多的產(chǎn)品、作品，富了上網(wǎng)體驗(yàn)，節(jié)約了外出費(fèi)用。數(shù)字展廳在動(dòng)漫領(lǐng)域的發(fā)展?jié)摿κ蔷薮蟮?，但仍存在著許多尚未解決的理論問題和尚未克服的技術(shù)障礙。如何做到 藝術(shù)與技術(shù)的完美融合，是問題的關(guān)鍵之一。本課題中仍有 諸多不盡人意之處，在接下來的實(shí)踐中將進(jìn)一步改進(jìn)。參考文獻(xiàn)：1 張永春 .虛擬現(xiàn)實(shí)技術(shù)在博物館的應(yīng)用探討 J. 中國信息界 ,2010(7).2 陳紅娟 .基于網(wǎng)絡(luò)的虛擬展廳的構(gòu)建與應(yīng)用研究J.陜西科技大學(xué)學(xué)報(bào) ,2010(6).3 田海山 .基于 Web 的虛擬展廳的設(shè)計(jì)與實(shí)現(xiàn)