“入畫(huà)”：李可染中國(guó)畫(huà)新媒體藝術(shù)互動(dòng)設(shè)計(jì)

□ 黎夢(mèng)茹 喻晨薇 黃如民

數(shù)字媒體藝術(shù)能賦予傳統(tǒng)文化多樣化且充滿創(chuàng)意的傳播形式，給傳統(tǒng)藝術(shù)增添新的魅力。中國(guó)傳統(tǒng)水墨畫(huà)蘊(yùn)含著“意境與虛實(shí)”的美學(xué)理念，創(chuàng)作者可將數(shù)字媒體藝術(shù)與傳統(tǒng)水墨畫(huà)巧妙結(jié)合，找出共有特點(diǎn)加以提煉進(jìn)行藝術(shù)融合，把傳統(tǒng)與現(xiàn)代相互融合，從傳統(tǒng)水墨畫(huà)中汲取更多的優(yōu)秀元素，豐富數(shù)字媒體藝術(shù)的文化內(nèi)涵。

一、國(guó)外新媒體藝術(shù)發(fā)展趨勢(shì)分析

當(dāng)前，國(guó)內(nèi)數(shù)字媒體藝術(shù)的應(yīng)用還處于發(fā)展當(dāng)中，而國(guó)外數(shù)字媒體藝術(shù)運(yùn)用則已經(jīng)較為廣泛且十分成熟，特別是在移動(dòng)電子設(shè)備迅猛發(fā)展的當(dāng)下，互聯(lián)網(wǎng)使受眾有了更多欣賞藝術(shù)作品的機(jī)會(huì)和方式，觀看藝術(shù)展覽的方式發(fā)生了巨大的改變。在有良好的發(fā)展環(huán)境的情況下，“新媒體”這一新興行業(yè)打破了空間的壁壘，拓寬了人們的眼界，為數(shù)字媒體的發(fā)展提供了條件。

事實(shí)上，各國(guó)政府都有相應(yīng)的政策支持?jǐn)?shù)字媒體藝術(shù)產(chǎn)業(yè)的發(fā)展，并且這已經(jīng)成為展示各國(guó)文化軟實(shí)力的重要途徑。例如，英國(guó)數(shù)字傳媒技術(shù)產(chǎn)業(yè)就占英國(guó)生產(chǎn)總值的約百分之八，同時(shí)英國(guó)政府還制定了專(zhuān)門(mén)的政治經(jīng)濟(jì)政策來(lái)引導(dǎo)數(shù)字傳媒藝術(shù)與科技產(chǎn)業(yè)的蓬勃發(fā)展。美國(guó)政府也加大了對(duì)數(shù)字媒體藝術(shù)產(chǎn)業(yè)的投資，比如，國(guó)外的大型視頻平臺(tái)YouTube，以及好萊塢、迪士尼和網(wǎng)飛等也都是美國(guó)公司的產(chǎn)品，這些平臺(tái)的影響力和產(chǎn)生出的巨大利潤(rùn)是難以想象的。日本的數(shù)字媒體技術(shù)也在全球范圍內(nèi)有不小的影響力，日本新媒體領(lǐng)域的發(fā)展離不開(kāi)本國(guó)的文化藝術(shù)，且精準(zhǔn)把握住了發(fā)展機(jī)會(huì)，并且迅速占領(lǐng)了市場(chǎng)。

