“入畫”：李可染中國畫新媒體藝術(shù)互動設計

□ 黎夢茹 喻晨薇 黃如民

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

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

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

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

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

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

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

二、李可染畫作素材收集與分解

（一）李可染畫作特點分析

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

（二）李可染畫作分類與分解

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

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

三、李可染畫作全景圖與UI設計制作

（一）360 全景圖制作

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

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

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

（二）UI 界面設計

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

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

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

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

四、搭建工程

（一）整體流程

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

（二）模型設置

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

（三）腳本編寫

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

其次，設置觸摸控制和放大、縮小功能，因為這個小程序主要需要在手機上使用，所以需要編寫手機觸碰控制。首先計算出當前的兩個觸摸點的位置，緊接著計算上次和本次雙指觸摸之間的距離差距，然后更改攝像機的距離，把距離限制在min 和max 之間，放大和縮小利用鼠標滾動進行輸入。

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

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

（四）文本和音樂設置

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

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

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