AE在VR旅游產(chǎn)品設(shè)計(jì)中的應(yīng)用

顧鍵萍 閻冰潔

摘要：隨著VR旅游產(chǎn)品開發(fā)技術(shù)的進(jìn)步以及消費(fèi)者在視覺追求上的提升，在新一代的旅游產(chǎn)品設(shè)計(jì)開發(fā)時(shí)不能只追求旅游產(chǎn)品的模擬仿真，還應(yīng)追求良好的交互性，強(qiáng)烈的沉浸感與完美的視覺效果。因此在前期三維模型設(shè)計(jì)與實(shí)景場景開發(fā)的基礎(chǔ)上，后期可以通過AE進(jìn)行標(biāo)題與LOGO動(dòng)態(tài)設(shè)計(jì)、交互uI界面設(shè)計(jì)、調(diào)色處理、背景音樂及音效處理等，使VR旅游產(chǎn)品展出現(xiàn)更強(qiáng)的視覺沖擊力與更智慧、更貼心的服務(wù)。該文以仙都4A風(fēng)景旅游VR為例從以上幾方面闡述AE在VR旅游產(chǎn)品設(shè)計(jì)中的應(yīng)用。

關(guān)鍵詞：VR旅游;AE;產(chǎn)品設(shè)計(jì);智慧旅游

中圖分類號(hào)：TP317.3 文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1009-3044（2019）32-0214-03

1背景

2015年國務(wù)院出臺(tái)的《關(guān)于進(jìn)一步促進(jìn)旅游投資和消費(fèi)的若干意見》明確提出，到2020年，全國4A級(jí)以上景區(qū)和智慧鄉(xiāng)村旅游試點(diǎn)單位要實(shí)現(xiàn)免費(fèi)Wi-Fi、智能導(dǎo)游、電子講解、在線預(yù)訂、信息推送等功能全覆蓋，在全國打造1萬家智慧景區(qū)和智慧旅游鄉(xiāng)村。實(shí)現(xiàn)智慧旅游需要多方面的協(xié)作開發(fā)，其中在旅游景點(diǎn)三維場景開發(fā)的基礎(chǔ)上進(jìn)行后期處理，以期達(dá)到完美的視覺效果與良好的互動(dòng)體驗(yàn)。

AE即After Effect是一款是Adobe公司推出的一款圖形視頻處理軟件，被稱為動(dòng)態(tài)Ps，廣泛應(yīng)用在影視后期、動(dòng)畫制作、電影特效、廣告創(chuàng)意等方面。VR技術(shù)是將真實(shí)拍攝或三維軟件構(gòu)建的多方位場景通過軟件、設(shè)備還原在觀眾眼前，使之獲得身臨其境的立體空間感掰。因此VR旅游用AE進(jìn)行后期處理，通過標(biāo)題片頭制作，uI交互、調(diào)色與轉(zhuǎn)場等制作處理，可以使VR產(chǎn)品有更強(qiáng)的沉浸感與視覺享受。

2AE片頭設(shè)計(jì)

2019年在天安門廣場舉行國慶70周年聯(lián)歡活動(dòng)，其中的光影展現(xiàn)給數(shù)億國人留下不可磨滅的印象。在CCTVl直播中展廳大屏上展示的片頭，那飄逸的紅絲帶，細(xì)細(xì)碎的光影粒子，立體紅色并貼圖的70字樣LOGO，金黃色的立體標(biāo)題一定給很多人震撼的感覺。AE中有著各種強(qiáng)大插件，E3D這款專門針對(duì)三維元素制作的插件輸入3D物體與材質(zhì)，支持0BJ和C4D格式，支持OBJ序列串。用E3D制作VR旅游中立體動(dòng)感標(biāo)題與LOGO，應(yīng)用到VR旅游片頭設(shè)計(jì)中可以做出大片的即視感。以仙都4A風(fēng)景旅游VR為例，進(jìn)行如下標(biāo)題與LOGO設(shè)計(jì)。

2.1仙都風(fēng)景區(qū)標(biāo)題設(shè)計(jì)