科技的迅猛發(fā)展使數(shù)字媒體藝術(shù)產(chǎn)生了多個(gè)分支，同時(shí)也誕生了類(lèi)型多樣的藝術(shù)形式。例如，洛杉磯藝術(shù)家尼爾·門(mén)多薩為匹茲堡兒童博物館所創(chuàng)作的“Mechanical Masterpieces”，可以讓游客利用裝置與藝術(shù)作品產(chǎn)生互動(dòng)；日本的Teamlab 藝術(shù)館用CG 技術(shù)把浮世繪、漢字等相融合，當(dāng)感應(yīng)到游客靠近CG 畫(huà)面就會(huì)發(fā)生變化。這些設(shè)計(jì)將現(xiàn)代科技與傳統(tǒng)欣賞方式相融合，并以一種新興的方式向大眾呈現(xiàn)，利用數(shù)字媒體藝術(shù)改變受眾的欣賞方式，利用受眾的好奇心理來(lái)增加他們對(duì)傳統(tǒng)藝術(shù)或某方面的注意力和興趣度，滿足受眾更高水平的審美需要。

當(dāng)前，數(shù)字媒體藝術(shù)在我國(guó)正處于發(fā)展階段，雖然我國(guó)有眾多優(yōu)秀的傳統(tǒng)文化，但許多傳統(tǒng)文化并未與數(shù)字媒體藝術(shù)相結(jié)合。因此，要想發(fā)展好我國(guó)的數(shù)字媒體藝術(shù)，我們要有文化自信，讓傳統(tǒng)文化與數(shù)字媒體藝術(shù)巧妙結(jié)合，讓更多國(guó)家的人了解我國(guó)的優(yōu)秀傳統(tǒng)文化，為我國(guó)的新媒體藝術(shù)設(shè)計(jì)提供源源不斷的動(dòng)力。

綜上，本研究希望將數(shù)字媒體藝術(shù)與李可染的傳統(tǒng)水墨畫(huà)相結(jié)合，把握住數(shù)字媒體藝術(shù)的特點(diǎn)，為受眾營(yíng)造出全新的感官體驗(yàn)，將傳統(tǒng)畫(huà)作不再僅僅局限于二維，而是從靜態(tài)轉(zhuǎn)變?yōu)閯?dòng)態(tài)。受眾只要通過(guò)雙指移動(dòng)就可以自如地放大或縮小畫(huà)面，這能帶給受眾一種身在畫(huà)中的感覺(jué)，使受眾更深刻地了解畫(huà)中作者的所思所想。運(yùn)用這種方式可以更加突出畫(huà)作特點(diǎn)，突出原有畫(huà)作經(jīng)典和魅力之處。同時(shí)，受眾可以通過(guò)掃描二維碼更加方便地欣賞畫(huà)作，隨時(shí)隨地觀看。

二、李可染畫(huà)作素材收集與分解

（一）李可染畫(huà)作特點(diǎn)分析

要了解李可染的畫(huà)作特點(diǎn)，需要收集李可染主要繪畫(huà)作品，通過(guò)深入觀察畫(huà)作的繪畫(huà)細(xì)節(jié)，探究畫(huà)作所代表的典型風(fēng)格，選取畫(huà)作場(chǎng)景和物體進(jìn)行臨摹，仔細(xì)感受李可染的畫(huà)作筆觸。李可染先生的畫(huà)作筆鋒瀟灑，作品風(fēng)格不同于過(guò)去的傳統(tǒng)水墨畫(huà)，他立志于在水墨畫(huà)中融入全新的時(shí)代精神，將中西技法相結(jié)合，開(kāi)創(chuàng)了水墨畫(huà)的新時(shí)代。

（二）李可染畫(huà)作分類(lèi)與分解

在分析李可染畫(huà)作特點(diǎn)的基礎(chǔ)上，我們可將收集到的李可染主要畫(huà)作進(jìn)行典型元素提取，并且進(jìn)行初步分類(lèi)工作，方便之后利用這些元素豐富新媒體創(chuàng)作。我們?cè)诜诸?lèi)時(shí)還能找到相同場(chǎng)景，如與山和船的共同點(diǎn)，通過(guò)這些共同點(diǎn)可以更加深入地了解李可染的繪畫(huà)特點(diǎn)，這樣可以在數(shù)字媒體轉(zhuǎn)化過(guò)程中，更好地體現(xiàn)出李可染畫(huà)作的精彩之處。

