VR内容设计的整个工作流程是怎样的,需要get哪些新技能?

Recommanded by editor
上海/设计爱好者/9年前/6941浏览
VR内容设计的整个工作流程是怎样的,需要get哪些新技能?Recommanded by editor

VR热潮来临,许多好奇宝宝应该都默默思考过这个问题。小哈最近在一个制作VR内容的团队交流学习,了解到了VR内容制作的全过程,来满足下好奇宝宝们的心愿。

VR内容是如何做出来的?

需要get哪些新技能?


VR热潮来临,许多好奇宝宝应该都默默思考过这个问题。

小哈最近在一个制作VR内容的团队交流学习,了解到了VR内容制作的全过程,

来满足下好奇宝宝们的心愿(嗯,这是一篇干货)。


4b365752a8e632f875a4290d767d.jpg



首先呢, VR内容场景的呈现分为两种情况:


实景拍摄


d1ce5752a93732f875a42966c6e2.jpg



3d建模场景制作


bba55752a9436ac72525ae59041c.jpg

( 图片已获得授权 )



3d建模场景制作又包含了可以在VR里行走不能在VR里行走两种情况。无论是实景拍摄,或是3d建模,这两种情况的内容都需要设计师,程序员,拍摄团队,后期制作的整个团队合作来一起完成。


下面会分这两种情况来介绍VR内容制作的整个工作流程。





全景拍摄

的工作流程



[ 1 ]


拿到制作需求后,设计师进行头脑风暴思考场景内容,场景切换路径,

界面里的文案交互逻辑,输出策划文档

(这个部分的工作是非常重要的,对整个项目的构思有着决定性的作用)


ea705752a98632f875a4298f7ac5.jpg


技能点:脑洞,手绘,空间想象力,逻辑能力





[ 2 ]


摄制团队在实景进行视频或全景拍摄输出全景视频或全景图。


66805752aeed32f875a42938c24c.jpg


工具:VR全景摄像机





[ 3 ]


设计师进行视频剪辑或全景图拼接及后期处理输出全景视频或全景图。


019b5752af186ac72525ae188cdb.jpg


技能点:Premeire,Kolor AutoPano Giga,ptgui(全景图拼接)

Kolor AutoPano Video Pro,videostitch(全景视频拼接)





[ 4 ]


设计师制作交互动画及VR里的2d界面输出交互动画png序列,2d界面元素切图

(由于VR里画图精确度及效率等等各种问题大家目前还是在电脑上画图嗒,

群魔乱舞的样子不知道什么时候才能出现)


0f435752af4132f875a4297275ed.jpg


技能点:After Effects,AI,PS





[ 5 ]


程序员写代码实现交互逻辑输出可交互的VR内容。


c7365752af586ac72525ae0b0ff4.jpg


技能点:前端语言+第三方插件krpano





[ 6 ]


程序员设计师进入VR场景进行逻辑测试并不断完善内容

( 这个过程和互联网产品差不多就是要不断的测试和修改bug,

所以常常会看到某人在办公室里戴着头显手舞足蹈蹦蹦跳跳的样子 ,实际上他是在做测试)。


949c5752af7e32f875a429246878.jpg


工具: VR头显





[ 7 ]


899a5752af9a6ac72525aea3ac5d.jpg


测试完后,团队又要开始不断修改,然后无限循环,直到满意。

(┑( ̄Д  ̄)┍ 不解释,设计酱和程序酱们应该很熟悉这个过程)





3d建模场景制作

的工作流程



[ 1 ]


设计师进行头脑风暴思考场景内容,场景切换路径,界面里的文案交互逻辑,输出策划文档。


efc75752afbf32f875a429ccd315.jpg


技能点:脑洞,手绘,空间想象力,逻辑能力





[ 2 ]


设计师用草图或草模表现场景输出场景示意。


e04c5752afd16ac72525ae02a1c3.jpg


技能点:手绘能力,3d建模,空间想象力





[ 3 ]


3d模型师根据场景示意图进行建模输出3d模型


cc685752afe732f875a429b47fb0.jpg


技能点:maya / 3dmax / cinema4d





[ 4 ]


设计师制作交互动画及VR里的2d界面输出交互动画png序列,2d界面元素切图