AE對(duì)視頻上面的文字進(jìn)行各種特效設(shè)計(jì)，使影視顯示出較強(qiáng)的藝術(shù)性和科幻性，使得觀眾在觀看視頻時(shí)得到色彩豐富的視覺效果，給觀眾以強(qiáng)大的視覺沖擊，文字標(biāo)題動(dòng)畫的制作方法可以說是數(shù)不勝數(shù)。AE中的文字特效主要通過特效插件、時(shí)間線中的路徑文字和文字動(dòng)畫屬性進(jìn)行制作，視頻中常見的效果有三維文字、陰影文字、金屬文字、掃光文字、碎片文字、發(fā)光文字和路徑文字等。

標(biāo)題文字用三維文字顯得厚重、大氣、簡約，在AE中制作標(biāo)題文字步驟如下：1）在合成中新建一文字層，并輸人文字標(biāo)題“仙都4A風(fēng)景區(qū)”，設(shè)置合適的字體與大小，本例中字體為造字工仿俊雅演示版，大小為195像素;2）在標(biāo)題圖層下新建一純色層，在純色層上添加E3D效果，在E3D效果的場景設(shè)置的“自定義圖層——自定義文字與路徑——路徑層1”中選擇標(biāo)題圖層，并點(diǎn)擊擠壓，可得到三維文字標(biāo)題白模;3）材質(zhì)貼圖、旋轉(zhuǎn)角度，得到最終效果如圖1。

2.2仙都風(fēng)景區(qū)LOGO設(shè)計(jì)

在AE中制作仙都風(fēng)景區(qū)三維LOGO主要操作步驟為：1）在AE中導(dǎo)人仙都風(fēng)景區(qū)LOGO圖片，將該圖片加入合成，并在LOGO圖片層上用鋼筆工具根據(jù)圖片輪廓繪制路徑;21在LOGO圖片層下新建一純色層，在純色層上添加E3D效果，在E3D效果的場景設(shè)置的“自定義圖層——自定義文字與路徑——路徑層1”中選擇LOGO圖片層，并點(diǎn)擊擠壓，可得到三維LOGO白模;3）調(diào)節(jié)擠出參數(shù)、三維倒角以及材質(zhì)貼圖，得到最終效果如圖2。

2.3仙都風(fēng)景區(qū)片頭動(dòng)畫設(shè)計(jì)及音效

在標(biāo)題與LOGO設(shè)計(jì)完成后可以對(duì)此進(jìn)行動(dòng)畫制作與光效制作，加上背景層、渲染氣氛的粒子層，一起合成片頭動(dòng)畫。在VR旅游產(chǎn)品前添加片頭動(dòng)畫，可以增強(qiáng)視頻的觀賞性。