李可染先生游歷過(guò)不少名山大川，留下了許多各地風(fēng)景畫(huà)，但最著名的還是他的漓江山水。李可染先生最出名的漓江畫(huà)作莫過(guò)于《漓江勝景圖》，而《漓江紀(jì)游圖》雖不及前者出名，但意境和漓江的山水風(fēng)光卻不亞于前者。因此在本研究中，把李可染的《漓江紀(jì)游圖》《漓江勝景圖》和《觀瀑圖》這三幅畫(huà)作進(jìn)行拆分，再重新進(jìn)行組合，為之后的新媒體藝術(shù)互動(dòng)設(shè)計(jì)作品做好充足的材料準(zhǔn)備。

三、李可染畫(huà)作全景圖與UI設(shè)計(jì)制作

（一）360 全景圖制作

制作360 全景圖需要把豎構(gòu)圖和橫構(gòu)圖的原畫(huà)素材重新排列，組合成符合全景圖要求的4056×2048px 的圖片，因把豎構(gòu)圖轉(zhuǎn)變?yōu)闄M構(gòu)圖時(shí)會(huì)顯得圖片和原畫(huà)相比在意境和完整性上有所缺失，所以要在轉(zhuǎn)變畫(huà)作的基礎(chǔ)上進(jìn)行一定的添加，讓畫(huà)面變得更加完整。組成圖片后則運(yùn)用Photoshop軟件控制圖片的變形情況，使圖片在呈現(xiàn)時(shí)不變形。

例如，在制作《觀瀑圖》的過(guò)程中，是將兩幅畫(huà)拼接出來(lái)的，分為上半部分的山和瀑布，以及下半部分的橋、行人和樹(shù)，運(yùn)用李可染多幅山水畫(huà)素材加以組合。李可染畫(huà)中山水講究前實(shí)后虛，前面的山脈使一些后面虛的山看起來(lái)帶著一絲的霧氣，瀑布從兩座山峰中飛流直下剛好處在行人的石橋中間給人一種壯麗的感覺(jué)。橋從山川中過(guò)，橋下是清澈的湖水，自然場(chǎng)景和生活氣息巧妙地結(jié)合在了一起（如圖1）。

圖1 《觀瀑圖》360全景圖制作效果

（二）UI 界面設(shè)計(jì)

“封面設(shè)計(jì)”首先思考和李可染有關(guān)的元素，本設(shè)計(jì)的主題為李可染的中國(guó)山水畫(huà)，關(guān)鍵在于李可染的繪畫(huà)風(fēng)格及偏好。書(shū)法“入畫(huà)”放大在畫(huà)面主題邊上寫(xiě)上小字副標(biāo)題和題目英語(yǔ)，體現(xiàn)出一種簡(jiǎn)潔感，下方為點(diǎn)題放置李可染的山水畫(huà)，封面的主體構(gòu)成是黑白灰，這符合大眾對(duì)水墨畫(huà)的基礎(chǔ)認(rèn)知。最后從初稿簡(jiǎn)體轉(zhuǎn)為定稿的繁體，源自李可染的書(shū)法，做出更貼近作品本身的設(shè)計(jì)，直觀地告訴使用者小程序的主題。

“加載中設(shè)計(jì)”則采用了封面一樣的設(shè)計(jì)風(fēng)格，同樣從初稿的簡(jiǎn)體轉(zhuǎn)變?yōu)榉斌w是為了符合李可染的書(shū)法方式，從規(guī)整的小楷改變?yōu)榘凑绽羁扇撅h逸書(shū)法風(fēng)格模仿的草書(shū)，字體整體拉長(zhǎng)，讓字體看起來(lái)更加瀟灑。背景選用白色襯托文字，模仿李可染書(shū)法在畫(huà)面中加入其個(gè)人的簽名和圖章，在中字拉長(zhǎng)的部分插入簽名，加重下半部分，圖章放置貼近字體，最后定稿背景選用白色，整體表現(xiàn)出的意境像是一枝獨(dú)梅屹立雪中。

