第七章實(shí)戰(zhàn)演練：VR+電子商務(wù)實(shí)戰(zhàn)演練：VR+電子商務(wù)01實(shí)戰(zhàn)演練：VR+電子商務(wù)【目標(biāo)】利用前面幾章學(xué)到的內(nèi)容，對(duì)一件商品進(jìn)行VR+電子商務(wù)方案的設(shè)計(jì)，并將作品上傳至主流電商網(wǎng)站，利用VR來(lái)增強(qiáng)商品的展示效果，改善用戶的購(gòu)物體驗(yàn)，達(dá)到提高商品銷(xiāo)售的目的?！救藛T】以團(tuán)隊(duì)為單位來(lái)完成，4-5人為一組組成團(tuán)隊(duì)，設(shè)隊(duì)長(zhǎng)一名。角色有：攝影師，攝影助理，美術(shù)設(shè)計(jì)師、電商后臺(tái)操作員等，團(tuán)隊(duì)成員應(yīng)共同協(xié)作完成項(xiàng)目?！緯r(shí)間】應(yīng)在6小時(shí)內(nèi)完成。（4小時(shí)內(nèi)完成為優(yōu)秀，6小時(shí)內(nèi)完成為合格）需求分析系統(tǒng)設(shè)計(jì)模型優(yōu)化實(shí)戰(zhàn)演練：VR+電子商務(wù)貼圖優(yōu)化01VR展示02部署到電商平臺(tái)03需求分析電子商務(wù)已經(jīng)深入到人們的日常生活中，大家習(xí)慣于在網(wǎng)店中瀏覽商品并進(jìn)行購(gòu)買(mǎi)。為此，商家要為每件商品拍攝很多照片，但是效果卻往往差強(qiáng)人意。消費(fèi)者經(jīng)常抱怨實(shí)際的商品與圖片不一致，或者網(wǎng)店的圖片不能全方位地展示商品的細(xì)節(jié)，結(jié)果是商品到手后才發(fā)現(xiàn)有一些瑕疵，甚至是難以接受的缺憾。這導(dǎo)致的后果是：輕則退貨，重則給予差評(píng)，總之是體驗(yàn)感差。商家也很委屈，為拍照片往往要請(qǐng)專業(yè)攝影師來(lái)拍攝，花費(fèi)不菲，但卻不能令消費(fèi)者滿意。如何為商家解決這個(gè)痛點(diǎn)？電商網(wǎng)站的VR解決方案正式登場(chǎng)！VR+電子商務(wù)的解決方案包含了很多方法，其中最為基本的一個(gè)是讓消費(fèi)者可以通過(guò)VR的方式來(lái)瀏覽商品，即可以多角度、全方位來(lái)觀察商品，從而能夠掌握商品盡可能多的細(xì)節(jié)，宛如商品已經(jīng)放在面前一樣，達(dá)到足不出戶，動(dòng)動(dòng)鼠標(biāo)便可逛街的效果。本實(shí)戰(zhàn)項(xiàng)目以蘋(píng)果為例進(jìn)行演練，實(shí)際操作可以使用其他物品，達(dá)到舉一反三的目的。整個(gè)設(shè)計(jì)和操作的流程包括：對(duì)蘋(píng)果的拍攝——建模——優(yōu)化——VR展示——淘寶展示。用戶可以將本書(shū)的方法迅速地運(yùn)用到實(shí)際的電子商務(wù)項(xiàng)目中去。

系統(tǒng)設(shè)計(jì)本實(shí)戰(zhàn)項(xiàng)目以蘋(píng)果為例進(jìn)行演練，實(shí)際操作可以使用其他物品，達(dá)到舉一反三的目的。整個(gè)設(shè)計(jì)和操作的流程包括：對(duì)蘋(píng)果的拍攝——建?！獌?yōu)化——VR展示——淘寶展示。用戶可以將本書(shū)的方法迅速地運(yùn)用到實(shí)際的電子商務(wù)項(xiàng)目中去。商品準(zhǔn)備拍攝商品商品建模模型優(yōu)化貼圖優(yōu)化VR展示