本例中片頭動(dòng)畫設(shè)計(jì)主要步驟為：1）新建合成，大小與VR旅游產(chǎn)品視頻同（本例為1920*1080，方形像素，25怵秒，持續(xù)時(shí)間為10S）;2）在合成上順序拖人背景、標(biāo)題與LOGO;3）新建純色層并且在純色層上添加Particular粒子，調(diào)整Particular粒子中發(fā)射器類型為盒子，發(fā)射器尺寸為XYZ獨(dú)立，尺寸為（1920，1080，1920），發(fā)射演化中預(yù)運(yùn)行30%，粒子尺寸隨機(jī)與生命隨機(jī)分別為50%，透明度為50%，粒子尺寸為3，透明度隨生命變化及尺寸隨生命變化均選下拋物線型，“物理——空氣——風(fēng)向Y”設(shè)為80，其他參數(shù)均默認(rèn)，得到隨風(fēng)向上飛揚(yáng)的灰塵類粒子，使背景顯得不那么單調(diào);4）制作標(biāo)題在地上的影子。將標(biāo)題復(fù)制一層為標(biāo)題影子，打開三維圖層標(biāo)志，繞Y軸旋轉(zhuǎn)102度，使其平躺在地上，在標(biāo)題影子上加模糊效果，適當(dāng)調(diào)整模糊與透明度，出現(xiàn)文字陰影效果;選中標(biāo)題與標(biāo)題影子層，合成為標(biāo)題合成，打開標(biāo)題合成三維開關(guān);5）制作標(biāo)題動(dòng)畫。使用縮放動(dòng)畫，用2S時(shí)間制作沖入屏幕標(biāo)題動(dòng)畫。在標(biāo)題合成上加Shine效果，適當(dāng)增加微光中的細(xì)節(jié)與數(shù)量，以增加光線清晰度，并在接下來的3s至4s時(shí)間內(nèi)利用中心點(diǎn)制作光線從左向右，再從右至中間掃光效果;6）制作文字星光效果。將最初的文字層拖入合成，并預(yù)合成，命名為文字，新建純色層，命名為文字粒子，并且在純色層上添加Particular粒子，粒子發(fā)射器類型為圖層，圖層發(fā)射器中圖層選擇文字層，發(fā)射器中所有速度相關(guān)數(shù)據(jù)都調(diào)為0，讓粒子吸附在文字上，粒子類型改為星光（無景深），粒子大小改為15，尺寸隨生命變化與透明度隨生命變化均設(shè)為Randomize，使星光粒子有一閃一閃的感覺，其他有所參數(shù)默認(rèn)。4s處將圖層不透明度設(shè)關(guān)鍵幀，數(shù)值為0，4.5S不透明度數(shù)值為100%，讓星光粒子隨著掃光光錢的消失與淡出;7）LOGO動(dòng)畫設(shè)計(jì)。雙擊LOGO合成，在LOGO合成的E3D層的E3D效果中“群組1-Y旋轉(zhuǎn)粒子”上打關(guān)鍵幀，5S處為0，6.5S處設(shè)為1圈，讓LOGO三維立體模型沿Y軸旋轉(zhuǎn)一圈，注意此處旋轉(zhuǎn)不能直接做到圖層上，否則沒有立體效果。再在E3D圖層上加CC Light Sweep效果，設(shè)置Direction為45，按下Center中心點(diǎn)關(guān)鍵幀動(dòng)畫，在6.5S處將中心點(diǎn)移到左上角，并使光線不出現(xiàn)，在7.5S處移到右下角，同樣使光線不出現(xiàn)，完成LOGO停止旋轉(zhuǎn)后接一掃光效果動(dòng)畫?；氐娇偤铣?，對(duì)LOGO合成圖層不透明度打關(guān)鍵幀，4s時(shí)為0，4.5S時(shí)為100。至此，完成整個(gè)片頭動(dòng)畫設(shè)計(jì)，如圖3為4.5S時(shí)效果。動(dòng)畫片頭設(shè)計(jì)完成后，可以加入背景音樂與音效，音效可在音樂軟件上剪切，加入與標(biāo)題文字動(dòng)畫及LOGO掃光匹配的音效，可增強(qiáng)片頭的感染力。

3AE動(dòng)態(tài)UI設(shè)計(jì)

uI是用戶界面（User Interface）的簡稱，是人通過屏幕與機(jī)器進(jìn)行交流的界面。合理化的uI設(shè)計(jì)不僅可以展示出軟件的自身特色，也可以讓軟件操作過程呈現(xiàn)出舒適化、簡單化與自由化的特點(diǎn)。動(dòng)態(tài)uI設(shè)計(jì)通常用PS+AE實(shí)現(xiàn)，用Ps設(shè)計(jì)出uI整體框架，再導(dǎo)入AE中進(jìn)行AE后期動(dòng)畫與合成，以仙都4A風(fēng)景旅游VR為例，設(shè)計(jì)方法如下：

3.1uI框架設(shè)計(jì)及圖片素材處理

打開PS，新建文件，大小與VR大小一致，背景為50%灰度，打開標(biāo)尺，在標(biāo)尺上右鍵選擇像素，再根據(jù)設(shè)計(jì)規(guī)范，計(jì)算并拉出各區(qū)塊參考線，再根據(jù)參考線及設(shè)計(jì)功能對(duì)各設(shè)計(jì)區(qū)塊切片，并保存全部切片，如圖4所示。03區(qū)塊為動(dòng)態(tài)風(fēng)景展示區(qū)，05區(qū)塊為景區(qū)總體介紹，07-17區(qū)塊為風(fēng)景圖縮略圖兼單擊交互按鈕，單擊此處可以在動(dòng)態(tài)區(qū)展示對(duì)應(yīng)大圖，25-27為主菜單區(qū)塊，28為顯示區(qū)塊。

3.2UI動(dòng)畫設(shè)計(jì)

動(dòng)態(tài)風(fēng)景展示區(qū)設(shè)計(jì)。在PS中導(dǎo)入03切片，網(wǎng)上下載或自己拍攝仙都風(fēng)景區(qū)各景點(diǎn)標(biāo)志圖片，使每張圖片大小一致，圖片清晰。再將每張圖片制作成縮略圖。圖片大小均與對(duì)應(yīng)切片相同。

