VR熱潮來(lái)臨，許多好奇寶寶應(yīng)該都默默思考過(guò)這個(gè)問(wèn)題。VR第一天團(tuán)來(lái)幫助大家解決這個(gè)問(wèn)題。

首先呢， VR內(nèi)容場(chǎng)景的呈現(xiàn)分為兩種情況：

實(shí)景拍攝與3d建模場(chǎng)景制作

無(wú)論是實(shí)景拍攝，或是3d建模，這兩種情況的內(nèi)容都需要設(shè)計(jì)師，程序員，后期制作的整個(gè)團(tuán)隊(duì)合作來(lái)一起完成。

3d建模場(chǎng)景制作又包含了可以在VR里行走和不能在VR里行走兩種情況。

無(wú)論是實(shí)景拍攝，或是3d建模，這兩種情況的內(nèi)容都需要設(shè)計(jì)師，程序員，拍攝團(tuán)隊(duì)，后期制作的整個(gè)團(tuán)隊(duì)合作來(lái)一起完成。

下面會(huì)分這兩種情況來(lái)介紹VR內(nèi)容制作的整個(gè)工作流程。

[ 1 ]

拿到制作需求后，設(shè)計(jì)師進(jìn)行頭腦風(fēng)暴思考場(chǎng)景內(nèi)容，場(chǎng)景切換路徑，界面里的文案交互邏輯，輸出策劃文檔

技能點(diǎn)：腦洞，手繪，空間想象力，邏輯能力

[ 2 ]

攝制團(tuán)隊(duì)在實(shí)景進(jìn)行視頻或全景拍攝輸出全景視頻或全景圖。

工具：VR全景攝像機(jī)

[ 3 ]

設(shè)計(jì)師進(jìn)行視頻剪輯或全景圖拼接及后期處理輸出全景視頻或全景圖。

技能點(diǎn)：Premeire，Kolor AutoPano Giga，ptgui（全景圖拼接）Kolor

AutoPano Video Pro，videostitch（全景視頻拼接）

[ 4 ]

設(shè)計(jì)師制作交互動(dòng)畫(huà)及VR里的2d界面輸出交互動(dòng)畫(huà)png序列，2d界面元素切圖（由于VR里畫(huà)圖精確度及效率等等各種問(wèn)題大家目前還是在電腦上畫(huà)圖嗒，群魔亂舞的樣子不知道什么時(shí)候才能出現(xiàn)）

技能點(diǎn)：After Effects，AI，PS

[ 5 ]

程序員寫(xiě)代碼實(shí)現(xiàn)交互邏輯輸出可交互的VR內(nèi)容。

技能點(diǎn)：前端語(yǔ)言＋第三方插件krpano

[ 6 ]

程序員設(shè)計(jì)師進(jìn)入VR場(chǎng)景進(jìn)行邏輯測(cè)試并不斷完善內(nèi)容( 這個(gè)過(guò)程和互聯(lián)網(wǎng)產(chǎn)品差不多就是要不斷的測(cè)試和修改bug）

工具： VR頭顯

[ 7 ]

測(cè)試完后，團(tuán)隊(duì)又要開(kāi)始不斷修改，然后無(wú)限循環(huán)，直到滿意。

3d建模場(chǎng)景制作

的工作流程

[ 1 ]

設(shè)計(jì)師進(jìn)行頭腦風(fēng)暴思考場(chǎng)景內(nèi)容，場(chǎng)景切換路徑，界面里的文案交互邏輯，輸出策劃文檔。技能點(diǎn)：腦洞，手繪，空間想象力，邏輯能力

[ 2 ]

設(shè)計(jì)師用草圖或草模表現(xiàn)場(chǎng)景輸出場(chǎng)景示意。

技能點(diǎn)：手繪能力，3d建模，空間想象力

[ 3 ]

3d模型師根據(jù)場(chǎng)景示意圖進(jìn)行建模輸出3d模型

技能點(diǎn)：maya / 3dmax / cinema4d

[ 4 ]

設(shè)計(jì)師制作交互動(dòng)畫(huà)及VR里的2d界面輸出交互動(dòng)畫(huà)png序列，2d界面元素切圖

技能點(diǎn)：After Effects，AI，PS

（1）

需要在VR里行走，需要進(jìn)行3d模型實(shí)時(shí)渲染，游戲引擎里寫(xiě)代碼實(shí)現(xiàn)邏輯，用htc頭顯來(lái)體驗(yàn)。

這種情況非常考研程序員和交互設(shè)計(jì)師的功力，攝像機(jī)可以捕捉到人在場(chǎng)景里的各種動(dòng)作與位移，手的動(dòng)作會(huì)通過(guò)htc vive的手柄來(lái)捕捉，需要程序員在寫(xiě)代碼時(shí)對(duì)人的各種行為進(jìn)行判斷。

工作量很大，但是因?yàn)榭梢圆蹲饺说母鞣N行為動(dòng)作，所以體驗(yàn)會(huì)更好，會(huì)更有身臨其境的感覺(jué)，當(dāng)然，制作成本也會(huì)更高。

技能點(diǎn)：unity3d，unreal，unity3d美術(shù)

（2）

實(shí)時(shí)渲染好卡，所以就出現(xiàn)了下面一種：不需要在VR里行走，更輕量的

設(shè)計(jì)師渲染成360度的全景圖，也就相當(dāng)于所看到的空間實(shí)際上是一個(gè)球面，再用ps來(lái)優(yōu)化這個(gè)球面圖，用前端語(yǔ)言＋krpano寫(xiě)代碼實(shí)現(xiàn)邏輯。

技能點(diǎn)：渲染器，PS，前端語(yǔ)言＋krpano

[ 6 ]

程序員設(shè)計(jì)師進(jìn)入VR場(chǎng)景進(jìn)行邏輯測(cè)試并不斷完善內(nèi)容。

工具： VR頭顯

[ 7 ]

測(cè)試完后，團(tuán)隊(duì)又要開(kāi)始不斷修改，無(wú)限循環(huán)，直到滿意或者截至日期來(lái)臨為止。

然后，其實(shí)還有一種很情懷的方法

就是根據(jù)全景透視線來(lái)手繪或者拼貼完成

手繪很虐！！！但也非常考驗(yàn)設(shè)計(jì)師的功力哦

技能點(diǎn)：渲染器，PS，前端語(yǔ)言＋krpano

[ 6 ]

程序員設(shè)計(jì)師進(jìn)入VR場(chǎng)景進(jìn)行邏輯測(cè)試并不斷完善內(nèi)容。

工具： VR頭顯

[ 7 ]

測(cè)試完后，團(tuán)隊(duì)又要開(kāi)始不斷修改，無(wú)限循環(huán)，直到滿意或者截至日期來(lái)臨為止。

然后，其實(shí)還有一種很情懷的方法

就是根據(jù)全景透視線來(lái)手繪或者拼貼完成

手繪很虐！！！但也非常考驗(yàn)設(shè)計(jì)師的功力哦。云和教育vr培訓(xùn)包教包會(huì)，有興趣的可以咨詢我們哦。