AE在VR旅游產品設計中的應用

顧鍵萍 閻冰潔

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

關鍵詞：VR旅游;AE;產品設計;智慧旅游

中圖分類號：TP317.3 文獻標識碼：A

文章編號：1009-3044（2019）32-0214-03

1背景

2015年國務院出臺的《關于進一步促進旅游投資和消費的若干意見》明確提出，到2020年，全國4A級以上景區和智慧鄉村旅游試點單位要實現免費Wi-Fi、智能導游、電子講解、在線預訂、信息推送等功能全覆蓋，在全國打造1萬家智慧景區和智慧旅游鄉村。實現智慧旅游需要多方面的協作開發，其中在旅游景點三維場景開發的基礎上進行后期處理，以期達到完美的視覺效果與良好的互動體驗。

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

2AE片頭設計

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

2.1仙都風景區標題設計

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

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

2.2仙都風景區LOGO設計

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

2.3仙都風景區片頭動畫設計及音效

在標題與LOGO設計完成后可以對此進行動畫制作與光效制作，加上背景層、渲染氣氛的粒子層，一起合成片頭動畫。在VR旅游產品前添加片頭動畫，可以增強視頻的觀賞性。

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

3AE動態UI設計

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

3.1uI框架設計及圖片素材處理

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

3.2UI動畫設計

動態風景展示區設計。在PS中導入03切片，網上下載或自己拍攝仙都風景區各景點標志圖片，使每張圖片大小一致，圖片清晰。再將每張圖片制作成縮略圖。圖片大小均與對應切片相同。

3.2.1制作交叉融化序列圖

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

3.2.2制作可移動縮略圖

當鼠標拖動或單擊風景縮略圖時，風景縮圖長條應能隨之移動。在PS中制作縮略圖長條，大小為2580*112像素，將切片07、08拖入文件，順序左對齊排列到長圖最左邊，并將08切片圖層截入選區，填充為黑色，將這兩個圖層編組并復制出15個組副本，按順序將這15組排列成一長條，再按交叉融化序列圖的順序拖入16個風景縮略圖，放在對應組的07切片位置。如圖5所示。

在AE中建立798*112像素f5個縮略圖，圖與圖間隔12像素）合成，持續時間12S，其他同上。將長縮略圖導入，拖到合成，0S處左對齊，打位置關鍵幀，在12S處右對齊，制作出左移動畫。同樣方法在OS處右對齊，12S處左對齊，可制作右移動畫。在縮略圖顯示區前后各加一個向前、向后按鈕。

3.2.3制作按鈕文字動畫

按鈕可以有移過，單擊，正常顯示等狀態，在此例中當按鈕正常顯示時文本顯示宋體24號字，當鼠標停留時顯示文字加粗動畫，當單擊時顯示文字縮放動畫。

3.2.4 UI整體界面設計

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

4結束語

VR技術的出現也是旅游行業發展變革的關鍵，AE等后期軟件的加入使VR旅游走向AR旅游成為可能，內容制作會越來越優秀，VR硬件升級也會越來越快，使人們有更好的體驗，從而帶來旅游行業全新的變革。隨著技術進步，VR旅游、AR旅游等不僅可以改變人們的旅游方式，還可以改變人們的旅游觀念和旅游價值觀。