3.2.1制作交叉融化序列圖

打開AE，導(dǎo)入之前處理好的16帳風(fēng)景圖，新建合成，合成大小與圖片一致，持續(xù)時(shí)間為32S，其他設(shè)置與前同。將所有圖片按播放順序拖入合成，并重命名圖層名依次為1-16，選中所有圖層，點(diǎn)開“入點(diǎn)、出點(diǎn)、持續(xù)時(shí)間”，將圖層持續(xù)時(shí)間改為2S，單擊菜單“動(dòng)畫——關(guān)鍵幀輔助——序列圖層”，在彈出選項(xiàng)窗口中勾選“重疊”，設(shè)置持續(xù)時(shí)間為12f，選擇“交叉溶解前景與背景圖層”，將工作區(qū)結(jié)尾拉到25S位置，交叉融化序列風(fēng)景圖制作完成，導(dǎo)出為視頻，命名為“滾動(dòng)風(fēng)景.mov”。

3.2.2制作可移動(dòng)縮略圖

當(dāng)鼠標(biāo)拖動(dòng)或單擊風(fēng)景縮略圖時(shí)，風(fēng)景縮圖長條應(yīng)能隨之移動(dòng)。在PS中制作縮略圖長條，大小為2580*112像素，將切片07、08拖入文件，順序左對(duì)齊排列到長圖最左邊，并將08切片圖層截入選區(qū)，填充為黑色，將這兩個(gè)圖層編組并復(fù)制出15個(gè)組副本，按順序?qū)⑦@15組排列成一長條，再按交叉融化序列圖的順序拖入16個(gè)風(fēng)景縮略圖，放在對(duì)應(yīng)組的07切片位置。如圖5所示。

在AE中建立798*112像素f5個(gè)縮略圖，圖與圖間隔12像素）合成，持續(xù)時(shí)間12S，其他同上。將長縮略圖導(dǎo)入，拖到合成，0S處左對(duì)齊，打位置關(guān)鍵幀，在12S處右對(duì)齊，制作出左移動(dòng)畫。同樣方法在OS處右對(duì)齊，12S處左對(duì)齊，可制作右移動(dòng)畫。在縮略圖顯示區(qū)前后各加一個(gè)向前、向后按鈕。

3.2.3制作按鈕文字動(dòng)畫

按鈕可以有移過，單擊，正常顯示等狀態(tài)，在此例中當(dāng)按鈕正常顯示時(shí)文本顯示宋體24號(hào)字，當(dāng)鼠標(biāo)停留時(shí)顯示文字加粗動(dòng)畫，當(dāng)單擊時(shí)顯示文字縮放動(dòng)畫。

3.2.4 UI整體界面設(shè)計(jì)

新建AE文件，新建合成，命名為uI，大小為1920"1080像素，持續(xù)時(shí)間為24S，其他同上。將之前制作的交叉融解圖片動(dòng)畫、縮略圖動(dòng)畫、按鈕及按鈕文本動(dòng)畫、切片文件、背景等素材導(dǎo)入項(xiàng)目，將各項(xiàng)內(nèi)容安排到各自切片對(duì)應(yīng)位置，在右側(cè)文字區(qū)域輸入文字內(nèi)容，左右圖片位置建立左右箭頭按鈕，在導(dǎo)航菜單欄下面繪制文字顯示邊框與上下滾動(dòng)條。此制作用到的主要有繪制形狀，描邊，圖層復(fù)制，變換，調(diào)色等操作，用到的工具比較基礎(chǔ)，操作步驟不再闡述。最后uI效果如圖6所示。

4結(jié)束語

VR技術(shù)的出現(xiàn)也是旅游行業(yè)發(fā)展變革的關(guān)鍵，AE等后期軟件的加入使VR旅游走向AR旅游成為可能，內(nèi)容制作會(huì)越來越優(yōu)秀，VR硬件升級(jí)也會(huì)越來越快，使人們有更好的體驗(yàn)，從而帶來旅游行業(yè)全新的變革。隨著技術(shù)進(jìn)步，VR旅游、AR旅游等不僅可以改變?nèi)藗兊穆糜畏绞剑€可以改變?nèi)藗兊穆糜斡^念和旅游價(jià)值觀。