(由于VR里还并没有VUI,VUX,VUE这样的职位,所以往往是同一个人在做这些工作!!!)


34795752afff6ac72525ae2f1900.jpg


技能点:After Effects,AI,PS





[ 5 ]




好啦,前期工作准备完了,该渲染了 <( ̄︶ ̄)> 。

这个时候根据使用场景分为两种情况。



(1)


d17a5752b00e32f875a429159d9c.jpg


需要在VR里行走,需要进行3d模型实时渲染,游戏引擎里写代码实现逻辑,用htc头显来体验。


这种情况非常考研程序员和交互设计师的功力,摄像机可以捕捉到人在场景里的各种动作与位移,手的动作会通过htc vive的手柄来捕捉,需要程序员在写代码时对人的各种行为进行判断。


工作量很大,但是因为可以捕捉人的各种行为动作,所以体验会更好,会更有身临其境的感觉,当然,制作成本也会更高(~( ̄▽ ̄~) 嗯,言下之意就是各种虐)。



技能点:unity3d,unreal,unity3d美术



(2)



实时渲染好卡,所以就出现了下面一种:不需要在VR里行走,更轻量的。


设计师渲染成360度的全景图,也就相当于所看到的空间实际上是一个球面,再用ps来优化这个球面图,用前端语言+krpano写代码实现逻辑。


bd905752b05b32f875a429201d2d.jpg


技能点:渲染器,PS,前端语言+krpano





[ 6 ]


程序员设计师进入VR场景进行逻辑测试并不断完善内容。


bc515752b0806ac72525ae12fbf2.jpg


工具: VR头显





[ 7 ]


dd1f5752b08e32f875a4296dbb31.jpg


测试完后,团队又要开始不断修改,无限循环,直到满意或者截至日期来临为止。





介绍完实景拍摄呈现与3d建模场景呈现,

然后,其实还有一种很情怀的方法

就是根据全景透视线来手绘或者拼贴完成

手绘很虐!!!但也非常考验设计师的功力哦



总结一下,VR制作内容的过程需要哪些能力和工具呢?



( 这些工具仅限于小哈的了解,

有了解的大大可以补充哦,

总觉得这个坑应该更大 )


脑洞,手绘,空间想象力

逻辑能力,VR全景摄像机,VR头显

Premeire,Kolor AutoPano Giga,ptgui

Kolor AutoPano Video Pro,videostitch


Premeire,After Effects,AI,PS

maya / 3dmax / cinema4d

前端语言+第三方插件krpano

unity3d,unreal,unity3d美术

当然还有审美能力





          有木有!!!

          技能点好综合!!!





那么问题来了

什么样的好奇宝宝

  适合加入VR行业呢?


1 空间想象力+脑洞


f9765752b0df6ac72525ae03c64e.jpg


无论是实景拍摄还是3d建模,VR内容都是建立在三维世界里,所以需要从业者有较强的空间想象力,想象用户在自己创造的VR内容里是一种怎样的体验。另外,因为要创造一个新的虚拟世界,脑洞大也会加分哦~





2 学习能力极强的人


add15752b0eb32f875a42924f9ff.jpg



作为一个新兴领域,VR还像一个刚出生的宝宝,并没有建立起完善的生态系统和成熟的体制,这就需要从业者有极强的学习能力来解决各种面临的问题。

另外,随着VR应用越来越广泛,许多公司也在开发更适合于VR内容制作的新软件与新的程序框,so入了VR坑后,未来可能会学习许多新的工具~~





3 综合能力的跨界者


136f5752b0f76ac72525ae5216c8.jpg


作为新兴领域,学校里并没有培养对应行业的人才,

所以VR从业者往往是从别的行业(游戏 动画 IT 影视 多媒体 等)跨界来的。

VR作为“科技+设计+体验+脑洞”几个领域的结合,需要从业者有较强的综合能力。




想要入VR坑的小伙伴们

你还需要get哪些新技能呢?


d5a75752b1156ac72525ae203f9d.jpg



c47457582f7f0000012e7e80f979.jpg



106
阅读原文
|
Report
|
100
Share
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
AI可视化动效设计合集
Homepage recommendation
一些芯片美术设计
Homepage recommendation
大家都在看
Log in