按鈕位于360 全景圖中，顏色要求比較特殊，既不能比畫(huà)面更加突出，也不能在畫(huà)面中無(wú)法發(fā)現(xiàn)，選擇一個(gè)畫(huà)作中的顏色進(jìn)行加深，既能融入畫(huà)作也能在畫(huà)作中清楚看見(jiàn)。

音樂(lè)按鈕的開(kāi)關(guān)圖案放棄了普通的音樂(lè)標(biāo)識(shí)，選用了知了的形狀（古人常用知了比喻音樂(lè)），關(guān)閉音樂(lè)的圖案設(shè)計(jì)成知了被葉子覆蓋而不發(fā)出聲音。葉子的設(shè)計(jì)由單純的線條逐步更改演變成目前用陰影來(lái)表現(xiàn)葉子的方式。

四、搭建工程

（一）整體流程

設(shè)計(jì)整體分為多個(gè)部分，首先掃描二維碼，出現(xiàn)加載中的圖片，隨著進(jìn)度條走動(dòng)，出現(xiàn)封面圖片，標(biāo)題“入畫(huà)”隨之移出。垂直拖動(dòng)出現(xiàn)李可染先生的生平介紹，再向下拖動(dòng)，出現(xiàn)選擇畫(huà)作的頁(yè)面，點(diǎn)擊相應(yīng)的畫(huà)作按鈕，出現(xiàn)360 全景圖，可以選擇隨著陀螺儀轉(zhuǎn)動(dòng)，也能用手指控制轉(zhuǎn)動(dòng)以及放大或縮小。音樂(lè)在打開(kāi)時(shí)響起，可以選擇關(guān)閉。再次慢慢拖動(dòng)頁(yè)面會(huì)出現(xiàn)關(guān)于這幅畫(huà)的思路，以及一個(gè)有關(guān)李可染的趣味小故事，點(diǎn)擊返回鍵可以回到選擇頁(yè)面。

（二）模型設(shè)置

該設(shè)計(jì)的重心在于可以轉(zhuǎn)動(dòng)的模型，一般的模型是不能作為360VR 全景圖的模型使用的，需要?jiǎng)?chuàng)建特殊模型。模型的制作使用3DMAX 軟件，首先新建一個(gè)圓形，在圓形中新建一個(gè)茶壺，然后點(diǎn)擊視圖，選擇圓形，右鍵點(diǎn)擊進(jìn)行轉(zhuǎn)換為可編輯多邊形，重新選擇圓形，點(diǎn)擊修改圖標(biāo)，點(diǎn)擊修改編輯器，選擇法線，翻轉(zhuǎn)法線，看圓形中的茶壺有沒(méi)有出現(xiàn)，出現(xiàn)則說(shuō)明模型創(chuàng)建成功。保存模型后，拉入場(chǎng)景，位置重置為X:0，Y:0，Z:0，創(chuàng)建材質(zhì)球選中360 全景圖，將材質(zhì)球拖入模型中，關(guān)閉光影效果，就能旋轉(zhuǎn)Y 軸看效果了。

（三）腳本編寫(xiě)

首先，需要控制相機(jī)旋轉(zhuǎn)腳本，包括360VR 全景圖，想要其相機(jī)按照要求固定旋轉(zhuǎn)需要編寫(xiě)腳本，用鼠標(biāo)設(shè)定旋轉(zhuǎn)角度以防眩暈，控制世界Y 軸設(shè)置水平方向轉(zhuǎn)動(dòng)，控制自身X 軸設(shè)置垂直方向轉(zhuǎn)動(dòng)，進(jìn)而放置此腳本在攝像機(jī)中。