商品準(zhǔn)備由攝影助理對(duì)蘋(píng)果進(jìn)行挑選，挑選結(jié)構(gòu)均勻，無(wú)損傷、色澤艷麗的蘋(píng)果為拍攝對(duì)象，并對(duì)蘋(píng)果進(jìn)行簡(jiǎn)單清理，如污點(diǎn)清理，果柄整理等，將整理好的蘋(píng)果放置多動(dòng)能轉(zhuǎn)盤(pán)上供攝影師拍攝。拍攝商品攝影師準(zhǔn)備好攝影器材，放置好閃光燈，調(diào)試好相機(jī)，按第三章3.8實(shí)戰(zhàn)內(nèi)容進(jìn)行拍攝，并將拍攝的照片保存到電腦里。商品建模為了能讓商品更真實(shí)，本實(shí)戰(zhàn)采用照片建模的方式來(lái)為商品進(jìn)行建模。建模師將商品的照片導(dǎo)入到Photoscan中進(jìn)行建模運(yùn)算，完成模型及貼圖。模型優(yōu)化得到的模型面數(shù)太多，在網(wǎng)絡(luò)上加載的時(shí)候速度慢，影響體驗(yàn)，我們可以通過(guò)減面的優(yōu)化方式為模型進(jìn)行減面操作，操作方法詳見(jiàn)7.3模型優(yōu)化。完成后還可通過(guò)3Dmax對(duì)模型的大小、初始角度等進(jìn)行調(diào)節(jié)。貼圖優(yōu)化美工將得到的貼圖進(jìn)行明暗度、色彩、圖片大小等細(xì)節(jié)進(jìn)行調(diào)整優(yōu)化。使貼圖與原商品無(wú)限接近。VR展示接下來(lái)將優(yōu)化過(guò)后的模型及貼圖上傳到VR平臺(tái)（11）,添加燈光、背景、標(biāo)簽等信息，并保存。部署到淘寶最后由電商后臺(tái)操作員將此VR展示直接部署到淘寶，實(shí)現(xiàn)VR+電子商務(wù)。通過(guò)Photoscan計(jì)算出來(lái)的模型面數(shù)太多，需要對(duì)其進(jìn)行優(yōu)化。通過(guò)Polygon模型優(yōu)化軟件對(duì)模型進(jìn)行優(yōu)化，打開(kāi)軟件后，點(diǎn)擊“優(yōu)化一個(gè)文件”，軟件界面如圖7-1所示。加載模型文件后，確保KeepUV處于選中狀態(tài)，如圖7-2所示。點(diǎn)擊“計(jì)算機(jī)優(yōu)化”，如圖7-3所示。將圖中的數(shù)字改為20000面，點(diǎn)擊保存，模型優(yōu)化完成。模型優(yōu)化圖7-1軟件界面圖7-2保持UV圖7-3面數(shù)優(yōu)化貼圖優(yōu)化在Photoshop中打開(kāi)貼圖，將貼圖的曝光度，色彩，銳度等細(xì)節(jié)進(jìn)行調(diào)整，使其色彩無(wú)限接近原實(shí)物即可。VR展示01020304運(yùn)用第三章的導(dǎo)入平臺(tái)的操作方法，將優(yōu)化過(guò)后的模型及貼圖上傳到VR編輯平臺(tái)，實(shí)現(xiàn)VR展示。圖7-4在個(gè)人中心——我的作品中找到這個(gè)作品，鼠標(biāo)指向右上角，點(diǎn)擊出現(xiàn)的“折號(hào)”再單擊“接口管理”，如圖7-4所示。圖7-505進(jìn)入接口管理后，點(diǎn)擊“上傳”，可將此文件上傳至淘寶服務(wù)器，上傳成功后，原“上傳”按鈕變?yōu)椤皬?fù)制”，此時(shí)點(diǎn)擊“復(fù)制”，此復(fù)制內(nèi)容在后面會(huì)用到。

部署到電商平臺(tái)AB如何部署到京東如何部署到淘寶如何部署到淘寶部署到PC端。淘寶的VR展示分為PC端和手機(jī)端，分別在淘寶后臺(tái)及淘寶神筆編輯操作。首先講部署到PC端的操作。由美工制作一張供用戶點(diǎn)擊的圖片（如圖7-6供用戶點(diǎn)擊的圖片）給電商后臺(tái)操作員，電商后臺(tái)操作員使用電商賬號(hào)登錄到淘寶，找到需要進(jìn)行VR展示的商品，進(jìn)入到商品管理，將美工提供的圖片放到商品展示的第一位置，再添加熱點(diǎn)區(qū)域展示中的鏈接即可實(shí)現(xiàn)PC端的VR展示。

圖7-6供用戶點(diǎn)擊的圖片部署到手機(jī)端。手機(jī)端的實(shí)現(xiàn)需要用淘寶神筆來(lái)編輯操作。先打開(kāi)淘寶神筆頁(yè)面/index.html?spm=a2o1b.7760020.a31h4.1.ATi2Ij，如圖7-7所示。依次點(diǎn)擊右上角操作中心——寶貝管理，進(jìn)入寶貝管理頁(yè)面，如圖7-8所示。選擇你需要修改寶貝的“關(guān)聯(lián)到手機(jī)模型”，點(diǎn)擊后面的“編輯”，請(qǐng)將圖片換成帶有VR標(biāo)識(shí)的圖片。點(diǎn)擊“加入鏈接”進(jìn)入鏈接加入界面。如圖7-9所示。在添加鏈接框里輸入復(fù)制到的鏈接，點(diǎn)擊“確定”。其中暗紅色框表示點(diǎn)擊的位置，請(qǐng)拉動(dòng)四周按鈕，將點(diǎn)擊位置布滿整張圖片，如圖7-10所示。點(diǎn)擊保存就實(shí)現(xiàn)了手機(jī)端VR展示功能。到手機(jī)上瀏覽商器的時(shí)侯，找到這張圖片點(diǎn)擊后就可以查看VR商品展示了！從上面的操作可以看