其次，設(shè)置觸摸控制和放大、縮小功能，因?yàn)檫@個(gè)小程序主要需要在手機(jī)上使用，所以需要編寫(xiě)手機(jī)觸碰控制。首先計(jì)算出當(dāng)前的兩個(gè)觸摸點(diǎn)的位置，緊接著計(jì)算上次和本次雙指觸摸之間的距離差距，然后更改攝像機(jī)的距離，把距離限制在min 和max 之間，放大和縮小利用鼠標(biāo)滾動(dòng)進(jìn)行輸入。

控制音樂(lè)開(kāi)關(guān)按鈕切換時(shí)，則通過(guò)點(diǎn)擊按鈕保證音樂(lè)開(kāi)時(shí)是開(kāi)始的圖片，音樂(lè)關(guān)閉時(shí)是關(guān)閉的圖片。想做到這點(diǎn)需變換思路，即點(diǎn)擊按鈕之后關(guān)閉上面一個(gè)圖層，這樣就能做到兩個(gè)圖片切換，進(jìn)而進(jìn)行腳本編寫(xiě)。

控制頁(yè)面切換設(shè)計(jì)則利用頁(yè)面切換方面自帶的功能，做到按鈕單場(chǎng)景的跳轉(zhuǎn)，但是要做到多場(chǎng)景切換需要編寫(xiě)腳本。此腳本通過(guò)設(shè)定的名字加載特定的場(chǎng)景，需要放置在跳轉(zhuǎn)按鈕中。

（四）文本和音樂(lè)設(shè)置

用Photoshop 軟件設(shè)計(jì)好文本框，通過(guò)新建元件操作，將文本框圖片拖入場(chǎng)景，設(shè)置合適的大小，插入相應(yīng)畫(huà)作的局部圖案，在圖片中插入返回按鈕。實(shí)現(xiàn)長(zhǎng)屏拖動(dòng)需要將拖動(dòng)圖片設(shè)定為可垂直拖動(dòng)，將設(shè)計(jì)好的元件和拖動(dòng)圖層相連接，設(shè)定好拖動(dòng)的最低位置，就能在規(guī)定的范圍中進(jìn)行拖動(dòng)。

要想播放音樂(lè)，需要特別插入音樂(lè)播放器Audio Source，這個(gè)插件要放在音樂(lè)按鈕中。音樂(lè)按鈕需要用到UIToggle，而不是Button。Toggle 下面要新建圖片再插入音樂(lè)開(kāi)按鈕圖片，該圖片下再新建一個(gè)圖片插入音樂(lè)關(guān)按鈕圖片。

通過(guò)本研究可以發(fā)現(xiàn)，從美學(xué)角度出發(fā)的數(shù)字媒體藝術(shù)和傳統(tǒng)文化相結(jié)合要做到去蕪存菁，吸收傳統(tǒng)文化中優(yōu)秀的、可利用的、可發(fā)展的部分，去掉不能利用和不符合現(xiàn)代文化價(jià)值的部分，還要分析所面向受眾的需求，按照受眾需求設(shè)計(jì)出符合藝術(shù)市場(chǎng)的作品，設(shè)計(jì)出的作品要充分展現(xiàn)中國(guó)畫(huà)的魅力及其豐富的內(nèi)核，達(dá)到吸引受眾的目的。數(shù)字媒體和傳統(tǒng)水墨畫(huà)相結(jié)合會(huì)給傳統(tǒng)中國(guó)畫(huà)注入更多的新鮮動(dòng)力，體現(xiàn)出傳統(tǒng)中國(guó)畫(huà)的魅力。數(shù)字媒體與傳統(tǒng)畫(huà)作相結(jié)合，能在保留傳統(tǒng)畫(huà)作的韻味和內(nèi)核的同時(shí)，賦予畫(huà)作新的生命，讓它以一個(gè)全新的展現(xiàn)形式出現(xiàn)在人們的視野中，提高受眾對(duì)傳統(tǒng)畫(huà)作的興趣。